*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0f172a;color:#e2e8f0}.splash{height:100%;display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid #1e293b;border-top-color:#3b82f6;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;background:#1e293b;border:1px solid #334155;border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px}.login-sub{margin:0 0 8px;color:#94a3b8;font-size:13px}.login-err{color:#f87171;font-size:13px;font-weight:600}.input{background:#0f172a;border:1px solid #334155;border-radius:12px;padding:12px 14px;color:#e2e8f0;font-size:15px;outline:none}.input:focus{border-color:#3b82f6}.primary{background:#2563eb;color:#fff;border:none;border-radius:12px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px}.primary:disabled{opacity:.5;cursor:default}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px}.brand.big{font-size:22px;justify-content:center}.brand-dot{width:12px;height:12px;border-radius:50%;background:#223675;box-shadow:0 0 0 3px #dc1618 inset,0 0 0 5px #fff}.layout{height:100%;display:flex}.sidebar{width:320px;min-width:320px;background:#0b1220;border-right:1px solid #1e293b;display:flex;flex-direction:column;padding:14px;gap:10px}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.ghost-btn{background:transparent;border:1px solid #334155;color:#94a3b8;border-radius:10px;padding:6px 10px;cursor:pointer;font-size:12px}.ghost-btn:hover{color:#e2e8f0}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#94a3b8}.live-pill{display:inline-flex;align-items:center;gap:6px}.live-pill i{width:8px;height:8px;border-radius:50%;display:inline-block}.search{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:9px 12px;color:#e2e8f0;outline:none;font-size:14px}.search:focus{border-color:#3b82f6}.select-row{display:flex;gap:14px}.link-btn{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:12px;padding:0}.driver-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin-top:2px}.empty{color:#64748b;font-size:13px;text-align:center;padding:24px 8px}.driver-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:10px}.driver-row:hover{background:#111c30}.driver-row.on{background:#0f1b30}.driver-row input{accent-color:#2563eb;width:16px;height:16px}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.driver-main{flex:1;background:none;border:none;text-align:left;cursor:pointer;padding:0;color:inherit;min-width:0}.driver-name{display:block;font-size:14px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver-sub{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#94a3b8;margin-top:1px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}.map-area{flex:1;position:relative}.fleet-map{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background:#1e293b}.map-overlay{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:500;background:#1e293b;border:1px solid #334155;color:#cbd5e1;padding:8px 16px;border-radius:999px;font-size:13px}.map-overlay.error{color:#fca5a5;border-color:#7f1d1d}.car-icon{background:transparent;border:none}.car-marker{position:relative;width:28px;height:28px}.car-arrow{position:absolute;left:50%;top:50%;width:0;height:0;margin:-16px 0 0 -7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid #3b82f6;transform-origin:50% 100%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.car-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#3b82f6;border:2px solid #fff;box-shadow:0 1px 3px #00000080}.leaflet-popup-content-wrapper{background:#1e293b;color:#e2e8f0;border-radius:12px}.leaflet-popup-tip{background:#1e293b}.leaflet-popup-content{margin:12px 14px}.popup-name{font-size:15px;font-weight:800;margin-bottom:4px}.popup-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;margin-bottom:8px}.popup-status i{width:8px;height:8px;border-radius:50%;display:inline-block}.popup-grid{display:grid;grid-template-columns:auto auto;gap:2px 12px;font-size:13px;margin-bottom:8px}.popup-grid span{color:#94a3b8}.popup-grid b{text-align:right}.popup-coords{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#cbd5e1;border-top:1px solid #334155;padding-top:8px}.copy-coords{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}@media (max-width: 640px){.sidebar{width:100%;min-width:0;position:absolute;z-index:600;height:45%;bottom:0;top:auto;border-right:none;border-top:1px solid #1e293b;border-radius:16px 16px 0 0}.map-area{height:55%}.layout{flex-direction:column}}.driver-row{flex-direction:column;align-items:stretch;gap:4px}.driver-top{display:flex;align-items:center;gap:8px}.driver-actions{display:none;gap:6px;padding-left:26px}.driver-row.on .driver-actions,.driver-row:hover .driver-actions{display:flex}.mini-btn{flex:1;background:#0f1b30;border:1px solid #243352;color:#9db4d8;border-radius:8px;padding:5px 8px;font-size:11.5px;font-weight:600;cursor:pointer}.mini-btn:hover{background:#15233d;color:#dbe7fb}.sheet-handle{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#020617a8;display:flex;align-items:center;justify-content:center;padding:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:720px;max-height:92vh;overflow-y:auto;background:#0f172a;border:1px solid #1e293b;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 80px #00000080}.modal.narrow{max-width:460px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{font-size:17px;font-weight:800}.modal-sub{font-size:12px;color:#94a3b8;margin-top:2px}.range-row{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#0f1b30;border:1px solid #243352;color:#9db4d8;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;cursor:pointer}.chip.on{background:#2563eb;border-color:#2563eb;color:#fff}.chip.sm{padding:5px 10px;font-size:12px}.history-map-wrap{position:relative}.history-map{height:clamp(300px,42vh,460px);width:100%;border-radius:12px;overflow:hidden;background:#1e293b}.player{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#0b1220;border:1px solid #1e293b;border-radius:14px;padding:10px 12px}.play-btn{width:42px;height:42px;flex:none;border-radius:50%;background:#2563eb;color:#fff;border:none;font-size:16px;cursor:pointer}.scrubber{flex:1;min-width:140px;accent-color:#2563eb}.player-meta{display:flex;gap:12px;font-size:12.5px;color:#cbd5e1;font-variant-numeric:tabular-nums}.speed-row{display:flex;gap:6px}.stops-title{font-size:13px;font-weight:700;color:#cbd5e1;margin-bottom:2px}.stops-list{display:flex;flex-direction:column;gap:6px}.stop-row{display:flex;align-items:center;gap:10px;background:#0b1220;border:1px solid #1e293b;border-radius:12px;padding:9px 11px;text-align:left;cursor:pointer;color:inherit}.stop-row:hover{border-color:#2f4063;background:#0f1b30}.stop-idx{width:24px;height:24px;flex:none;border-radius:50%;background:#f59e0b;color:#1f2937;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.stop-main{display:flex;flex-direction:column;min-width:0}.stop-place{font-size:13px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop-time{font-size:11.5px;color:#94a3b8}.empty.sm{padding:10px;font-size:12.5px}.stop-pin{background:transparent;border:none}.stop-pin-dot{width:22px;height:22px;border-radius:50%;background:#f59e0b;color:#1f2937;border:2px solid #fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000073}.share-body{display:flex;flex-direction:column;gap:10px}.share-label{font-size:13px;color:#cbd5e1;font-weight:600}.share-created{display:flex;align-items:center;gap:8px;background:#0b1220;border:1px solid #1e293b;border-radius:12px;padding:10px 12px}.share-url{flex:1;font-size:12.5px;color:#93c5fd;word-break:break-all}.share-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0b1220;border:1px solid #1e293b;border-radius:12px;padding:9px 11px}.share-row-main{display:flex;flex-direction:column;min-width:0}.ghost-btn.danger{border-color:#7f1d1d;color:#fca5a5}.ghost-btn.danger:hover{background:#2a0f0f}.share-root{height:100%;display:flex;flex-direction:column}.share-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0b1220;border-bottom:1px solid #1e293b}.share-meta{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#cbd5e1}.share-map-wrap{flex:1;position:relative}@media (max-width: 640px){.layout{flex-direction:column}.map-area{flex:1;height:auto}.sidebar{width:100%;min-width:0;position:fixed;left:0;right:0;bottom:0;top:auto;height:56vh;z-index:600;border-right:none;border-top:1px solid #1e293b;border-radius:18px 18px 0 0;padding-top:6px;transition:transform .28s ease;box-shadow:0 -12px 40px #00000080}.sidebar.collapsed{transform:translateY(calc(56vh - 92px))}.sheet-handle{display:block;width:100%;background:transparent;border:none;padding:6px 0 8px;cursor:pointer}.sheet-handle span{display:block;width:42px;height:5px;border-radius:999px;background:#334155;margin:0 auto}.driver-actions{display:flex}.mini-btn{padding:8px;font-size:12.5px}.modal-backdrop{padding:0;align-items:stretch}.modal{max-width:100%;max-height:100%;height:100%;border-radius:0}.history-map{height:38vh}.play-btn{width:46px;height:46px}.chip{padding:9px 16px}}