.orders-page{padding-top:2rem;padding-bottom:4rem}.orders-header{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.orders-header h1{color:var(--text-main);font-size:2rem;font-weight:700}.empty-orders{text-align:center;padding:4rem 2rem}.orders-list{flex-direction:column;gap:1.5rem;display:flex}.order-card{border-radius:var(--radius-lg);padding:1.5rem;overflow:hidden}.order-head{cursor:pointer;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.order-id-wrap{align-items:center;gap:1rem;display:flex}.order-id{font-size:1.1rem;font-weight:700}.order-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.order-total{font-size:1.1rem;font-weight:700}.order-body{border-top:1px solid var(--border);padding-top:1.5rem;animation:.3s fadeIn}.tracking-timeline{margin-bottom:2rem}.timeline-steps{max-width:600px;display:flex;position:relative}.timeline-step{z-index:2;color:var(--text-muted);text-align:center;flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.timeline-step.done{color:var(--primary)}.timeline-step.active{color:var(--primary);font-weight:700}.step-icon-wrap{background:var(--surface-alt);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.timeline-step.done .step-icon-wrap{background:var(--primary-light);border-color:var(--primary)}.step-line{background:var(--border);z-index:-1;width:100%;height:2px;position:absolute;top:16px;left:50%}.step-line.done{background:var(--primary)}.order-items-list{flex-direction:column;gap:1rem;display:flex}.order-item-row{background:var(--surface-alt);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1rem;display:flex}.oi-img{border-radius:var(--radius-sm);background-position:50%;background-size:cover;background-color:var(--border);justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}.oi-info{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.order-head{flex-direction:column;align-items:flex-start;gap:1rem}.order-meta{text-align:left;align-items:flex-start}}.delhivery-track-section{border-radius:var(--radius-md);background:#3b82f60d;border:1px solid #3b82f633;margin:1.25rem 0;padding:1rem}.tracking-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.tracking-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:540px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 60px #00000059}.tracking-modal-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:2;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;padding:.25rem;display:flex}.modal-close-btn:hover{color:var(--text-main)}.tracking-modal-body{padding:1.5rem}.track-status-banner{border-radius:var(--radius-md);color:var(--text-main);background:linear-gradient(135deg,#16a34a1f,#3b82f614);border:1px solid #16a34a33;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.track-route{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.track-route-point{align-items:center;gap:.3rem;display:flex}.track-route-arrow{color:var(--primary);font-weight:700}.scan-timeline{flex-direction:column;gap:0;display:flex;position:relative}.scan-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:12px;bottom:12px;left:9px}.scan-item{gap:1rem;padding:.65rem 0;display:flex;position:relative}.scan-item.latest .scan-status{color:var(--primary);font-weight:700}.scan-dot{background:var(--border);border:2px solid var(--surface);z-index:1;border-radius:50%;width:18px;min-width:18px;height:18px;margin-top:3px;position:relative}.scan-item.latest .scan-dot{background:var(--primary)}.scan-content{flex:1}.scan-status{color:var(--text-main);font-size:.88rem;font-weight:500}.scan-detail{color:var(--text-muted);margin-top:2px;font-size:.8rem}.scan-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:4px;font-size:.78rem;display:flex}.track-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}