.cancel-order-btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.cancel-order-btn--danger{background:#fee2e2;color:#991b1b}.cancel-order-btn--danger:hover{background:#fecaca}.cancel-order-btn--confirm{background:#991b1b;color:#fff}.cancel-order-btn--confirm:hover{background:#7f1d1d}.cancel-order-btn--back{background:var(--gray-200);color:var(--gray-700)}.cancel-order-btn--back:hover{background:var(--gray-300)}.cancel-order-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-order-confirm{background:#fef2f2;border:1px solid #fee2e2;border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-md)}.cancel-order-confirm__text{margin:0 0 var(--spacing-md) 0;color:var(--gray-700);font-weight:500}.cancel-order-confirm__actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.updating-indicator{position:fixed;top:80px;right:var(--spacing-lg);z-index:50;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fffffff2;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.updating-spinner{width:16px;height:16px;border:2px solid var(--gray-200);border-top-color:var(--menu-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.orders-list-container{display:grid;gap:var(--spacing-xl)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-2xl);min-height:400px}.spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--menu-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{margin-top:var(--spacing-lg);color:var(--gray-500);font-size:1rem}.order-card{background:#fff;border-radius:var(--menu-border-radius);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.order-card:hover{box-shadow:var(--shadow-md)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--gray-100)}.order-number{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-label{font-size:.875rem;color:var(--gray-500)}.order-value{font-size:1.5rem;font-weight:700;color:var(--menu-primary)}.order-status{padding:var(--spacing-sm) var(--spacing-lg);border-radius:9999px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.order-status.status-pending{background:#fef3c7;color:#92400e}.order-status.status-confirmed{background:var(--menu-accent);color:#fff}.order-status.status-preparing{background:#fce7f3;color:#9f1239}.order-status.status-ready{background:var(--menu-accent);color:#fff}.order-status.status-completed{background:#d1fae5;color:#047857}.order-status.status-cancelled{background:#fee2e2;color:#991b1b}.order-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.order-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:.875rem;color:var(--gray-500);font-weight:500}.info-value{font-size:var(--font-size-base);color:var(--menu-text);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.order-items{margin-bottom:var(--spacing-lg)}.items-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin-bottom:var(--spacing-md)}.order-notes-section{background:var(--gray-50);border-left:4px solid var(--menu-primary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.order-notes-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);color:var(--menu-primary);font-size:.875rem}.notes-icon{width:16px;height:16px}.order-notes-text{margin:0;color:var(--gray-700);line-height:1.6;white-space:pre-wrap;font-size:.875rem;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.item-row{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--gray-100)}.item-row:last-child{border-bottom:none}.item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--gray-100)}.item:last-child{border-bottom:none}.item-quantity{font-weight:600;color:var(--menu-primary);min-width:2rem;flex-shrink:0}.item-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.item-name{color:var(--menu-text);font-weight:500;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.item-notes{font-size:.875rem;color:var(--gray-500);font-style:italic;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;line-height:1.4}.item-price{font-weight:600;color:var(--menu-text);white-space:nowrap;flex-shrink:0}.order-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.summary-row:not(:last-child){border-bottom:none}.summary-label{font-size:var(--font-size-base);color:var(--gray-700);font-weight:500}.summary-value{font-size:var(--font-size-base);font-weight:600;color:var(--menu-text)}.tax-breakdown{border-left:3px solid #d1d5db;margin-left:var(--spacing-sm);padding-left:var(--spacing-lg);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.tax-row{padding:var(--spacing-sm) 0}.tax-row .summary-label{font-size:.9rem;color:var(--gray-600);font-weight:400}.tax-row .summary-value{font-size:.9rem;font-weight:500}.summary-total{border-top:2px solid #d1d5db;padding-top:var(--spacing-lg);margin-top:var(--spacing-md);padding-bottom:0}.summary-total .summary-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-700)}.summary-total .summary-value{font-size:1.5rem;font-weight:800;color:var(--menu-primary)}.order-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--gray-200)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-2xl)}.empty-icon{width:80px;height:80px;color:var(--gray-300);margin:0 auto var(--spacing-xl)}.empty-title{font-size:1.5rem;font-weight:600;color:var(--gray-600);margin-bottom:var(--spacing-2xl)}.error-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-2xl)}.error-icon{width:80px;height:80px;color:var(--color-error);margin:0 auto var(--spacing-xl)}.error-title{font-size:1.5rem;font-weight:600;color:var(--color-error);margin-bottom:var(--spacing-2xl)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--menu-primary) 0%,var(--menu-secondary) 100%);color:var(--menu-text-primary, #ffffff);box-shadow:var(--shadow-button)}.btn-primary:hover{background:var(--menu-secondary);box-shadow:var(--shadow-button-hover)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}@media(max-width:768px){.order-info{grid-template-columns:1fr}.updating-indicator{top:60px;right:var(--spacing-md)}}@media(max-width:640px){.order-header{flex-direction:column;align-items:flex-start;gap:1rem}.order-info{grid-template-columns:1fr}.order-value,.summary-total .summary-value{font-size:1.25rem}.item-row{grid-template-columns:auto 1fr;gap:var(--spacing-sm)}.item-price{grid-column:2;text-align:right}}