.track-page{max-width:1140px;margin:auto;padding:42px 20px 70px;color:#203047}.track-page>header{margin-bottom:28px}.track-page>header>span{font-size:12px;font-weight:700;letter-spacing:1px;color:#ba551d}.track-page h1{font-size:30px;font-weight:750;margin:10px 0}.track-page p{font-size:14px;line-height:1.7;color:#697b8f}.track-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.track-card{background:#fff;border:1px solid #e3e9f1;border-radius:18px;padding:26px;box-shadow:0 7px 24px #22335105;min-width:0}.track-card h2{font-size:20px;font-weight:700;margin:0 0 18px}.track-card form{display:grid;gap:12px}.track-card label{font-size:14px;font-weight:600}.track-card input{border:1px solid #d8e1ec;border-radius:10px;padding:12px;font-size:15px;width:100%}.track-card small{font-size:12px;line-height:1.6;color:#7a899a}.track-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:#ef651e;color:white!important;border:0;border-radius:10px;font-size:14px;font-weight:650;text-decoration:none}.track-button:disabled{opacity:.6}.track-help{margin-top:28px;padding:18px;border-radius:12px;background:#f5f1fb}.track-card>h3,.track-help h3{font-size:15px;font-weight:650}.track-help a{color:#7256a0;font-size:14px;font-weight:600}.track-result-head{display:flex;gap:15px;justify-content:space-between;align-items:start;flex-wrap:wrap}.track-result-head h2{overflow-wrap:anywhere}.track-result-head>span{background:#fff0e3;color:#ae4d17;padding:7px 12px;border-radius:20px;font-size:13px;text-transform:capitalize}.track-card dl{margin:15px 0 28px}.track-card dl>div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #edf1f6;padding:12px 0;font-size:14px}.track-card dt{color:#758498}.track-card dd{margin:0;text-align:right;overflow-wrap:anywhere}.track-card ol{list-style:none;padding:0;margin:20px 0}.track-card li{padding:0 0 22px 22px;border-left:2px solid #e7d9cb;position:relative}.track-card li:before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;background:#f2813e;border-radius:50%}.track-card li strong{display:block;font-size:14px;text-transform:capitalize}.track-card time{font-size:12px;color:#7b8897}.track-note{padding:15px;background:#f6f8fb;border-radius:10px;font-size:12px!important}.track-empty{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.track-page :focus-visible{outline:3px solid #b48ad4;outline-offset:3px}@media(max-width:760px){.track-layout{grid-template-columns:1fr}.track-page{padding:28px 15px 50px}.track-card{padding:21px}.track-page h1{font-size:25px}.track-card dl>div{flex-direction:column;gap:5px}.track-card dd{text-align:left}}.track-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:4px 0 22px;font-size:13px}.track-actions a{color:#0f766e;font-weight:650}.track-actions button{border:1px solid #b9d8d2;background:#f0f9f6;color:#145c53;border-radius:9px;padding:9px 12px;cursor:pointer}.track-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.track-progress>div{text-align:center;color:#718096;padding:10px 2px;border-top:3px solid #e5eaf0}.track-progress>div.is-recorded{border-color:#168474;color:#12695e}.track-progress span{display:grid;place-items:center;border-radius:50%;background:#f0f3f6;width:28px;height:28px;margin:0 auto 9px;font-size:13px}.track-progress .is-recorded span{background:#def4ec}.track-progress strong{display:block;font-size:12px;text-transform:capitalize}.track-progress small{font-size:10px;display:block;margin-top:5px}.track-courier-pending{padding:16px 18px;border:1px solid #f0d5a8;background:#fff9ec;border-radius:12px}.track-courier-pending strong{font-size:14px;color:#865112}.track-courier-pending p{font-size:12px;margin:5px 0 0}.track-button{cursor:pointer}.track-button:disabled{cursor:wait}@media(max-width:450px){.track-progress{gap:3px}.track-progress strong{font-size:10px}.track-progress small{font-size:9px}.track-actions{align-items:flex-start}}