:root{--bg:#07101c;--surface:#0c1928;--surface-2:#101f31;--line:rgba(159,202,236,.15);--text:#ecf7ff;--muted:#9aafc0;--cyan:#38c6ff;--green:#55dfa8;--violet:#9a89ff;--danger:#ff8b99;--mono:"JetBrains Mono",monospace;--display:"Space Grotesk",sans-serif}[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 88% 0,#102d47 0,transparent 31rem),var(--bg);color:var(--text);font-family:DM Sans,sans-serif}.orders-shell{width:min(1120px,calc(100% - 2rem));margin:auto;padding:1.2rem 0 4rem}.orders-header{min-height:4.4rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem}.orders-brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--text);font:700 1.14rem var(--display);text-decoration:none}.orders-brand img{width:2rem;height:2rem;object-fit:contain}.orders-header-actions{display:flex;align-items:center;gap:.6rem}.orders-header a,.orders-header button,.orders-empty a,.orders-empty button{border:1px solid var(--line);background:#0b1a2a;color:var(--text);text-decoration:none;padding:.65rem .85rem;font:600 .72rem var(--mono);letter-spacing:.02em;cursor:pointer}.orders-hero{display:grid;grid-template-columns:1fr auto;gap:2rem;padding:3.4rem 0 2rem;align-items:end}.orders-kicker,.order-kicker{color:var(--cyan);font:600 .67rem var(--mono);letter-spacing:.1em}.orders-hero h1{font:700 clamp(2rem,5vw,4.3rem)/.94 var(--display);letter-spacing:-.07em;margin:.7rem 0 1rem}.orders-hero em{color:var(--cyan);font-style:normal}.orders-hero p{max-width:39rem;color:var(--muted);line-height:1.7}.orders-summary{min-width:11rem;padding:1.2rem;border:1px solid var(--line);background:linear-gradient(140deg,#112943,#0c1726)}.orders-summary span,.carrier-card>span,.delivery-address span{display:block;color:var(--muted);font:600 .61rem var(--mono);letter-spacing:.1em}.orders-summary strong{display:block;margin:.3rem 0;color:var(--cyan);font:700 3.2rem/.9 var(--display)}.orders-summary small{color:var(--muted)}.orders-list{display:grid;gap:1rem}.orders-loading,.orders-empty{min-height:14rem;border:1px dashed var(--line);display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted);gap:.7rem}.orders-empty i{font-size:2rem;color:var(--cyan)}.orders-empty h2{margin:0;color:var(--text);font-family:var(--display)}.orders-empty p{max-width:30rem;margin:0}.orders-empty.error i{color:var(--danger)}.order-card{border:1px solid var(--line);background:linear-gradient(145deg,#112337f0,#08121ff5);box-shadow:0 20px 50px #00000021}.order-card>header{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.order-card time{margin-left:.6rem;color:var(--muted);font-size:.77rem}.order-chip{color:var(--cyan);font:700 .72rem var(--mono);letter-spacing:.06em}.order-payment{align-self:center;border:1px solid currentColor;padding:.27rem .48rem;font:600 .61rem var(--mono);letter-spacing:.05em}.order-payment.pending_payment{color:#f6ca70}.order-payment.paid,.order-payment.completed{color:var(--green)}.order-main{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:1rem;padding:1.3rem}.shipment-progress{display:flex;align-items:center;gap:1.1rem}.progress-ring{--angle:calc(var(--progress)*1%);width:6.5rem;height:6.5rem;display:grid;place-content:center;text-align:center;border-radius:50%;background:conic-gradient(var(--cyan) var(--angle),rgba(113,153,184,.17) 0);position:relative;flex:0 0 auto}.progress-ring:before{content:"";position:absolute;inset:.42rem;background:#0f1d2d;border-radius:50%}.progress-ring>*{position:relative}.progress-ring strong{font:700 1.1rem var(--display)}.progress-ring span{color:var(--muted);font-size:.6rem}.shipment-progress h2{margin:.25rem 0;font:700 1.35rem var(--display)}.shipment-progress p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}.carrier-card{align-self:stretch;padding:1rem;background:#040c1559;border:1px solid var(--line)}.carrier-name{display:flex;align-items:center;gap:.6rem;margin:.7rem 0}.carrier-name img{width:2.1rem;height:2.1rem;object-fit:contain;background:#fff;border-radius:.25rem}.carrier-name i{color:var(--cyan);font-size:1.2rem}.carrier-card code{display:block;color:#c4e4f9;font:.68rem var(--mono);word-break:break-all}.carrier-card a{display:block;margin-top:.55rem;color:var(--cyan);font-size:.75rem}.carrier-card small{color:var(--muted)}.order-products{display:flex;flex-wrap:wrap;gap:.55rem 1rem;align-items:center;padding:.8rem 1.3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.79rem}.order-products b{color:var(--text)}.order-products>strong{margin-left:auto;color:var(--text);font:700 1rem var(--display)}.order-actions{min-height:3.7rem;padding:.8rem 1.3rem;border-top:1px solid var(--line);display:flex;align-items:center;gap:1rem}.payment-confirm-button{border:0;background:linear-gradient(90deg,var(--cyan),#6fd6ff);padding:.66rem .85rem;color:#072038;font:700 .72rem var(--mono);cursor:pointer}.payment-confirm-button:disabled{opacity:.6}.payment-complete{color:var(--green);font-weight:700;font-size:.85rem}.order-actions small{color:var(--muted);font-size:.72rem}.order-details{border-top:1px solid var(--line)}.order-details summary{cursor:pointer;list-style:none;padding:1rem 1.3rem;color:#cce9fb;font:600 .77rem var(--mono);letter-spacing:.04em}.order-details summary i{float:right}.timeline{padding:.2rem 1.4rem 1rem}.timeline-event{position:relative;display:grid;grid-template-columns:.8rem 1fr auto;gap:.7rem;padding:.6rem 0 .85rem}.timeline-event:before{content:"";position:absolute;left:.35rem;top:1.25rem;bottom:-.2rem;width:1px;background:var(--line)}.timeline-event:last-child:before{display:none}.timeline-event>span{z-index:1;width:.7rem;height:.7rem;border-radius:50%;background:#5c7990;margin-top:.25rem}.timeline-event.latest>span{background:var(--cyan);box-shadow:0 0 0 .25rem #38c6ff1f}.timeline-event b{display:block;font-size:.84rem}.timeline-event time,.timeline-event p{color:var(--muted);font-size:.73rem}.timeline-event p{margin:.22rem 0 0}.timeline-event strong{color:var(--cyan);font:.66rem var(--mono)}.timeline-empty{color:var(--muted);font-size:.83rem}.delivery-address{margin:0 1.3rem 1.25rem;padding:1rem;border:1px solid var(--line);background:#060f195c}.delivery-address p{margin:.4rem 0 0;font-size:.85rem;white-space:pre-wrap}.orders-toast{position:fixed;z-index:10;right:1rem;bottom:1rem;display:grid;gap:.5rem;max-width:min(28rem,calc(100% - 2rem))}.toast{padding:.85rem 1rem;border:1px solid var(--line);background:#11243a;color:#eaf7ff;box-shadow:0 15px 35px #0000004d;font-size:.82rem;line-height:1.45}.toast.error{border-color:#ff8b99a6}@media (max-width:720px){.orders-shell{width:min(100% - 1.25rem,1120px)}.orders-header{align-items:flex-start;padding:.85rem 0}.orders-header-actions{flex-wrap:wrap;justify-content:flex-end}.orders-header a,.orders-header button{font-size:.62rem;padding:.55rem}.orders-hero{grid-template-columns:1fr;padding:2.2rem 0 1.3rem}.orders-summary{justify-self:start}.order-main{grid-template-columns:1fr}.carrier-card{min-height:0}.order-card>header{align-items:flex-start;flex-direction:column}.order-products>strong{width:100%;margin-left:0}.order-actions{align-items:flex-start;flex-direction:column}.shipment-progress{align-items:flex-start}.progress-ring{width:5.5rem;height:5.5rem}.orders-hero h1{font-size:2.5rem}}.order-action-buttons{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.order-cancel-button{border:1px solid rgba(255,139,153,.62);background:#80203029;padding:.61rem .78rem;color:#ffb3bc;font:700 .68rem var(--mono);letter-spacing:.01em;cursor:pointer}.order-cancel-button:hover{background:#a62b3f4d}.order-cancel-button:disabled{cursor:wait;opacity:.62}@media (max-width:720px){.order-action-buttons{width:100%}.order-cancel-button,.payment-confirm-button{flex:1;min-height:2.7rem}}.order-action-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.order-service-button{border:1px solid rgba(125,211,252,.48);background:#0c4a6e38;color:#c7ecff;padding:.66rem .85rem;font:700 .72rem var(--mono);cursor:pointer}.order-service-button.return{border-color:#c4b5fd7a;background:#4c1d952e;color:#ded5ff}.order-service-button:disabled{cursor:wait;opacity:.65}.order-service-status{display:flex;align-items:flex-start;gap:.45rem;margin:.65rem 0 0;color:#b8d9e9;font-size:.78rem;line-height:1.45}.order-service-status i{margin-top:.16rem;color:#7dd3fc}.order-service-status.approved i{color:#c4b5fd}.order-service-status.completed i{color:#86efac}.order-service-status.rejected i{color:#fda4af}@media (max-width:720px){.order-action-buttons{width:100%}.order-service-button{flex:1 1 100%;text-align:left}}
