.track-page{max-width:1180px;margin:0 auto;padding:54px 24px 84px}.track-hero{max-width:820px;margin:0 auto 34px;text-align:center}.track-hero.compact{margin-bottom:28px}.track-eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;background:#e8f6ee;color:#087a45;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.track-hero h1{font-size:clamp(36px,6vw,62px);line-height:1;margin:16px 0 14px;letter-spacing:-.05em;color:#0d2b1e}.track-hero p{font-size:18px;line-height:1.7;color:#617369;margin:0}.track-search{display:flex;gap:10px;margin:28px auto 0;max-width:720px}.track-search input{flex:1;min-width:0;border:1px solid #cfe0d6;border-radius:14px;padding:15px 16px;font-size:16px;background:#fff;color:#10291d;outline:none}.track-search input:focus{border-color:#0b8a50;box-shadow:0 0 0 4px rgba(11,138,80,.1)}.track-search button{border:0;border-radius:14px;padding:15px 22px;background:#087a45;color:#fff;font-weight:900;cursor:pointer}.track-empty{max-width:720px;margin:30px auto;padding:24px;border:1px solid #d7e6dc;background:#fff;border-radius:18px;display:flex;flex-direction:column;gap:6px;text-align:center}.track-result{display:flex;flex-direction:column;gap:22px}

.track-progress-wrap{position:relative;background:#fff;border:1px solid #dbe8e0;border-radius:24px;padding:30px 26px 24px;box-shadow:0 12px 34px rgba(19,66,44,.05);overflow:hidden}.track-progress-line{position:absolute;left:10%;right:10%;top:51px;height:6px;border-radius:999px;background:#e5ebe8;overflow:hidden}.track-progress-line span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#32bc79,#72d1a0);transition:width .2s ease}.track-progress-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.track-progress-step{text-align:center;color:#9aa8a1}.track-progress-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#edf1ef;color:#a8b4ae;border:6px solid #fff;box-shadow:0 0 0 1px #e2e9e5;font-size:20px;font-weight:900}.track-progress-step strong{display:block;font-size:14px;color:#8a9991}.track-progress-step small{display:block;margin-top:3px;font-size:11px;color:#a3afa9}.track-progress-step.done .track-progress-icon,.track-progress-step.current .track-progress-icon{background:#35bd7a;color:#fff;box-shadow:0 0 0 1px #35bd7a}.track-progress-step.done strong,.track-progress-step.current strong{color:#183a2a}.track-progress-step.current .track-progress-icon{box-shadow:0 0 0 6px #e4f7ec}.track-progress-step.current strong{font-weight:900}.track-progress-wrap.is-exception .track-progress-line span{background:#d08a2c}

.track-status-card{display:flex;align-items:center;gap:18px;padding:26px 28px;border-radius:22px;background:linear-gradient(135deg,#0a7344,#075534);color:#fff;box-shadow:0 18px 44px rgba(8,91,55,.16)}.track-status-card.status-failed{background:linear-gradient(135deg,#a14b22,#7e3518)}.track-status-card.status-returned{background:linear-gradient(135deg,#7a4a16,#5e360e)}.track-status-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:25px;font-weight:900}.track-status-card span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#ccebd9}.track-status-card h2{margin:5px 0 2px;font-size:30px;line-height:1.1}.track-status-card p{margin:0;color:#d9eee3}

.track-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:22px;align-items:start}.track-card{background:#fff;border:1px solid #dbe8e0;border-radius:20px;padding:24px;box-shadow:0 12px 34px rgba(19,66,44,.05)}.track-card h3{margin:0 0 18px;font-size:22px;color:#112a1e}.track-card dl{margin:0}.track-card dt{font-size:12px;color:#728279;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-top:14px}.track-card dd{margin:5px 0 0;font-size:16px;font-weight:800;color:#163124;word-break:break-word}.track-details-card{position:sticky;top:24px}

.track-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.track-history-head>div>span{display:block;color:#087a45;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.track-history-head h3{margin:0}.track-history-head>small{color:#819087;font-size:11px;white-space:nowrap;padding-top:5px}.track-event-list{display:grid;gap:12px}.track-event-card{border-radius:16px;background:#f4f6f5;padding:16px 18px;border:1px solid #edf1ef}.track-event-top{display:flex;align-items:flex-start;gap:9px;margin-bottom:9px}.track-event-marker{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#e5f5ec;color:#087a45;font-size:13px;font-weight:900;flex:0 0 auto}.track-event-meta{display:flex;flex-direction:column;gap:2px}.track-event-meta time{font-size:12px;color:#718078}.track-event-meta span{font-size:12px;color:#5d7065}.track-event-card>strong{display:block;color:#18372a;font-size:15px;margin-bottom:2px}.track-event-card>small{display:block;color:#7b8b82;font-size:12px}.track-event-card>p{margin:8px 0 0;color:#445b4f;line-height:1.55;font-size:14px}.track-no-events{padding:18px;border-radius:14px;background:#f4faf6;color:#567064;line-height:1.7}

@media(max-width:900px){.track-grid{grid-template-columns:1fr}.track-details-card{position:static}.track-progress-wrap{padding-left:16px;padding-right:16px}.track-progress-step small{display:none}}
@media(max-width:780px){.track-page{padding:36px 16px 64px}.track-search{flex-direction:column}.track-search button{width:100%}.track-status-card{padding:22px 20px}.track-status-card h2{font-size:24px}.track-progress-wrap{padding:22px 10px 18px}.track-progress-line{left:10%;right:10%;top:41px;height:5px}.track-progress-steps{gap:2px}.track-progress-icon{width:38px;height:38px;font-size:15px;border-width:4px}.track-progress-step strong{font-size:10px;line-height:1.15}.track-history-head{display:block}.track-history-head>small{display:block;margin-top:6px}.track-card{padding:19px}}