*,*: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-line span:last-child{color:var(--text)}.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}}