:root{--bg-primary: #0a0a0c;--bg-secondary: #121218;--bg-glass: rgba(18, 18, 24, .7);--border-glass: rgba(255, 255, 255, .08);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--accent: #3b82f6;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--danger: #ef4444;--success: #10b981;--warning: #f59e0b;--font-title: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--shadow-premium: 0 10px 30px -10px rgba(0, 0, 0, .7)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-body)}body{background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden}h1,h2,h3,h4{font-family:var(--font-title);font-weight:600;letter-spacing:-.02em}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-premium)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.leaflet-container{background:var(--bg-primary)!important}.leaflet-tile-pane{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}.custom-marker-icon{background:none;border:none}.marker-pin{width:24px;height:24px;border-radius:50% 50% 50% 0;background:var(--accent);position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-12px 0 0 -12px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0006;transition:all .3s ease}.marker-pin:after{content:"";width:10px;height:10px;border-radius:50%;background:#fff}.marker-pin.offline{background:#6b7280}.marker-pin.speeding{background:var(--danger);animation:pulse-danger 1.5s infinite alternate}@keyframes pulse-danger{0%{transform:rotate(-45deg) scale(1)}to{transform:rotate(-45deg) scale(1.15);box-shadow:0 0 15px #ef4444cc}}.marker-container{position:relative;width:24px;height:24px}.pulse-ring{position:absolute;width:24px;height:24px;border-radius:50%;border:3px solid var(--accent);left:50%;top:50%;margin:-12px 0 0 -12px;animation:pulse-ring-animation 1.5s cubic-bezier(.215,.61,.355,1) infinite;pointer-events:none;z-index:-1}@keyframes pulse-ring-animation{0%{transform:scale(.5);opacity:1}80%,to{transform:scale(2.2);opacity:0}}.glass-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;outline:none;transition:all .2s ease}.glass-input:focus{border-color:var(--accent);background:#ffffff14;box-shadow:0 0 0 2px #3b82f633}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;padding:12px 24px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f666}.btn-primary:active{transform:translateY(1px)}.dashboard-layout{display:grid;grid-template-columns:280px 1fr;height:100vh;width:100vw;overflow:hidden;position:relative}.dashboard-sidebar{height:calc(100vh - 20px)!important;margin:10px!important;display:flex!important;flex-direction:column!important;padding:24px 16px!important;justify-content:space-between!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.dashboard-main{height:100vh;position:relative;overflow-y:auto;padding:0;margin:0}.mobile-nav-toggle{display:none;position:fixed;top:15px;left:15px;width:44px;height:44px;border-radius:50%;background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);color:var(--text-primary);align-items:center;justify-content:center;cursor:pointer;z-index:1005;box-shadow:var(--shadow-premium)}.backdrop-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;animation:fadeIn .2s ease-out}.live-dashboard-layout,.inner-map-layout{display:grid;grid-template-columns:320px 1fr;height:100vh;width:100%;position:relative}.live-dashboard-list-panel,.inner-sidebar-panel{margin:10px;display:flex;flex-direction:column;height:calc(100vh - 20px);z-index:100;overflow:hidden}.inner-map-panel{height:100%;width:100%;position:relative}.mobile-toggle-view-btn{display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1001;background:var(--accent);color:#fff;border:none;padding:12px 20px;border-radius:30px;font-weight:600;box-shadow:0 4px 15px #3b82f666;align-items:center;gap:8px;cursor:pointer}.responsive-form{display:flex;gap:16px}.table-responsive-container{width:100%;overflow-x:auto}.page-container{padding:40px;max-width:900px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.dashboard-layout{grid-template-columns:1fr}.mobile-nav-toggle{display:flex}.dashboard-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:280px!important;margin:0!important;border-radius:0 16px 16px 0!important;transform:translate(-100%)!important;z-index:2005!important}.dashboard-sidebar.open{transform:translate(0)!important}.backdrop-overlay.open{display:block}.live-dashboard-layout,.inner-map-layout{grid-template-columns:1fr}.live-dashboard-list-panel,.inner-sidebar-panel{display:none!important}.live-dashboard-list-panel.active,.inner-sidebar-panel.active{display:flex!important;position:absolute!important;top:0!important;left:0!important;width:calc(100vw - 20px)!important;height:calc(100vh - 80px)!important;z-index:990!important}.mobile-toggle-view-btn{display:flex}.responsive-form{flex-direction:column}.page-container{padding:80px 16px 40px}}