.orders-page{padding-top:100px;padding-bottom:var(--space-3xl);min-height:100vh}.orders-page-header{margin-bottom:var(--space-xl)}.orders-page-header .section-title{font-size:clamp(1.4rem,4vw,2rem);margin-bottom:var(--space-xs)}.orders-page-header .section-title i{margin-right:var(--space-xs);font-size:.9em}.orders-subtitle{color:var(--text-muted);font-size:.9rem}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md);color:var(--text-muted)}.loading-spinner i{font-size:2rem;color:var(--accent-1)}.orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl) var(--space-md);gap:var(--space-md)}.empty-orders-icon{width:120px;height:120px;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.empty-orders-icon i{font-size:3rem;color:var(--text-muted);opacity:.6}.orders-empty h2{font-family:var(--font-secondary);font-size:1.5rem;font-weight:700}.orders-empty p{color:var(--text-secondary);font-size:.95rem;max-width:400px;line-height:1.6}.order-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-md);cursor:pointer;transition:all var(--transition-base);opacity:0;animation:fadeInUp .4s ease forwards}.order-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-card-left{display:flex;align-items:center;gap:var(--space-lg);flex:1;min-width:0}.order-preview-images{display:flex;flex-shrink:0}.order-preview-img{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--bg-card);position:relative}.order-preview-img+.order-preview-img{margin-left:-16px}.order-preview-img img{width:100%;height:100%;object-fit:cover}.order-preview-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.order-preview-fallback i{font-size:1rem;color:#fff;opacity:.8}.order-preview-more{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--surface);border:2px solid var(--bg-card);display:flex;align-items:center;justify-content:center;margin-left:-16px;font-size:.75rem;font-weight:700;color:var(--text-muted)}.order-card-info{flex:1;min-width:0}.order-card-top{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:4px}.order-card-id{font-family:var(--font-secondary);font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-card-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.order-card-items-text{font-size:.8rem;color:var(--text-secondary);margin-bottom:6px}.order-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.order-status-badge.confirmed{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25)}.order-status-badge.processing{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.order-status-badge.shipped{background:#1d4ed81f;color:#1d4ed8;border:1px solid rgba(29,78,216,.25)}.order-status-badge.delivered{background:#dc26261f;color:#dc2626;border:1px solid rgba(220,38,38,.25)}.order-status-badge.cancelled{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.order-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);flex-shrink:0}.order-card-total{font-family:var(--font-secondary);font-size:1.2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.order-view-btn{padding:6px 14px;font-size:.8rem}.order-detail-overlay{position:fixed;inset:0;background:#0a0a1ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.order-detail-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:600px;max-height:85vh;overflow-y:auto;position:relative;animation:fadeInUp .35s ease}.order-detail-content .modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--text-muted);transition:all var(--transition-fast)}.order-detail-content .modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);padding-right:40px}.order-detail-header h2{font-family:var(--font-secondary);font-size:1.3rem;font-weight:700}.detail-order-id{font-size:.8rem;color:var(--text-muted);font-family:var(--font-secondary);margin-top:4px}.detail-section{margin-bottom:var(--space-lg)}.detail-section h3{font-family:var(--font-secondary);font-size:.95rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.detail-section h3 i{color:var(--accent-1);font-size:.85rem}.detail-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.detail-item+.detail-item{border-top:1px solid rgba(255,255,255,.04)}.detail-item-image{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;position:relative}.detail-item-image img{width:100%;height:100%;object-fit:cover}.detail-item-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.detail-item-fallback i{font-size:1rem;color:#fff;opacity:.8}.detail-item-info{flex:1;min-width:0}.detail-item-name{display:block;font-size:.9rem;font-weight:600}.detail-item-qty{font-size:.75rem;color:var(--text-muted)}.detail-item-total{font-family:var(--font-secondary);font-weight:700;font-size:.9rem;flex-shrink:0}.detail-address{font-size:.9rem;color:var(--text-secondary);line-height:1.7;padding:var(--space-md);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.detail-address strong{color:var(--text-primary)}.detail-contact{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-xs);font-size:.8rem;color:var(--text-muted)}.detail-contact i{font-size:.7rem}.detail-payment-ids{display:flex;flex-direction:column;gap:4px;margin-top:var(--space-md);font-size:.78rem;color:var(--text-muted);word-break:break-all}.detail-payment-ids strong{color:var(--text-secondary)}@media(max-width:600px){.order-card{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.order-card-right{flex-direction:row;width:100%;justify-content:space-between;align-items:center}.order-preview-img,.order-preview-more{width:44px;height:44px}.order-detail-content{max-height:90vh;padding:var(--space-lg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}