.gps-kpi{position:relative;overflow:hidden}.gps-kpi::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#3b82f6}.gps-kpi.moving::before{background:#10b981}.gps-kpi.stopped::before{background:#f59e0b}.gps-kpi.offline::before{background:#ef4444}.gps-kpi small{display:block;min-height:14px;margin-top:3px;color:var(--muted,#91a1ba);font-size:10px}.gps-section-head{display:grid;gap:12px}.gps-search{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;border:1px solid var(--line,#263852);border-radius:11px;background:var(--surface-soft,#0d1727);color:var(--muted,#91a1ba)}.gps-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text,#e9f1ff);font:inherit}.gps-search input::placeholder{color:var(--muted,#91a1ba)}.gps-truck.moving{background:rgba(16,185,129,.16)}.gps-truck.stopped{background:rgba(245,158,11,.17)}.gps-truck.offline{background:rgba(239,68,68,.15)}.gps-truck.unknown{background:rgba(100,116,139,.17)}.gps-state.moving{background:rgba(16,185,129,.14);color:#10b981}.gps-state.stopped{background:rgba(245,158,11,.16);color:#f59e0b}.gps-state.offline{background:rgba(239,68,68,.14);color:#ef4444}.gps-state.unknown{background:rgba(100,116,139,.16);color:#94a3b8}.gps-map-toolbar{display:grid;justify-items:end;gap:8px}.gps-map-switch{display:flex;padding:3px;border:1px solid var(--line,#263852);border-radius:11px;background:var(--surface-soft,#0d1727)}.gps-map-switch button{min-height:32px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:var(--muted,#91a1ba);font-size:11px;font-weight:850;cursor:pointer}.gps-map-switch button.active{background:#397cff;color:#fff;box-shadow:0 5px 15px rgba(57,124,255,.25)}.gps-map-stage{position:relative;display:flex;min-height:360px;flex:1;overflow:hidden;background:#dbe7ef}.gps-map-stage .gps-map-frame{position:absolute;inset:0;height:100%;min-height:0}.gps-map-vehicle{--gps-marker:#64748b;position:absolute;z-index:5;left:50%;top:50%;display:grid;justify-items:center;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 10px rgba(3,12,25,.35));pointer-events:none}.gps-map-vehicle.moving{--gps-marker:#10b981}.gps-map-vehicle.stopped{--gps-marker:#f59e0b}.gps-map-vehicle.offline{--gps-marker:#ef4444}.gps-map-vehicle.unknown{--gps-marker:#64748b}.gps-map-pulse{position:absolute;left:50%;top:35px;width:68px;height:68px;border:3px solid var(--gps-marker);border-radius:50%;background:color-mix(in srgb,var(--gps-marker) 16%,transparent);transform:translate(-50%,-50%);animation:gps-pulse 2s ease-out infinite}.gps-map-vehicle.offline .gps-map-pulse,.gps-map-vehicle.unknown .gps-map-pulse{animation:none;opacity:.5}.gps-map-truck{z-index:1;display:grid;place-items:center;width:58px;height:76px;border:4px solid #fff;border-radius:18px;background:var(--gps-marker);box-shadow:0 0 0 4px color-mix(in srgb,var(--gps-marker) 45%,transparent);transform:rotate(var(--gps-heading,0deg));transform-origin:center}.gps-map-truck svg{width:35px;height:58px;overflow:visible;fill:#102035}.gps-map-truck .gps-truck-body{fill:#fff}.gps-map-truck .gps-truck-windshield{fill:#b9d7f2}.gps-map-truck .gps-truck-cargo{fill:#e8eef5}.gps-map-truck .gps-truck-nose{fill:#fff}.gps-map-vehicle>b,.gps-map-vehicle>small{z-index:2;white-space:nowrap;border-radius:7px;background:#102035;color:#fff}.gps-map-vehicle>b{margin-top:8px;padding:5px 8px;font-size:13px;letter-spacing:.02em}.gps-map-vehicle>small{margin-top:3px;padding:3px 7px;color:var(--gps-marker);font-size:10px;font-weight:900}.gps-map-legend{position:absolute;z-index:4;right:10px;bottom:10px;display:flex;flex-wrap:wrap;gap:7px;padding:8px 10px;border-radius:10px;background:rgba(10,20,36,.86);color:#fff;font-size:10px;font-weight:800;backdrop-filter:blur(8px)}.gps-map-legend span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#64748b}.gps-map-legend .moving::before{background:#10b981}.gps-map-legend .stopped::before{background:#f59e0b}.gps-map-legend .offline::before{background:#ef4444}.gps-meta{grid-template-columns:repeat(5,minmax(0,1fr))}@keyframes gps-pulse{0%{opacity:.75;transform:translate(-50%,-50%) scale(.55)}80%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}html[data-theme="light"] .gps-search,html[data-theme="light"] .gps-map-switch{--surface-soft:#f5f8fc}html[data-theme="light"] .gps-map-vehicle>b,html[data-theme="light"] .gps-map-vehicle>small{background:#fff;color:#13233a}html[data-theme="light"] .gps-map-vehicle>small{color:var(--gps-marker)}
@media(max-width:900px){.gps-map-card{order:1}.gps-list{order:2}.gps-map-stage{min-height:390px}.gps-map-stage .gps-map-frame{min-height:390px}.gps-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.gps-hero p{display:none}.gps-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.gps-kpi{min-width:0;padding:10px 7px;text-align:center}.gps-kpi span{font-size:8px;line-height:1.25}.gps-kpi strong{font-size:19px}.gps-kpi small{font-size:7px}.gps-map-head{gap:10px}.gps-map-toolbar{width:100%;justify-items:stretch}.gps-map-switch{display:grid;grid-template-columns:1fr 1fr}.gps-map-switch button{padding:0 5px}.gps-map-actions{display:grid;grid-template-columns:1fr 1fr}.gps-map-actions a{justify-content:center;padding:0 8px;font-size:10px}.gps-map-stage,.gps-map-stage .gps-map-frame{min-height:330px}.gps-map-legend{left:8px;right:8px;justify-content:center}.gps-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.gps-meta div:last-child{grid-column:1/-1}.gps-map-truck{width:50px;height:66px}.gps-map-truck svg{width:30px;height:50px}.gps-map-vehicle>b{font-size:12px}}