@font-face{font-family:WR Inter;src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.tracking{--map-rose:#b62951;--map-paper:#f7f5f1;position:relative;min-width:0;container-type:inline-size;isolation:isolate;overflow:hidden;background:#101d23;color:var(--map-paper);font-family:WR Inter,Arial,sans-serif;display:flex;flex-direction:column}
.tracking-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 22px 17px}
.tracking-kicker{font-size:8px;font-weight:600;letter-spacing:1.9px;color:#899da5;line-height:1.5}
.tracking h2{font-size:clamp(20px,4.7cqw,26px);line-height:1.15;letter-spacing:-.75px;font-weight:550;margin:6px 0 0}
.map-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;min-height:34px;background:#18262de8;border:1px solid #58696e55;border-radius:7px;color:#dde4e5;font-size:20px;line-height:1;transition:background .18s,border-color .18s,color .18s;box-shadow:0 3px 10px #06101722}
.map-icon-button svg{width:16px;height:16px;stroke-width:1.7}
.tracker-expand{width:36px;height:36px;background:#23313988}
.tracking [hidden]{display:none!important}
.tracking-workspace{flex:1;min-width:0;display:flex;padding:0 14px}
.tracking-itinerary{display:none}
.tracking-map-stage{position:relative;isolation:isolate;flex:1;min-width:0;min-height:368px;overflow:hidden;border:1px solid #43555d55;border-radius:12px;background:#15252c;touch-action:pan-y;outline-offset:-4px!important}
.tracking-map{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;fill:none;stroke:none;stroke-width:0;overflow:hidden;user-select:none}
.tracking-map-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b18172b,transparent 24%,transparent 70%,#08171d66);z-index:0}
.map-route-shadow{fill:none;stroke:#651a33;stroke-width:16;opacity:.25;stroke-linecap:round;stroke-linejoin:round}
.map-route-base{fill:none;stroke:#9c3853;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.map-route-progress{fill:none;stroke:#ee658a;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:.6;filter:drop-shadow(0 0 4px #c4295450)}
.destination-halo{fill:#b62b4f25;stroke:#c1436455;stroke-width:1}
.destination-outer{fill:#a92548;stroke:#efdce2;stroke-width:2}
.destination-inner{fill:#fff6f4;stroke:none}
.map-destination text{fill:#edf1f1;stroke:#18292f;stroke-width:6;paint-order:stroke;font-family:WR Inter,Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.4px}
.map-destination-1 text{font-size:15px;font-weight:450;fill:#c4d0d3}
.map-destination-1 .destination-outer{fill:#293e46;stroke:#bd8293;stroke-width:2}
.map-vehicle{fill:#9a2042;stroke:#9a2042;stroke-width:1.5;filter:drop-shadow(0 5px 9px #07121777)}
.map-vehicle .vehicle-disc{fill:#faf4ee;stroke:#f7e0e6;stroke-width:2}
.map-vehicle .vehicle-window{fill:#faf4ee;stroke:none}
.vehicle-pulse{fill:#e86b8a1a;stroke:#e987a166;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:map-pulse 3s ease-out infinite;animation-play-state:paused}
.tracking[data-running=true] .vehicle-pulse{animation-play-state:running}
@keyframes map-pulse{from{transform:scale(.8);opacity:.8}to{transform:scale(1.4);opacity:0}}
.map-shipment-card{position:absolute;z-index:2;left:13px;top:13px;max-width:calc(100% - 73px);display:flex;align-items:center;gap:9px;background:#152229f0;border:1px solid #62747b4a;box-shadow:0 6px 24px #06131b33;border-radius:9px;padding:10px 11px;backdrop-filter:blur(10px)}
.map-package{width:32px;height:32px;display:grid;place-items:center;background:#f2eee7;color:#132329;border-radius:7px;flex-shrink:0}.map-package svg{width:18px;height:18px}
.map-card-label{display:block;color:#a4b4b9;font-size:7px;font-weight:500;line-height:1.3;letter-spacing:1px;white-space:nowrap}
.map-shipment-card strong{display:block;font-size:14px;font-weight:550;letter-spacing:-.3px;margin-top:3px;line-height:1.2}
.map-status{font-size:8px;font-weight:500;color:#8dd9ba;padding:4px 6px;background:#1e513e7a;border:1px solid #7ac6a51a;border-radius:4px;white-space:nowrap;margin-left:4px}
.map-status:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#64c79d;margin-right:4px;vertical-align:1px}
.map-controls{position:absolute;right:12px;top:13px;z-index:3;display:grid;gap:6px}
.map-controls .map-icon-button:disabled{opacity:.4;cursor:default}
.map-journey-card{position:absolute;z-index:2;left:13px;right:13px;bottom:29px;min-width:0;padding:13px 13px 9px;background:#17262cf5;border:1px solid #54697070;border-radius:10px;box-shadow:0 8px 25px #07151e66;backdrop-filter:blur(12px)}
.journey-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.journey-card-heading h3{font-size:15px;font-weight:500;letter-spacing:-.5px;line-height:1.25;margin-top:5px}.journey-card-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#79273f55;color:#ee8fa9;flex-shrink:0}.journey-card-icon svg{width:17px;height:17px}
.journey-card-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:9px;color:#a6b6ba;font-size:9px}.journey-card-meta>span:last-child{text-align:right;flex-shrink:0}.journey-card-meta small{font-size:6px;letter-spacing:.7px;display:block;color:#899ba2}.journey-card-meta strong{display:block;font-weight:450;color:#e4e9e9;font-size:9px;margin-top:2px}
.map-stage-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:11px}.map-stage-buttons button{position:relative;min-width:0;min-height:32px;background:transparent;color:#91a4ac;font-size:8px;font-weight:500;text-align:left;padding:0;white-space:nowrap;display:flex;flex-direction:column;justify-content:space-between;gap:6px;line-height:1.4;border-radius:3px}.stage-track{display:block;width:100%;height:3px;border-radius:5px;background:#40515a;transition:background .3s}.map-stage-buttons button.complete .stage-track{background:#b42b50}.map-stage-buttons button[aria-pressed=true]{color:#f2d9e1}.map-stage-buttons button[aria-pressed=true] .stage-track{background:#ed6c90;box-shadow:0 0 8px #bd315254}.map-stage-buttons button.complete{color:#c3cdd0}
.map-illustration{position:absolute;bottom:9px;left:14px;z-index:2;font-size:7px;letter-spacing:.25px;color:#9cafb6}
.tracking-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 22px 15px}
.tracking-link{background:none;color:#e7eceb;display:inline-flex;align-items:center;gap:9px;font:500 11px WR Inter,Arial,sans-serif;padding:7px 0;min-height:34px;text-align:left}.tracking-link svg{width:16px;height:16px;color:#e66d8c}
.tracker-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 9px;font-size:9px;line-height:1;color:#b6c6cc;background:#25353c77;border:1px solid #4e626a66;border-radius:6px;transition:background .2s,color .2s}.tracker-toggle svg{width:12px;height:12px;stroke-width:1.8}.tracker-toggle[aria-pressed=true]{background:#642139;color:#f4cede;border-color:#a3405e}
.tracking-map-stage[data-zoomed=true]{cursor:grab}.tracking-map-stage[data-dragging=true]{cursor:grabbing}.tracking-map-stage[data-dragging=true] .map-shipment-card,.tracking-map-stage[data-dragging=true] .map-journey-card{pointer-events:none}
.tracker-dialog{width:min(1180px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #4c5c62;border-radius:15px;background:#101d23;color:#fff;overflow:auto;box-shadow:0 32px 120px #0009}.tracker-dialog::backdrop{background:#071016ce;backdrop-filter:blur(6px)}
.tracker-dialog .tracking{width:100%;margin:0;border:0;border-radius:0;max-width:none;min-height:0;container-type:inline-size}.tracker-dialog .tracking-heading{padding:24px 27px 20px}.tracker-dialog .tracking h2{font-size:27px}.tracker-dialog .tracking-workspace{padding:0 20px;gap:24px}.tracker-dialog .tracking-map-stage{min-height:min(560px,calc(100dvh - 220px))}.tracker-dialog .tracking-footer{padding:14px 27px 18px}.tracker-dialog .tracking-itinerary{display:block;width:205px;flex-shrink:0;padding:24px 5px 5px 8px}.tracking-itinerary h3{font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin-top:13px}.tracking-itinerary h3 span{color:#c4a8b3}.itinerary-description{font-size:11px;color:#8fa1aa;margin:12px 0 22px}.tracking-itinerary ol{list-style:none;margin:0;padding:0}.tracking-itinerary li+li{margin-top:8px}.tracking-itinerary button{width:100%;display:flex;align-items:flex-start;gap:12px;padding:12px 8px;border-radius:9px;text-align:left;background:none;color:#9caeb6;transition:background .2s}.itinerary-number{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #51656e;border-radius:50%;font-size:10px}.tracking-itinerary button strong{display:block;font-size:12px;font-weight:500}.tracking-itinerary button small,.tracking-itinerary button time{display:block;font-size:9px;margin-top:3px}.tracking-itinerary button time{color:#6e8590}.tracking-itinerary button[aria-pressed=true]{background:#7d25403b;color:#f0d5de}.tracking-itinerary button[aria-pressed=true] .itinerary-number{background:#a42549;color:white;border-color:#bb496b}.itinerary-note{font-size:9px;color:#81949d;margin:25px 8px 0;line-height:1.6}
@media(min-width:1001px){.tracking-map-stage{min-height:350px}.tracking-workspace{padding:0 15px}}
@media(max-width:1000px){.tracking{order:3;margin:0 22px 26px;width:calc(100% - 44px);max-width:620px;border-radius:10px;align-self:stretch}.tracking-map-stage{min-height:410px}.tracking h2{font-size:24px}}
@media(max-width:580px){.tracking{margin:0 16px 24px;width:calc(100% - 32px)}.tracking-heading{padding:19px 18px 16px}.tracking-workspace{padding:0 10px}.tracking h2{font-size:22px}.tracking-kicker{font-size:7px;letter-spacing:1.45px}.tracking-map-stage{min-height:388px}.tracking-footer{padding:11px 18px 14px}.map-shipment-card{left:10px;top:11px;padding:9px;gap:7px;max-width:calc(100% - 64px)}.map-controls{right:10px;top:11px}.map-status{font-size:7px;margin-left:0}.map-package{width:28px;height:28px}.map-shipment-card strong{font-size:13px}.map-card-label{font-size:6px;letter-spacing:.75px}.map-journey-card{left:10px;right:10px;padding:12px 11px 9px}.journey-card-heading h3{font-size:14px}.journey-card-meta{font-size:8px}.map-stage-buttons{gap:5px}.map-stage-buttons button{font-size:7px;min-height:30px}.tracker-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:11px}.tracker-dialog .tracking-heading{padding:17px 16px}.tracker-dialog .tracking h2{font-size:22px}.tracker-dialog .tracking-workspace{padding:0 10px}.tracker-dialog .tracking-itinerary{display:none}.tracker-dialog .tracking-map-stage{min-height:min(540px,calc(100dvh - 170px))}.tracker-dialog .tracking-footer{padding:10px 16px}}
@media(min-width:581px) and (max-width:900px){.tracker-dialog .tracking-itinerary{width:170px}.tracker-dialog .tracking-workspace{gap:12px}.tracking-itinerary h3{font-size:23px}}
@media(hover:hover) and (pointer:fine){.map-icon-button:hover:not(:disabled),.tracker-toggle:hover{background:#872940;border-color:#bc5772;color:#fff}.map-stage-buttons button:hover{color:#fff}.map-stage-buttons button:hover .stage-track{background:#d37a92}.tracking-itinerary button:hover{background:#34434c77;color:#fff}}
@media(prefers-reduced-motion:reduce){.vehicle-pulse{animation:none;opacity:.4}.stage-track{transition:none}}
.tracker-dialog .tracking-heading{padding-top:19px;padding-bottom:17px}
.tracker-dialog .tracking-itinerary{padding-top:12px}
.tracker-dialog .tracking-itinerary button{padding-top:9px;padding-bottom:9px}
.tracker-dialog .itinerary-description{margin-bottom:16px}
.tracker-dialog .itinerary-note{margin-top:16px}
@media(min-width:901px){.tracker-dialog .map-journey-card{left:auto;width:340px;bottom:31px;padding:16px 16px 12px}.tracker-dialog .journey-card-heading h3{font-size:17px}.tracker-dialog .map-stage-buttons button{font-size:9px}.tracker-dialog .map-card-label{font-size:8px}.tracker-dialog .map-shipment-card{padding:12px 14px;left:17px;top:17px}.tracker-dialog .map-shipment-card strong{font-size:17px}.tracker-dialog .map-status{font-size:10px}.tracker-dialog .map-illustration{font-size:8px}}
.map-destination text{font-size:var(--map-label-size,18px)}.map-destination-1 text{font-size:calc(var(--map-label-size,18px) * .85)}
.tracking-map-stage[data-zoomed=true]{touch-action:none}
.tracking-placeholder{grid-column:2;grid-row:2;min-width:0}
@media(max-width:1000px){.tracking-placeholder{order:3;margin:0 22px 26px;width:calc(100% - 44px);max-width:620px}}
@media(max-width:580px){.tracking-placeholder{margin:0 16px 24px;width:calc(100% - 32px)}}

.map-attribution{position:absolute;right:12px;bottom:5px;z-index:2;font-size:7px;color:#c1ccd0;background:#13232ac9;border-radius:2px;padding:1px 3px}.map-attribution:hover{text-decoration:underline}.map-illustration{left:12px!important;right:auto!important;bottom:5px!important;max-width:calc(100% - 110px)}