.tracking-page{--track-teal:#237e92;--track-border:#dfe7eb}.tracking-heading{align-items:center}.tracking-heading h1{font-size:30px}.tracking-live{display:inline-flex;gap:8px;align-items:center;background:#e9f4ef;color:#33785e;border:1px solid #d8e9df;padding:9px 13px;border-radius:30px;font-size:11px;white-space:nowrap}.tracking-live i{width:7px;height:7px;background:#459572;border-radius:50%;box-shadow:0 0 0 4px #45957213}.tracking-live.paused{background:#f3f4f5;border-color:#e0e3e5;color:#697983}.tracking-live.paused i{background:#94a1aa;box-shadow:none}.tracking-demo-note{display:flex;gap:12px;align-items:flex-start;background:#fff7ed;border:1px solid #f2dfc9;border-radius:9px;padding:15px 18px;margin-bottom:20px;color:#a86e32}.tracking-demo-note svg{flex-shrink:0;margin-top:2px}.tracking-demo-note strong{font-size:12px}.tracking-demo-note p{font-size:11px;color:#947448;margin-top:4px}.tracking-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px}.tracking-metrics>div{background:#fff;border:1px solid var(--track-border);border-radius:9px;padding:17px 19px;display:flex;align-items:flex-start;gap:12px;min-width:0}.tracking-metrics>div>svg{color:#7b99a5;margin-top:3px;flex-shrink:0}.tracking-metrics>div>span{font-size:10px;color:#788e99;line-height:1.6}.tracking-metrics strong{font-size:27px;color:#203e4c;display:block;letter-spacing:-.7px;font-weight:700;margin-top:4px;line-height:1.25;font-variant-numeric:tabular-nums}.tracking-metrics strong small{font-size:9px;letter-spacing:0;font-weight:400;display:block;margin-top:7px;color:#879aa3}.tracking-metrics .tracking-update{font-size:22px;letter-spacing:-.4px}.tracking-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.tracking-toolbar button{font-size:11px;min-height:37px}.tracking-playback{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tracking-playback label{display:flex;align-items:center;gap:7px;font-size:10px;color:#718692;margin-left:6px}.tracking-playback select{padding:9px;font-size:11px;background:white}.tracking-time{font-size:10px;color:#8497a1}.tracking-workspace{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:17px;align-items:start}.tracking-map-column{min-width:0}.tracking-map-frame{position:relative;isolation:isolate;z-index:0;border:1px solid #dbe5e9;border-radius:11px;overflow:hidden;background:#e9efee}.tracking-map-canvas{height:520px;width:100%;background:#e8efed;font-family:DM Sans,Arial,sans-serif}.tracking-map-canvas:focus-visible{outline:3px solid #eba16d;outline-offset:-3px}.tracking-map-canvas .leaflet-control-attribution{font-size:10px;max-width:85%;line-height:1.5;padding:3px 6px;background:#fffffff2}.tracking-map-canvas .leaflet-control-attribution a{display:inline;color:#416876}.tracking-map-canvas .leaflet-control-zoom{border:1px solid #d6e1e6;box-shadow:0 2px 8px #183b471a;border-radius:7px;overflow:hidden;margin:0 0 12px 14px}.tracking-map-canvas .leaflet-control-zoom a{font-size:21px;color:#274c60;width:34px;height:34px;line-height:34px;display:block}.tracking-map-canvas .leaflet-control-scale{margin:0 0 9px 14px}.tracking-map-stamp{position:absolute;top:16px;left:16px;z-index:800;background:#fffffff0;border:1px solid #dbe6e7;border-radius:6px;padding:9px 11px;color:#6e858d;font-size:9px;letter-spacing:1.1px;font-weight:700;pointer-events:none}.tracking-map-loading{inset:0;background:#eef3f3;flex-direction:column;gap:16px;justify-content:center;color:#69838f;font-size:13px}.tracking-map-loading,.tracking-map-problem{position:absolute;z-index:900;display:flex;align-items:center}.tracking-map-problem{top:60px;left:15px;right:15px;background:#fff8ef;border:1px solid #efd6b7;border-radius:8px;padding:14px;gap:14px;justify-content:space-between}.tracking-map-problem p{font-size:12px}.tracking-map-problem button{font-size:11px;flex-shrink:0}.tracking-marker{border:0;background:none}.tracking-marker-body{position:relative;width:36px;height:36px;color:#fff}.tracking-marker-truck{width:36px;height:36px;border-radius:11px;background:var(--unit-color);display:grid;place-items:center;border:2px solid white;box-shadow:0 2px 8px #15364145;position:relative}.tracking-marker-truck:after{content:"";position:absolute;bottom:-5px;left:12px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--unit-color)}.tracking-marker-label{position:absolute;bottom:43px;left:-10px;background:#fff;color:#284a5a;box-shadow:0 2px 8px #20444f22;border:1px solid #d9e4e9;border-left:3px solid var(--unit-color);border-radius:5px;padding:6px 9px;white-space:nowrap;max-width:165px;font-family:DM Sans,Arial,sans-serif;pointer-events:auto;cursor:pointer;line-height:1.3}.tracking-marker-label.below{bottom:auto;top:44px}.tracking-marker-label strong{display:block;font-size:10px;font-weight:650;max-width:145px;overflow:hidden;text-overflow:ellipsis}.tracking-marker-label small{display:block;font-size:9px;color:#7e949f;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.tracking-marker.selected .tracking-marker-truck{box-shadow:0 0 0 5px #237e9228,0 3px 12px #17374744}.tracking-marker.selected .tracking-marker-label{border-color:var(--unit-color);background:#fff}.tracking-marker.arrived .tracking-marker-truck{border-radius:50%}.tracking-marker:focus-visible{outline:3px solid #e48145;border-radius:11px}.tracking-detail{background:#fff;border:1px solid var(--track-border);border-radius:10px;margin-top:15px;padding:21px}.tracking-detail-heading{display:flex;align-items:center;gap:12px}.tracking-unit-icon{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;color:white;flex-shrink:0}.tracking-detail-heading>div{min-width:0;flex:1}.tracking-detail-heading .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:4px}.tracking-detail-heading h2{font-size:20px;letter-spacing:-.5px;overflow-wrap:anywhere}.tracking-detail-heading p{font-size:12px;margin-top:3px}.tracking-follow{font-size:10px;padding:9px;flex-shrink:0}.tracking-follow.active{background:#e6f2f3;color:#237e92;border-color:#aacdd6}.tracking-route{display:flex;gap:12px;align-items:center;margin:20px 0 18px;padding-bottom:17px;border-bottom:1px solid #edf1f3;flex-wrap:wrap}.tracking-route>span{font-size:12px;display:flex;align-items:center;gap:7px}.tracking-route>svg{color:#a2b3bb}.tracking-route i{width:8px;height:8px;border:2px solid #237e92;border-radius:50%}.tracking-route .destination{border-color:#e48145;background:#e48145}.tracking-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tracking-detail-metrics>div{min-width:0}.tracking-detail-metrics svg{color:#8aa0aa;margin-bottom:8px}.tracking-detail-metrics small{display:block;font-size:9px;line-height:1.5;margin-bottom:6px}.tracking-detail-metrics strong{display:block;font-size:17px;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.tracking-detail progress{display:block;width:100%;height:6px;appearance:none;border:0;border-radius:5px;overflow:hidden;margin:20px 0 9px;background:#e9eff1}.tracking-detail progress::-webkit-progress-bar{background:#e9eff1}.tracking-detail progress::-webkit-progress-value{background:#237e92;border-radius:5px}.tracking-detail progress::-moz-progress-bar{background:#237e92}.tracking-distance{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#7d949f;flex-wrap:wrap}.tracking-select-hint{display:flex;align-items:center;gap:12px;border:1px dashed #cbdce3;border-radius:9px;padding:22px 20px;color:#7c949f;font-size:11px;margin-top:15px}.tracking-select-hint svg{flex-shrink:0;color:#6e96a7}.tracking-select-hint strong{display:block;color:#4a6c7c;font-size:12px;margin-bottom:5px}.tracking-fleet-list{border:1px solid var(--track-border);background:white;border-radius:10px;overflow:hidden}.tracking-list-head{padding:18px 16px 12px;border-bottom:1px solid #e9eff2}.tracking-list-head h2{font-size:15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tracking-list-head h2 span{background:#edf4f5;color:#648897;font-size:10px;padding:4px 8px;border-radius:5px;letter-spacing:0}.tracking-search{display:flex;align-items:center;gap:7px;background:#f7f9fa;border:1px solid #e0e8ed;border-radius:6px;padding-left:10px;color:#94a7b0}.tracking-search input{border:0;padding:10px 7px;background:transparent;font-size:11px;width:100%;outline:none}.tracking-search:focus-within{outline:2px solid #b4ced7}.tracking-filters{display:flex;gap:5px;margin-top:12px}.tracking-filters button{border:0;flex:1;padding:7px 4px;font-size:10px;background:#fff;color:#8399a4;white-space:nowrap}.tracking-filters button.active{background:#edf4f5;color:#2b6e81;font-weight:700}.tracking-list-items{max-height:593px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c5d5dd transparent}.tracking-unit-card{width:100%;display:flex;flex-direction:column;align-items:stretch;border:0;border-bottom:1px solid #edf1f3;border-left:3px solid transparent;border-radius:0;padding:16px 15px 14px;text-align:left;gap:0;background:white}.tracking-unit-card:hover{background:#f7fafb;border-color:#edf1f3 #edf1f3 #edf1f3 #b6ccd5}.tracking-unit-card.selected{background:#edf5f7;border-left-color:#237e92}.tracking-card-top{display:flex;align-items:center;gap:7px}.tracking-dot{height:7px;width:7px;flex-shrink:0;border-radius:50%}.tracking-card-top strong{font-size:12px;overflow-wrap:anywhere}.tracking-card-top>small{margin-left:auto;font-size:8px;border-radius:4px;background:#eaf5ef;color:#438469;padding:3px 6px;white-space:nowrap}.tracking-card-top>small.arrived{color:#638195;background:#edf2f7}.tracking-driver{font-size:11px;color:#5a7988;margin-top:7px;line-height:1.5}.tracking-card-route{font-size:9px;color:#8aa0ab;display:flex;gap:5px;align-items:center;line-height:1.5;margin-top:8px}.tracking-card-route svg{flex-shrink:0}.tracking-card-progress{height:4px;background:#eaf0f3;border-radius:4px;overflow:hidden;margin-top:12px}.tracking-card-progress>span{height:100%;display:block;border-radius:4px;transition:width .7s linear}.tracking-card-bottom{display:flex;gap:9px;align-items:center;margin-top:7px;font-size:8px;color:#8a9fa9;font-variant-numeric:tabular-nums}.tracking-card-bottom b{color:#5b7e8e;font-weight:600}.tracking-card-bottom>span:last-child{margin-left:auto}.tracking-list-foot{font-size:9px;padding:13px 16px;background:#fafcfd;border-top:1px solid #edf1f3;line-height:1.7}.tracking-empty{padding:35px 20px;text-align:center;color:#8ca4b0;display:flex;flex-direction:column;gap:12px;align-items:center}.tracking-empty h3{font-size:13px;color:#58798a}.tracking-empty button,.tracking-empty p{font-size:11px}.tracking-footnote{font-size:10px;margin-top:16px;color:#8da0a9}.tracking-footnote a{font-size:10px;color:#6e8c9b;display:inline}@media(min-width:1600px){.tracking-map-canvas{height:610px}.tracking-workspace{grid-template-columns:minmax(0,1fr) 340px}.tracking-list-items{max-height:683px}}@media(max-width:1200px){.tracking-workspace{grid-template-columns:minmax(0,1fr) 270px}.tracking-time{flex-basis:100%;margin-left:3px}.tracking-metrics>div{padding:15px 13px;gap:8px}.tracking-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-detail-heading{flex-wrap:wrap}.tracking-follow{margin-left:auto}}@media(max-width:1000px){.tracking-workspace{grid-template-columns:1fr}.tracking-map-canvas{height:480px}.tracking-list-items{display:grid;grid-template-columns:1fr 1fr;max-height:430px}.tracking-unit-card{border-right:1px solid #edf1f3}.tracking-list-head{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;align-items:center}.tracking-list-head h2{margin:0}.tracking-filters{grid-column:1/-1;margin-top:0;max-width:340px}.tracking-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.tracking-heading{align-items:flex-start;gap:12px;flex-direction:column}.tracking-heading h1{font-size:27px}.tracking-live{font-size:10px}.tracking-demo-note{padding:12px;gap:9px}.tracking-demo-note p{font-size:10px}.tracking-metrics{grid-template-columns:1fr 1fr;gap:9px}.tracking-metrics strong{font-size:24px}.tracking-metrics .tracking-update{font-size:20px}.tracking-metrics>div{padding:13px 11px}.tracking-metrics>div>svg{width:16px}.tracking-toolbar{gap:9px}.tracking-playback label{margin-left:0}.tracking-toolbar button{font-size:10px}.tracking-map-canvas{height:430px}.tracking-map-stamp{font-size:8px;left:10px;top:11px;padding:7px 9px}.tracking-marker-label{max-width:120px;padding:5px 6px}.tracking-marker-label strong{font-size:9px;max-width:106px}.tracking-marker-label small{font-size:8px}.tracking-detail{padding:16px}.tracking-detail-metrics{grid-template-columns:1fr 1fr;gap:17px}.tracking-detail-metrics strong{font-size:18px}.tracking-list-head,.tracking-list-items{grid-template-columns:1fr}.tracking-list-items{max-height:430px}.tracking-card-top strong{font-size:13px}.tracking-driver{font-size:12px}.tracking-card-route{font-size:11px}.tracking-card-bottom{font-size:10px}.tracking-card-top>small{font-size:9px}.tracking-follow{font-size:10px}.tracking-map-problem{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.tracking-card-progress>span{transition:none}}