.order-history-container{font-family:Arial,sans-serif}.order-history-wrapper{max-width:1000px;margin:10px auto 0;background-color:#faf7f0;padding:20px 100px}.order-history-title{font-size:36px;font-weight:700;text-align:center;color:#b17457;margin-bottom:40px}.order-empty{text-align:center;padding:60px 20px}.order-empty p{font-size:20px;color:#666;margin-bottom:20px}.btn-primary{padding:12px 30px;background-color:#b17457;color:#fff;border:none;border-radius:50px;font-size:16px;cursor:pointer}.btn-primary:hover{background-color:#9f6149}.order-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;margin-bottom:30px}.order-header{background-color:#b17457;color:#fff;padding:16px 24px}.order-header-content{display:flex;justify-content:space-between;align-items:center}.order-header h3{font-size:20px;font-weight:700;margin:0}.order-status{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500}.status-paid{background-color:#dbeafe;color:#1e40af}.status-confirmed{background-color:#fef9c3;color:#92400e}.status-delivering{background-color:#e9d5ff;color:#6b21a8}.status-completed{background-color:#d1fae5;color:#065f46}.status-cancelled{background-color:#fecaca;color:#991b1b}.status-pending{background-color:#fef3c7;color:#92400e}.status-cooking{background-color:#ffedd5;color:#9a3412}.order-date{font-size:14px;margin-top:8px;opacity:.9}.order-body{padding:24px}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;font-size:14px}.order-info-item{display:flex;flex-direction:column}.order-info-label{font-weight:700;margin-bottom:4px}.order-note{grid-column:span 2}.order-details-section{border-top:1px solid #eee;padding-top:16px}.order-details-title{font-weight:700;margin-bottom:12px;font-size:16px}.order-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.order-item-toppings{font-size:12px;color:#666;margin-top:4px}.order-total-section{border-top:1px solid #eee;margin-top:16px;padding-top:16px;text-align:right}.order-total-line{margin:6px 0;font-size:14px}.order-discount{color:#16a34a}.order-final-price{font-size:20px;font-weight:700;color:#b17457}.loading-text,.error-text{text-align:center;padding:100px 20px;font-size:20px}.error-text{color:#dc2626}@media(max-width:768px){.order-info-grid{grid-template-columns:1fr}.order-note{grid-column:span 1}.order-header-content{flex-direction:column;align-items:flex-start;gap:8px}}.order-special-note{background-color:#fef3c7;color:#92400e;padding:12px 16px;border-radius:8px;text-align:center;font-weight:500;margin-bottom:16px}.order-pending-action{background-color:#fee2e2}.btn-repayment{padding:10px 24px;background-color:#ef4444;color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-repayment:hover{background-color:#dc2626}.comment-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.comment-modal-content{background-color:#fff;padding:1.5rem;border-radius:.5rem;width:100%;max-width:28rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.comment-modal-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.comment-form-group{margin-bottom:1rem}.comment-form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.comment-form-control{width:100%;border:1px solid #d1d5db;border-radius:.25rem;padding:.5rem;box-sizing:border-box}.comment-form-control:focus{outline:none;border-color:#b17457;box-shadow:0 0 0 2px #b1745733}.comment-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.comment-btn{padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-cancel{background-color:transparent;border:1px solid #d1d5db}.btn-cancel:hover{background-color:#f3f4f6}.btn-submit{background-color:#b17457;color:#fff;border:none}.btn-submit:hover{background-color:#9f6149}.btn-review-link{background:none;border:none;color:#2563eb;font-size:.875rem;cursor:pointer;margin-top:.25rem;padding:0;text-decoration:none}.btn-review-link:hover{text-decoration:underline}.star-rating-container{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.star-item{width:32px;height:32px;cursor:pointer;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='144'%20height='133'%20viewBox='0%200%20144%20133'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d_1_3)'%3e%3cpath%20d='M90.6611%2044.2148L140.002%2047.6777L102.193%2078.4668L114.027%20124.822L72.001%2099.6357L29.9746%20124.822L41.8086%2078.4668L4%2047.6777L53.3408%2044.2148L72.001%200L90.6611%2044.2148Z'%20fill='%23CB8709'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_1_3'%20x='0'%20y='0'%20width='144.002'%20height='132.822'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='4'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_1_3'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_1_3'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='144'%20height='133'%20viewBox='0%200%20144%20133'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d_1_3)'%3e%3cpath%20d='M90.6611%2044.2148L140.002%2047.6777L102.193%2078.4668L114.027%20124.822L72.001%2099.6357L29.9746%20124.822L41.8086%2078.4668L4%2047.6777L53.3408%2044.2148L72.001%200L90.6611%2044.2148Z'%20fill='%23CB8709'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_1_3'%20x='0'%20y='0'%20width='144.002'%20height='132.822'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='4'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_1_3'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_1_3'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background-color .2s}.star-item.empty{background-color:#e5e7eb}.star-item.filled{background-color:#ffff02e0}