.tracking-page{max-width:780px;margin:0 auto 56px}.tracking-page h1{margin-bottom:12px}.tracking-form{display:grid;gap:18px;margin:28px 0;padding:24px;border:1px solid var(--line,#ddd);border-radius:8px}.tracking-form label{display:grid;gap:8px;font-size:14px;font-weight:500}.tracking-form input{width:100%;box-sizing:border-box;padding:13px;border:1px solid #cfd6d5;border-radius:4px;background:var(--bg,#fff);color:inherit;font:inherit;text-align:start}.tracking-form input:focus-visible{outline:2px solid #0e4a50;outline-offset:2px}.tracking-form .btn{justify-self:start}.tracking-privacy{font-size:12px;color:var(--muted,#666);line-height:1.7;margin:0}.tracking-status{margin:0;font-size:14px;color:var(--bad,#a32929)}.tracking-result{padding:24px;border:1px solid var(--line,#ddd);border-radius:8px}.tracking-result-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.tracking-result-head h2{margin:8px 0;font-size:22px}.tracking-badge{background:#edf3f3;color:#0e4a50;padding:8px 12px;border-radius:20px;font-size:13px}.tracking-steps{list-style:none;padding:0;margin:28px 0;display:grid;gap:0}.tracking-steps li{display:flex;gap:14px;align-items:flex-start;position:relative;min-height:68px;color:var(--muted,#666)}.tracking-steps li:not(:last-child):before{content:'';position:absolute;inset-inline-start:16px;top:17px;width:2px;bottom:-17px;background:#dce5e4;z-index:0}.tracking-steps li.complete:before{background:#0e4a50}.tracking-dot{position:relative;z-index:1;display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#f2f4f3;font-size:14px;font-weight:600}.tracking-steps li>div{padding-top:5px}.tracking-steps small{display:block;margin-top:4px;font-size:12px}.tracking-steps li.complete,.tracking-steps li.current{color:#0e4a50}.tracking-steps li.complete .tracking-dot,.tracking-steps li.current .tracking-dot{background:#0e4a50;color:white}.tracking-steps li.current .tracking-dot{box-shadow:0 0 0 4px #edf3f3}.tracking-history{list-style:none;padding:0;margin:16px 0}.tracking-history li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line,#ddd);padding:10px 0;font-size:13px}.tracking-history time{color:var(--muted,#666)}.tracking-cancelled{padding:14px;background:#fff2ed;color:#9b3d28;border-radius:4px}@media(max-width:480px){.tracking-form,.tracking-result{padding:18px}.tracking-history li{flex-direction:column;gap:4px}.tracking-form .btn{width:100%}}