*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8fafc;--surface: #ffffff;--surface2: #f1f5f9;--surface3: #e2e8f0;--accent: #f97316;--accent-lt: #fff7ed;--accent-bd: #fed7aa;--green: #22c55e;--green-dk: #16a34a;--yellow: #eab308;--red: #ef4444;--text: #0f172a;--text2: #334155;--text3: #64748b;--text4: #94a3b8;--border: #e2e8f0;--border2: #cbd5e1;--fm: "Inter", "Segoe UI", sans-serif;--panel-alert: linear-gradient(135deg,#ef4444,#f97316);--panel-history: linear-gradient(135deg,#f97316,#f59e0b);--panel-geofence: linear-gradient(135deg,#16a34a,#059669);--panel-driver: linear-gradient(135deg,#8b5cf6,#6366f1);--panel-user: linear-gradient(135deg,#0ea5e9,#3b82f6)}body{background:var(--bg);color:var(--text);font-family:var(--fm);font-size:11px;height:100vh;overflow:hidden}input,button,select{font-family:var(--fm)}input:focus{outline:2px solid var(--accent);outline-offset:-1px}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.leaflet-container{background:#e8eef2!important}.leaflet-control-attribution{display:none!important}.leaflet-control-zoom a{background:var(--surface)!important;color:var(--text2)!important;border:1px solid var(--border)!important}.leaflet-popup-content-wrapper{background:var(--surface)!important;color:var(--text)!important;border-radius:8px!important;box-shadow:0 4px 16px #0000001f!important;border:1px solid var(--border)!important}.leaflet-popup-tip{background:var(--surface)!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.leaflet-control-layers{border-radius:10px;box-shadow:0 2px 10px #0000001f;border:1px solid var(--border, #e2e8f0);overflow:hidden}.leaflet-control-layers-toggle{display:flex;align-items:center;justify-content:center}.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded{padding:12px 16px}.leaflet-control-layers-list label{font-size:13px;color:var(--text2, #334155);margin-bottom:8px;display:flex;align-items:center;gap:8px;cursor:pointer}.leaflet-control-layers-list label:last-child{margin-bottom:0}.leaflet-control-layers input[type=radio],.leaflet-control-layers input[type=checkbox]{accent-color:#64748b;width:15px;height:15px;margin:0;cursor:pointer;flex-shrink:0}