*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 50% -10%,rgba(255,107,53,.1) 0%,transparent 52%),radial-gradient(circle at 80% 80%,rgba(232,69,69,.06) 0%,transparent 45%),var(--bg);min-height:100vh}.orders-nav{position:fixed;top:0;left:0;right:0;z-index:1200;height:calc(var(--nav-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#0a0a0cf5,#0a0a0ce0);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 8px 28px #00000059}.orders-nav .navbar-content{max-width:1100px;margin:0 auto;height:var(--nav-h);padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text)}.navbar-logo span{font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:.04em}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.orders-nav .ghost-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-full);border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--text);font-size:.82rem;font-weight:600;line-height:1;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.orders-nav .ghost-btn:hover{background:#ffffff1a;border-color:#ffffff42;transform:translateY(-1px)}.orders-nav .ghost-btn svg{flex-shrink:0}.orders-page{max-width:780px;margin:0 auto;padding:calc(var(--nav-h) + env(safe-area-inset-top,0px) + var(--space-8)) var(--space-5) var(--space-16)}.orders-header{margin-bottom:var(--space-6)}.orders-header-left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.orders-header h1{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;letter-spacing:-.025em;background:linear-gradient(135deg,#fff 30%,#ff8c61);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.order-count-badge{display:inline-flex;align-items:center;padding:4px 12px;background:#ff6b351f;border:1px solid rgba(255,107,53,.25);border-radius:var(--r-full);font-size:.8rem;font-weight:600;color:var(--primary-light);letter-spacing:.02em}.orders-sub{margin:var(--space-2) 0 0;color:var(--text-2);font-size:.9rem}.skel-block{display:block;border-radius:var(--r-sm);background:#ffffff14}.orders-skeleton-wrap{display:flex;flex-direction:column;gap:var(--space-4)}.order-skel-card{background:var(--bg-card);border:1px solid var(--surface-border);border-radius:var(--r-lg);padding:var(--space-5)}.skel-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.skel-row.mt-2{margin-top:var(--space-3)}.skel-badge{height:20px;width:120px;border-radius:var(--r-full)}.skel-status{height:26px;width:90px;border-radius:var(--r-full)}.skel-line{height:14px}.skel-thumb{width:56px;height:56px;border-radius:var(--r-md)}.skel-thumbs{display:flex;gap:var(--space-2);margin:var(--space-4) 0}.w-20{width:20%}.w-22{width:22%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-38{width:38%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.orders-skeleton-wrap[hidden]{display:none!important}.orders-list{display:flex;flex-direction:column;gap:var(--space-4)}.order-card{background:var(--bg-card);border:1px solid var(--surface-border);border-radius:var(--r-lg);padding:var(--space-5);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);position:relative;overflow:hidden}.order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;background:var(--grad-primary);transition:opacity var(--transition-base)}.order-card:hover{border-color:#ff6b3533;box-shadow:var(--shadow-card);transform:translateY(-1px)}.order-card:hover:before{opacity:1}.order-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.order-id-wrap{display:flex;align-items:center;gap:var(--space-2)}.order-id-label{font-size:.7rem;font-weight:700;color:var(--text-3);letter-spacing:.12em;text-transform:uppercase}.order-id-text{font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--text);letter-spacing:.02em}.order-status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--r-full);font-size:.78rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.status-confirmed{background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:#4ade80}.status-cancelled{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#f87171}.status-pending{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);color:#fcd34d}.status-processing{background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:#60a5fa}.status-shipped{background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);color:#a78bfa}.status-delivered{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.order-meta-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.order-date{font-size:.82rem;color:var(--text-2)}.order-item-count{font-size:.8rem;color:var(--text-3);background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-full);padding:3px 10px}.order-thumbs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.order-thumb{width:56px;height:56px;border-radius:var(--r-md);overflow:hidden;border:1px solid rgba(255,255,255,.07);background:var(--surface);flex-shrink:0}.order-thumb img{width:100%;height:100%;object-fit:cover}.thumb-more{display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--text-2);background:var(--surface-2);border:1px solid rgba(255,255,255,.1)}.order-shipping-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:.83rem;color:var(--text-2)}.ship-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ship-preparing{background:#f59e0b;box-shadow:0 0 5px #f59e0b99}.ship-shipped{background:#8b5cf6;box-shadow:0 0 5px #8b5cf699}.ship-transit{background:#3b82f6;box-shadow:0 0 5px #3b82f699}.ship-out{background:#ec4899;box-shadow:0 0 5px #ec489999}.ship-delivered{background:#22c55e;box-shadow:0 0 5px #22c55e99}.ship-failed{background:#ef4444;box-shadow:0 0 5px #ef444499}.ship-label{font-size:.82rem}.order-card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.06)}.order-total-wrap{display:flex;align-items:center;gap:var(--space-2)}.order-total-label{font-size:.8rem;color:var(--text-3)}.order-total-val{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text)}.order-pay-badge{font-size:.7rem;font-weight:700;color:var(--text-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-full);padding:2px 8px;letter-spacing:.06em}.view-details-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:var(--r-md);border:1px solid rgba(255,107,53,.3);background:#ff6b3512;color:var(--primary-light);font-size:.83rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.view-details-btn:hover{background:#ff6b3524;border-color:#ff6b358c;box-shadow:0 0 12px #ff6b3526}.empty-state{text-align:center;padding:var(--space-16) var(--space-5)}.empty-icon{font-size:3.5rem;margin-bottom:var(--space-4);line-height:1}.empty-state h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text)}.empty-state p{margin:0 auto var(--space-6);max-width:340px;color:var(--text-2);font-size:.92rem;line-height:1.5}.empty-state[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center}.modal[hidden]{display:none!important}.modal-backdrop{position:absolute;inset:0;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.modal-sheet{position:relative;z-index:1;width:100%;max-width:680px;max-height:92vh;border-radius:var(--r-xl) var(--r-xl) 0 0;background:linear-gradient(180deg,#1a1a2e,#0f0f18);border:1px solid rgba(255,255,255,.08);border-bottom:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 64px #0009;animation:slideUp .28s cubic-bezier(.34,1.3,.64,1)}@keyframes slideUp{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.modal-handle{width:40px;height:4px;background:#ffffff26;border-radius:2px;margin:var(--space-3) auto var(--space-1);flex-shrink:0}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-4);border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.modal-label{margin:0 0 2px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.modal-title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text)}.icon-close-btn{width:34px;height:34px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast);margin-top:2px}.icon-close-btn:hover{background:#ef44441f;border-color:#ef44444d;color:#f87171}.modal-body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5) var(--space-6);overscroll-behavior:contain}.detail-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.detail-card--summary{background:linear-gradient(135deg,#ff6b350f,#e845450a);border-color:#ff6b3526}.detail-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.detail-card-title{margin:0 0 var(--space-4);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.detail-card-head .detail-card-title{margin-bottom:0}.detail-warn-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--r-md);font-size:.82rem;color:#f87171;line-height:1.4;margin-bottom:var(--space-4)}.detail-warn-row svg{flex-shrink:0;margin-top:1px}.detail-summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.detail-order-id{margin:0 0 4px;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text)}.detail-order-date{margin:0;font-size:.82rem;color:var(--text-2)}.detail-invoice-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:11px var(--space-4);border-radius:var(--r-md);border:none;background:var(--grad-primary);color:#fff;font-family:var(--font-sans);font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 4px 16px #ff6b354d;margin-bottom:var(--space-3)}.detail-invoice-btn:hover{opacity:.88;box-shadow:0 6px 20px #ff6b3566}.detail-invoice-btn:disabled{opacity:.55;cursor:not-allowed}.detail-track-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:10px var(--space-4);border-radius:var(--r-md);border:1px solid rgba(255,107,53,.4);background:transparent;color:var(--primary-light);font-family:var(--font-sans);font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.detail-track-btn:hover{background:#ff6b3514;border-color:#ff6b3599}.ship-status-pill{display:inline-flex;align-items:center;padding:4px 12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25);border-radius:var(--r-full);font-size:.75rem;font-weight:600;color:#fcd34d;white-space:nowrap}.track-steps{display:flex;flex-direction:column}.track-step{display:flex;gap:var(--space-4)}.track-step-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.track-dot{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.12);background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}.track-dot--done{background:var(--primary);border-color:var(--primary);color:#fff}.track-dot--current{border-color:var(--primary);background:#ff6b3526;box-shadow:0 0 0 3px #ff6b3526}.track-dot--done.track-dot--current{background:var(--primary);border-color:var(--primary)}.track-line{width:2px;flex:1;min-height:28px;background:#ffffff14;margin:3px 0}.track-line--done{background:var(--primary)}.track-step-body{flex:1;padding-top:2px}.track-step-body--spaced{padding-bottom:var(--space-5)}.track-step-title{margin:0 0 3px;font-size:.9rem;font-weight:500;color:var(--text-3)}.track-step-title--done{color:var(--text);font-weight:600}.track-step-sub{margin:0 0 3px;font-size:.79rem;color:var(--text-3);line-height:1.4}.track-step-ts{margin:0;font-size:.75rem;font-weight:600;color:var(--primary-light)}.detail-address-box{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:var(--space-4)}.detail-addr-name{margin:0 0 var(--space-2);font-size:.95rem;font-weight:600;color:var(--text)}.detail-addr-line{margin:0 0 4px;font-size:.84rem;color:var(--text-2);line-height:1.5}.detail-addr-line:last-child{margin-bottom:0}.modal-items-list{display:flex;flex-direction:column;gap:var(--space-3)}.modal-item-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--r-md)}.modal-item-thumb{width:56px;height:56px;border-radius:var(--r-sm);overflow:hidden;background:var(--surface);border:1px solid rgba(255,255,255,.07);flex-shrink:0}.modal-item-thumb img{width:100%;height:100%;object-fit:cover}.modal-item-info{flex:1;min-width:0}.modal-item-title{margin:0 0 4px;font-size:.86rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-item-meta{margin:0;font-size:.78rem;color:var(--text-2)}.modal-item-price{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--primary-light);flex-shrink:0}.modal-price-lines{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:var(--r-md);overflow:hidden}.modal-price-line{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);font-size:.87rem;color:var(--text-2);border-bottom:1px solid rgba(255,255,255,.04)}.modal-price-line:last-child{border-bottom:none}.modal-price-divider{height:1px;background:#ff6b3533}.grand-line{color:var(--text)!important;font-weight:600}.grand-line strong{font-family:var(--font-display);font-size:1rem;color:var(--primary-light)}.discount-line span:last-child{color:var(--success)!important}.capitalize{text-transform:capitalize}.mono{font-family:Courier New,monospace;font-size:.8rem;letter-spacing:.02em}.thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%) translateY(100px);background:var(--surface-2);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-full);padding:10px 22px;font-size:.88rem;font-weight:500;color:var(--text);pointer-events:none;opacity:0;transition:all .28s cubic-bezier(.34,1.3,.64,1);white-space:nowrap;z-index:9999;box-shadow:var(--shadow-md)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:640px){.orders-page{padding:calc(var(--nav-h) + env(safe-area-inset-top,0px) + var(--space-5)) var(--space-4) var(--space-12)}.orders-nav .navbar-content{padding:0 var(--space-4)}.orders-nav .ghost-btn{padding:8px 11px;font-size:.78rem}.order-card{padding:var(--space-4)}.modal-sheet{max-height:96vh;border-radius:20px 20px 0 0}.modal-head,.modal-body{padding-left:var(--space-4);padding-right:var(--space-4)}.order-thumb{width:48px;height:48px}}@media(max-width:430px){.orders-nav .navbar-logo span{font-size:1rem}.orders-nav .ghost-btn{padding:8px 10px}.orders-nav .ghost-btn svg{width:14px;height:14px}}@media(min-width:641px){.modal{align-items:center}.modal-sheet{border-radius:var(--r-xl);max-height:88vh;margin:var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.modal-handle{display:none}}html{background:var(--bg)}body{min-height:100vh;color:var(--text);background:linear-gradient(135deg,rgba(242,106,61,.08),transparent 30%),linear-gradient(215deg,rgba(20,92,88,.1),transparent 36%),var(--bg)}html[data-theme=dark] body{background:linear-gradient(135deg,rgba(255,120,79,.11),transparent 30%),linear-gradient(215deg,rgba(139,214,200,.08),transparent 36%),var(--bg)}.orders-nav{background:var(--glass-strong);border-bottom:1px solid var(--surface-border);box-shadow:var(--shadow-sm);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.orders-nav .navbar-content{max-width:1180px;padding:0 clamp(14px,3vw,28px)}.orders-nav .navbar-logo{gap:10px}.orders-nav .navbar-logo img{width:38px;height:38px;border-radius:8px;box-shadow:var(--shadow-sm)}.orders-nav .navbar-logo span{color:var(--text);font-size:1.08rem;letter-spacing:0}.orders-nav .ghost-btn{min-height:40px;border-radius:8px;border:1px solid var(--surface-border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:800}.orders-nav .ghost-btn:hover{background:var(--bg-card-hover);border-color:#f26a3d47;color:var(--primary-dark)}html[data-theme=dark] .orders-nav .ghost-btn:hover{color:var(--primary-light)}.orders-page{width:min(1180px,calc(100% - 32px));max-width:none;margin:0 auto;padding:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 22px) 0 72px}.orders-header{margin:0 0 18px}.orders-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(18px,3vw,30px);border:1px solid var(--surface-border);border-radius:8px;background:radial-gradient(circle at 88% 10%,rgba(242,106,61,.16),transparent 34%),var(--glass-strong);box-shadow:var(--shadow-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.orders-kicker{margin:0 0 6px;color:var(--primary-dark);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}html[data-theme=dark] .orders-kicker{color:var(--primary-light)}.orders-header-left{gap:10px}.orders-header h1{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);line-height:1.06;letter-spacing:0;background:none;-webkit-text-fill-color:currentColor}.orders-sub{max-width:690px;margin:10px 0 0;color:var(--text-2);font-size:.98rem;line-height:1.6}.order-count-badge{min-height:32px;padding:0 12px;border:1px solid rgba(242,106,61,.28);border-radius:999px;background:#f26a3d1a;color:var(--primary-dark);font-weight:900}html[data-theme=dark] .order-count-badge{color:var(--primary-light)}.orders-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,350px);align-items:start;gap:18px}.orders-list-panel,.orders-side-panel{border:1px solid var(--surface-border);border-radius:8px;background:var(--glass-strong);box-shadow:var(--shadow-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.orders-list-panel{padding:clamp(14px,2vw,18px)}.orders-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--surface-border)}.orders-section-head h2,.orders-side-panel h2{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.2rem,2.2vw,1.55rem);letter-spacing:0}.orders-list,.orders-skeleton-wrap{gap:12px;margin-top:14px}.order-card,.order-skel-card{border:1px solid var(--surface-border);border-radius:8px;background:#ffffff94;padding:14px;box-shadow:var(--shadow-sm)}html[data-theme=dark] .order-card,html[data-theme=dark] .order-skel-card{background:#ffffff0e}.order-card:before{height:3px}.order-card:hover{border-color:#f26a3d52;box-shadow:var(--shadow-md)}.order-card-head{align-items:flex-start;gap:12px;margin-bottom:12px}.order-id-wrap{display:grid;gap:3px}.order-id-label{color:var(--text-3);font-size:.68rem}.order-id-text{color:var(--text);font-size:1rem;overflow-wrap:anywhere}.order-status-chip{min-height:30px;border-radius:999px;padding:0 10px;font-weight:900}.status-confirmed,.status-delivered{background:#138a541f;border-color:#138a5442;color:var(--success)}.status-cancelled{background:#d0443e1f;border-color:#d0443e42;color:var(--error)}.status-pending{background:#b7791f21;border-color:#b7791f42;color:var(--warning)}.status-processing{background:#2563eb1c;border-color:#2563eb3d;color:var(--info)}.status-shipped{background:#145c581f;border-color:#145c583d;color:var(--accent)}.order-meta-row{margin-bottom:12px}.order-date{color:var(--text-2);font-weight:700}.order-item-count,.order-pay-badge{border:1px solid var(--surface-border);background:var(--surface);color:var(--text-2);font-weight:800}.order-thumbs{gap:8px;margin-bottom:12px}.order-thumb,.modal-item-thumb{width:58px;height:58px;border-radius:8px;border:1px solid var(--surface-border);background:linear-gradient(180deg,#ffffffe0,#ecf2f8c7)}html[data-theme=dark] .order-thumb,html[data-theme=dark] .modal-item-thumb{background:linear-gradient(180deg,#ffffff17,#ffffff0a)}.order-thumb img,.modal-item-thumb img{object-fit:contain;padding:5px}.thumb-placeholder{color:var(--text-3)}.thumb-more{background:var(--surface-2);color:var(--text);font-weight:900}.order-shipping-row{margin-bottom:12px;padding:9px 10px;border:1px solid var(--surface-border);border-radius:8px;background:var(--surface);color:var(--text-2);font-weight:800}.order-card-foot{border-top:1px solid var(--surface-border);padding-top:12px}.order-total-wrap{flex-wrap:wrap;gap:8px}.order-total-label{color:var(--text-3);font-weight:800}.order-total-val{color:var(--text);font-size:1.1rem}.view-details-btn,.primary-btn{min-height:40px;border-radius:8px;font-family:var(--font-sans);font-weight:900}.view-details-btn{padding:0 14px;border:1px solid rgba(242,106,61,.28);background:#f26a3d1a;color:var(--primary-dark)}html[data-theme=dark] .view-details-btn{color:var(--primary-light)}.view-details-btn:hover{background:#f26a3d29;border-color:#f26a3d6b;box-shadow:var(--shadow-primary)}.primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 18px;color:#fff;background:var(--grad-primary);box-shadow:var(--shadow-primary);text-decoration:none}.orders-side-panel{position:sticky;top:calc(var(--nav-h) + 22px);padding:18px}.orders-side-panel p:not(.orders-kicker){margin:10px 0 0;color:var(--text-2);line-height:1.6}.orders-tip-list{margin-top:18px;display:grid;gap:9px}.orders-tip-list span{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:800;font-size:.9rem}.orders-tip-list span:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px #f26a3d1a;flex:0 0 auto}.empty-state{margin-top:14px;border:1px dashed rgba(242,106,61,.32);border-radius:8px;padding:clamp(24px,6vw,44px) 18px;background:#f26a3d0e}.empty-icon{width:54px;height:54px;margin:0 auto 14px;display:grid;place-items:center;border-radius:8px;background:#f26a3d1f;color:var(--primary-dark)}html[data-theme=dark] .empty-icon{color:var(--primary-light)}.empty-state h2{color:var(--text)}.empty-state p{color:var(--text-2)}.skel-block{background:var(--surface-2)}.modal{z-index:1300}.modal-backdrop{background:#0a0c108f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-sheet{width:min(780px,calc(100vw - 24px));max-width:none;border-radius:8px;border:1px solid var(--surface-border);background:var(--glass-strong);box-shadow:var(--shadow-lg)}.modal-head{border-bottom:1px solid var(--surface-border)}.modal-label{color:var(--text-3)}.modal-title,.detail-order-id,.detail-card-title,.track-step-title--done,.modal-item-title{color:var(--text)}.icon-close-btn{border-radius:8px;border:1px solid var(--surface-border);background:var(--surface);color:var(--text)}.detail-card,.detail-address-box,.modal-item-row,.modal-price-lines{border:1px solid var(--surface-border);border-radius:8px;background:#ffffff94}html[data-theme=dark] .detail-card,html[data-theme=dark] .detail-address-box,html[data-theme=dark] .modal-item-row,html[data-theme=dark] .modal-price-lines{background:#ffffff0e}.detail-card--summary{background:linear-gradient(135deg,#f26a3d1f,#ffffff85);border-color:#f26a3d38}html[data-theme=dark] .detail-card--summary{background:linear-gradient(135deg,#ff784f21,#ffffff0e)}.detail-invoice-btn{border-radius:8px;background:var(--grad-primary);box-shadow:var(--shadow-primary);font-weight:900}.detail-track-btn{border-radius:8px;color:var(--primary-dark);border-color:#f26a3d4d;background:#f26a3d14}html[data-theme=dark] .detail-track-btn{color:var(--primary-light)}.track-dot,.track-line{border-color:var(--surface-border);background:var(--surface-2)}.track-dot--done,.track-dot--done.track-dot--current,.track-line--done{background:var(--primary);border-color:var(--primary)}.track-dot--current{border-color:var(--primary);background:#f26a3d29}.track-step-title,.track-step-sub,.detail-order-date,.detail-addr-line,.modal-item-meta,.modal-price-line{color:var(--text-2)}.track-step-ts,.modal-item-price,.grand-line strong{color:var(--primary-dark)}html[data-theme=dark] .track-step-ts,html[data-theme=dark] .modal-item-price,html[data-theme=dark] .grand-line strong{color:var(--primary-light)}.modal-price-line{border-bottom:1px solid var(--surface-border)}.modal-price-line span:last-child{color:var(--text)}.modal-price-divider{background:#f26a3d38}.toast{max-width:min(520px,calc(100vw - 24px));border-radius:8px;background:var(--glass-strong);border:1px solid var(--surface-border);color:var(--text);box-shadow:var(--shadow-lg);font-weight:800}@media(max-width:900px){.orders-layout{grid-template-columns:1fr}.orders-side-panel{position:static}}@media(max-width:640px){.orders-nav .navbar-content{padding:0 12px}.orders-nav .navbar-logo img{width:34px;height:34px}.orders-nav .navbar-logo span{font-size:1rem}.orders-nav .ghost-btn{min-height:38px;padding:0 10px;font-size:.76rem}.orders-page{width:min(calc(100% - 20px),1180px);padding:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 12px) 0 84px}.orders-hero{padding:16px}.orders-header h1{font-size:clamp(1.7rem,8vw,2.2rem)}.orders-sub{font-size:.92rem}.orders-list-panel,.orders-side-panel,.order-card,.order-skel-card{padding:12px}.order-card-head,.order-meta-row,.order-card-foot{display:grid;gap:10px}.order-status-chip,.view-details-btn{width:100%;justify-content:center}.order-total-wrap{justify-content:space-between}.order-thumb,.modal-item-thumb{width:52px;height:52px}.modal{align-items:flex-end}.modal-sheet{width:100%;max-height:calc(100vh - 18px);border-radius:12px 12px 0 0;border-bottom:none}.modal-head,.modal-body{padding-left:14px;padding-right:14px}.detail-summary-row,.detail-card-head,.modal-item-row{display:grid}.modal-item-price{justify-self:start}}