:root{--bg: #0f1117;--bg2: #161b27;--bg3: #1e2535;--bg4: #252d40;--border: #2a3448;--border2: #3a4560;--text: #e2e8f0;--text2: #94a3b8;--text3: #64748b;--green: #22c55e;--green-bg: #052e16;--amber: #f59e0b;--amber-bg: #1c1007;--red: #ef4444;--red-bg: #2d0a0a;--blue: #3b82f6;--blue-bg: #0c1a3a;--purple: #a855f7;--teal: #14b8a6;--radius: 10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--text);font-size:14px;outline:none;width:100%}input:focus,select:focus{border-color:var(--blue)}input::placeholder{color:var(--text3)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}a{color:var(--blue);text-decoration:none}.btn{background:var(--blue);color:#fff;padding:9px 16px;border-radius:8px;font-weight:500;font-size:14px;transition:opacity .15s}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--bg3);border:1px solid var(--border);color:var(--text2)}.btn-ghost:hover{background:var(--bg4);color:var(--text)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:14px;font-size:12px;font-weight:500}.pill-moving{background:var(--green-bg);color:var(--green)}.pill-stopped{background:var(--amber-bg);color:var(--amber)}.pill-offline{background:var(--bg3);color:var(--text3)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.leaflet-container{background:#0d1520}.leaflet-control-attribution{background:#00000080!important;color:#64748b!important}.leaflet-bar a{background:var(--bg3)!important;color:var(--text)!important;border-color:var(--border)!important}.truck-pin{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.4)}