@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&display=swap";:root{color:var(--tg-theme-text-color,#171717);background:var(--tg-theme-bg-color,#fff);--ink:#171717;--muted:#666;--line:#e7e7e7;--soft:#fafafa;--white:#fff;font-family:Geist,Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--tg-theme-bg-color,#fff);min-width:320px}body{background:var(--tg-theme-bg-color,#fff);min-width:320px;min-height:100vh;color:var(--tg-theme-text-color,#171717);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #0072f5}.app-shell{min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.site-header{z-index:20;background:color-mix(in srgb,var(--tg-theme-bg-color,#fff) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:40px;height:68px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0;box-shadow:0 1px #00000014}.brand{letter-spacing:-.3px;color:inherit;background:0 0;border:0;align-items:center;gap:11px;padding:10px 0;font-size:15px;font-weight:600;display:flex}.mark{background:var(--ink);border-radius:7px;flex:none;place-content:center;gap:3px;width:30px;height:30px;display:grid;transform:rotate(-8deg)}.mark i{background:#fff;border-radius:1px;width:13px;height:3px;display:block}.site-header nav{align-items:center;gap:4px;height:100%;display:flex}.site-header nav button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:10px 13px;font-size:14px}.site-header nav button:hover,.site-header nav button.active{color:var(--ink);background:#f4f4f4}.support{color:var(--muted);margin-left:auto;font-size:13px}.support strong{color:var(--ink);margin-left:7px;font-weight:500}main{max-width:1180px;margin:0 auto;padding:0 24px}.tracker-layout{grid-template-columns:1.12fr .88fr;align-items:center;gap:90px;min-height:600px;padding:78px 0 68px;display:grid}.eyebrow,.card-kicker,.aside-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:600}.hero-copy h1{letter-spacing:-2.7px;max-width:670px;margin:20px 0;font-size:54px;font-weight:600;line-height:1.02}.hero-copy>p{color:var(--muted);max-width:570px;margin:0;font-size:18px;line-height:1.65}.trust-row{border-top:1px solid var(--line);color:var(--muted);gap:30px;margin-top:42px;padding-top:24px;font-size:13px;display:flex}.trust-row b{color:var(--ink);margin-bottom:4px;font-size:19px;display:block}.track-card,.summary-card,.timeline-card,.table-card,.info-panel,.login-card{background:var(--tg-theme-secondary-bg-color,var(--white));border-radius:12px;box-shadow:0 0 0 1px #00000017,0 2px 2px #00000008,0 10px 30px #0000000a}.track-card{padding:34px}.track-card h2{letter-spacing:-1px;margin:8px 0 9px;font-size:28px}.track-card>p{color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.5}label{gap:8px;font-size:13px;font-weight:500;display:grid}input,select,textarea{background:var(--tg-theme-bg-color,#fff);width:100%;color:inherit;border:0;border-radius:7px;min-height:44px;padding:0 13px;box-shadow:0 0 0 1px #00000024}textarea{resize:vertical;min-height:90px;padding-top:12px}input::placeholder,textarea::placeholder{color:#999}.input-action{grid-template-columns:1fr auto;gap:8px;margin-top:9px;display:grid}.input-action button,.primary{background:var(--tg-theme-button-color,var(--ink));color:var(--tg-theme-button-text-color,#fff);border:0;border-radius:7px;min-height:44px;padding:0 19px;font-weight:500}.secondary{color:var(--ink);background:#fff;border:0;border-radius:7px;min-height:40px;padding:0 15px;font-weight:500;box-shadow:0 0 0 1px #00000024}.form-error{background:#fff4f2;border-radius:6px;padding:10px 12px;color:#b42318!important;margin:12px 0 0!important}.privacy{margin:18px 0 0!important;font-size:11px!important}.service-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:70px;display:grid}.service-strip>div{border-right:1px solid var(--line);padding:28px 32px}.service-strip>div:last-child{border:0}.service-strip span{color:#999;font:500 11px monospace}.service-strip h3{margin:11px 0 6px;font-size:15px}.service-strip p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.result-page{padding:56px 0 48px}.result-head,.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.result-head h1,.page-title h1{letter-spacing:-1.8px;margin:7px 0;font-size:38px}.result-head p,.page-title p{color:var(--muted);margin:0}.result-grid{grid-template-columns:.8fr 1.2fr;gap:20px;display:grid}.summary-card,.timeline-card,.info-panel{padding:28px}.summary-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.summary-card h2{letter-spacing:-1px;margin:28px 0 8px;font-size:26px}.summary-card>p{color:var(--muted);margin:0}.summary-card dl,.info-panel dl{margin:28px 0 0}.summary-card dl{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px;padding-top:22px;display:grid}dt{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:5px;font-size:11px}dd{margin:0;font-size:14px;font-weight:500}.status{color:#414141;background:#f0f0f0;border-radius:999px;align-items:center;width:max-content;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.status.out-for-delivery{color:#8a5700;background:#fff7e6}.status.delivered{color:#176b38;background:#eaf8ef}.status.in-transit{color:#1558a6;background:#edf5ff}.timeline-card h2{letter-spacing:-.7px;margin:8px 0 24px;font-size:23px}.timeline{margin:0;padding:0;list-style:none}.timeline li{grid-template-columns:18px 1fr auto;gap:12px;padding:0 0 25px;display:grid;position:relative}.timeline li:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:15px;bottom:0;left:6px}.dot{z-index:1;background:#fff;border:3px solid #bbb;border-radius:50%;width:13px;height:13px;margin-top:2px}.timeline .current .dot{border-color:var(--ink);background:var(--ink)}.timeline strong{font-size:14px}.timeline p{color:var(--muted);margin:5px 0 0;font-size:12px}.timeline time{color:var(--muted);white-space:nowrap;font-size:11px}.center-page{place-items:center;min-height:calc(100vh - 68px);padding-top:48px;padding-bottom:48px;display:grid}.login-card{gap:14px;width:min(100%,420px);padding:36px;display:grid}.login-card>.mark{margin-bottom:8px}.login-card h1{letter-spacing:-1.5px;margin:0;font-size:35px}.login-card>p{color:var(--muted);margin:0 0 14px}.wide{width:100%;margin-top:6px}.text-button{color:var(--ink);background:0 0;border:0;min-height:40px}.login-card small{color:var(--muted);text-align:center}.workspace{grid-template-columns:230px 1fr;max-width:none;min-height:calc(100vh - 68px);padding:0;display:grid}.workspace>aside{border-right:1px solid var(--line);background:#fafafa;flex-direction:column;gap:4px;padding:28px 18px;display:flex}.aside-brand{align-items:center;gap:10px;margin:0 8px 34px;display:flex}.aside-label{margin:0 10px 8px}.workspace>aside>button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:10px 12px}.workspace>aside>button.selected,.workspace>aside>button:hover{color:var(--ink);background:#eee}.aside-user{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:14px 8px 0;display:flex}.aside-user>span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.aside-user div{font-size:12px;display:grid}.aside-user small{color:var(--muted);margin-top:3px}.content{min-width:0;padding:38px 42px}.page-title h1{margin:7px 0;font-size:36px}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.metrics>div{background:#fff;border-radius:9px;gap:9px;padding:20px;display:grid;box-shadow:0 0 0 1px #00000017}.metrics span,.metrics small{color:var(--muted);font-size:12px}.metrics strong{letter-spacing:-1px;font-size:28px}.table-card{overflow:hidden}.table-tools{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding:16px;display:flex}.search{align-items:center;gap:12px;display:flex}.search span{clip:rect(0 0 0 0);position:absolute}.search input{width:280px}.filters{gap:4px;display:flex}.filters button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px 11px;font-size:12px}.filters button.active{background:var(--ink);color:#fff}.shipment-table{width:100%}.tr{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;min-height:67px;color:inherit;background:#fff;grid-template-columns:1.1fr .9fr 1.25fr 1fr .7fr 24px;align-items:center;gap:14px;padding:0 18px;display:grid}.tr:not(.head):hover{background:#fafafa}.tr.head{min-height:42px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#fafafa;font-size:11px}.tr span{min-width:0;font-size:13px}.tr span:first-child{gap:4px;display:grid}.tr small{color:var(--muted)}.detail-page{padding-top:34px;padding-bottom:70px}.back-link{color:var(--muted);background:0 0;border:0;margin-bottom:20px;padding:8px 0}.detail-grid{grid-template-columns:1.45fr .55fr;gap:20px;display:grid}.detail-main{gap:20px;display:grid}.info-panel h2{margin:0 0 22px;font-size:18px}.info-panel dl{gap:20px;display:grid}.info-panel dl>div{border-bottom:1px solid var(--line);padding-bottom:18px}.modal-backdrop{z-index:50;background:#00000061;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--tg-theme-bg-color,#fff);border-radius:12px;width:min(100%,620px);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 80px #0000003d}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:25px 27px 20px;display:flex}.modal-head h2{letter-spacing:-.8px;margin:7px 0 0;font-size:24px}.modal-head>button{background:#f3f3f3;border:0;border-radius:7px;width:34px;height:34px}.modal-form{gap:18px;padding:25px 27px 27px;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.notice{border-left:3px solid var(--ink);color:var(--muted);background:#fafafa;margin:0;padding:13px 15px;font-size:13px;line-height:1.5}@media (width<=900px){.site-header{padding:0 20px}.support{display:none}.tracker-layout{grid-template-columns:1fr;gap:38px;padding:52px 0}.hero-copy h1{font-size:44px}.result-grid,.detail-grid,.workspace{grid-template-columns:1fr}.workspace>aside{display:none}.content{padding:30px 22px}.metrics{grid-template-columns:1fr 1fr}.table-tools{flex-direction:column;align-items:stretch}.search input{width:100%}.filters{overflow-x:auto}.tr{grid-template-columns:1.2fr 1fr 1fr 22px}.tr span:nth-child(2),.tr span:nth-child(3){display:none}}@media (width<=600px){.site-header{gap:16px;height:60px;padding:0 15px}.site-header nav{margin-left:auto}.site-header nav button{padding:9px 8px;font-size:12px}main{padding-left:16px;padding-right:16px}.tracker-layout{min-height:auto;padding:36px 0}.hero-copy h1{letter-spacing:-1.8px;font-size:37px}.hero-copy>p{font-size:16px}.trust-row{gap:18px}.track-card{padding:23px}.input-action{grid-template-columns:1fr}.input-action button{width:100%}.service-strip{grid-template-columns:1fr}.service-strip>div{border-right:0;border-bottom:1px solid var(--line);padding:22px 4px}.result-head,.page-title{flex-direction:column;align-items:flex-start}.result-head h1,.page-title h1{font-size:31px}.result-grid{gap:14px}.summary-card,.timeline-card,.info-panel{padding:21px}.summary-card dl{grid-template-columns:1fr}.timeline li{grid-template-columns:18px 1fr}.timeline time{grid-column:2}.login-card{padding:25px}.content{padding:25px 16px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics>div{padding:15px}.metrics strong{font-size:24px}.page-title .primary{width:100%}.tr{grid-template-columns:1fr 1fr 20px;padding:0 12px}.tr span:nth-child(4){display:none}.two-col{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:14px 14px 0 0;max-height:92vh}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}