.tracking-shell{max-width:1120px;margin:0 auto;padding:32px 24px 64px}.tracking-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:38px}.tracking-nav .details-link svg{transform:rotate(180deg)}.tracking-nav .btn{min-height:44px}.tracking-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.tracking-heading h1{font-size:clamp(36px,5vw,58px);line-height:1.08;margin:14px 0 16px;letter-spacing:-1.5px}.tracking-heading h1 span{color:#57b8ff}.tracking-heading p{color:#b0c1d9;margin:0;line-height:1.7}.tracking-status{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #285a93;background:#10223c;color:#86caff;border-radius:30px;font-size:13px;font-weight:700;white-space:nowrap}.tracking-status svg{width:16px;height:16px}.tracking-status.is-cancelled{border-color:#845561;color:#ffb4c1;background:#2a1720}.tracking-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:26px 12px;margin:0 0 24px;border:1px solid #253d5f;border-radius:18px;background:#0d1726}.tracking-steps li{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:#8a9cb5;font-size:12px;font-weight:600;min-width:0}.tracking-steps li:before{content:"";height:2px;background:#263750;position:absolute;top:23px;inset-inline-start:-50%;width:100%;z-index:0}.tracking-steps li:first-child:before{display:none}.tracking-step-icon{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;border:2px solid #344862;background:#0d1726}.tracking-step-icon svg{width:21px;height:21px}.tracking-steps .is-done,.tracking-steps .is-current{color:#dcf0ff}.tracking-steps .is-done .tracking-step-icon{background:#124b87;border-color:#439aff}.tracking-steps .is-current .tracking-step-icon{background:#1970d5;border-color:#65beff;box-shadow:0 0 0 5px #247aff14,0 0 24px #247aff25}.tracking-steps .is-done:before,.tracking-steps .is-current:before{background:#3388e6}.tracking-shell .panel{margin:0;padding:26px;min-width:0;border-radius:18px}.tracking-state{display:flex;align-items:center;gap:22px;margin-bottom:24px!important;background:linear-gradient(120deg,#142b49,#0d192b)!important;border-color:#31639a!important}.tracking-state-mark{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:18px;background:#247aff20;color:#63bdff}.tracking-state-mark svg{width:30px;height:30px}.tracking-state h2{font-size:25px;line-height:1.3;margin:8px 0 10px}.tracking-state p{margin:0;max-width:760px;color:#b5c9e3;line-height:1.75}.tracking-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:24px}.tracking-main,.tracking-side{display:flex;flex-direction:column;gap:24px;min-width:0}.tracking-shell h2{font-size:21px}.tracking-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.tracking-section-head h2{margin:0}.tracking-section-head>span{color:#a8bfdc;font-size:12px}.tracking-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:14px;padding:24px 0;border-bottom:1px solid #253750}.tracking-item-icon{width:44px;height:50px;display:grid;place-items:center;border:1px solid #305078;border-radius:10px;color:#5abbff;background:#12263f}.tracking-item h3{margin:0 0 8px;font-size:16px;line-height:1.55;overflow-wrap:anywhere}.tracking-item p{margin:0;color:#adbeda;font-size:13px;line-height:1.6}.tracking-item p span{color:#ecf6ff;padding-inline-start:4px}.tracking-item small{color:#a8bfdc}.tracking-item>strong{font-size:15px;white-space:nowrap;color:#e4f2ff;line-height:1.7}.tracking-total{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-weight:700}.tracking-total strong{font-size:26px;color:#6ec5ff;white-space:nowrap}.tracking-facts h2{margin:0 0 22px}.tracking-facts dl{margin:0 0 24px}.tracking-facts dl>div{display:flex;justify-content:space-between;gap:16px;margin:18px 0;font-size:13px;line-height:1.5}.tracking-facts dt{color:#9eb4d0}.tracking-facts dd{margin:0;text-align:end;color:#e6f0ff;max-width:65%;overflow-wrap:anywhere}.tracking-facts dd bdi{color:#69beff;font-weight:700}.tracking-facts dd small{display:block;color:#9eb4d0}.tracking-facts>.btn{margin-top:10px}.tracking-upload{margin-top:16px!important;min-width:0}.tracking-upload span{overflow-wrap:anywhere}.tracking-upload small{font-size:11px}.tracking-message h2{margin:8px 0 16px}.tracking-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#d3e1f5;line-height:1.8}.tracking-message small{color:#91a9ca}.tracking-support h2{margin:12px 0}.tracking-support p{color:#a9bedb;line-height:1.7;font-size:14px}.tracking-support small{display:block;text-align:center;color:#91a9ca;margin-top:16px;line-height:1.5}.tracking-email-note{display:flex;gap:12px;align-items:flex-start;margin-top:24px;padding:20px;border:1px solid #213d60;border-radius:14px;background:#0b1523}.tracking-email-note svg{color:#55b9ff;flex-shrink:0;margin-top:3px}.tracking-email-note p{font-size:13px;line-height:1.8;color:#a9bedb;margin:0}.tracking-updated{margin:20px 0 0;font-size:11px;color:#829bbd;text-align:center}.admin-sale-control{padding:18px;background:#10243b;border:1px solid #2c5981;border-radius:12px}.admin-sale-control .check-row{font-size:16px;font-weight:700}.admin-sale-control p{margin:10px 0 0;line-height:1.6;font-size:13px;color:#b5c9e3}.sale-badge{background:#183c32!important;border:1px solid #308d74;color:#8ee3bf!important}.admin-product-sale{display:inline-block;margin:6px 4px}.tracking-error{text-align:center;padding:40px 24px;max-width:600px;margin:auto}.tracking-error .btn{margin-top:20px}
@media(max-width:760px){.tracking-shell{padding:24px 16px 48px}.tracking-nav{margin-bottom:28px}.tracking-heading{display:block}.tracking-heading h1{font-size:40px}.tracking-status{margin-top:20px}.tracking-heading p{font-size:14px}.tracking-columns{grid-template-columns:minmax(0,1fr)}.tracking-state{align-items:flex-start;gap:14px}.tracking-state-mark{flex-basis:44px;width:44px;height:44px;border-radius:12px}.tracking-state-mark svg{width:24px;height:24px}.tracking-state h2{font-size:22px}.tracking-state p{font-size:14px}.tracking-shell .panel{padding:22px}.tracking-steps{padding:24px 6px}.tracking-steps li{font-size:10px;gap:12px}.tracking-step-icon{width:38px;height:38px}.tracking-steps li:before{top:18px}.tracking-step-icon svg{width:18px;height:18px}.tracking-item{grid-template-columns:36px minmax(0,1fr);gap:12px}.tracking-item-icon{width:36px;height:42px}.tracking-item>strong{grid-column:2;margin-top:-4px}.tracking-total strong{font-size:25px}.tracking-facts dl>div{font-size:14px}.tracking-nav .btn{font-size:12px;padding:10px 12px}.tracking-nav .details-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.tracking-shell *{scroll-behavior:auto;transition:none;animation:none}}