:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--bg-main: #0a0f1d;--bg-glass: rgba(16, 22, 42, .75);--bg-glass-heavy: rgba(10, 15, 30, .9);--border-glass: rgba(255, 255, 255, .08);--bg-input: rgba(10, 15, 30, .6);--bg-input-focus: rgba(10, 15, 30, .85);--border-input: rgba(255, 255, 255, .1);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #00b4d8;--accent-emerald: #06d6a0;--accent-purple: #ab47bc;--accent-orange: #f77f00;--accent-current: var(--accent-cyan);--accent-current-rgb: 0, 180, 216;--accent-warning: #ffd166;--accent-danger: #ef476f;--glow-blue: 0 0 15px rgba(var(--accent-current-rgb), .4);--glow-danger: 0 0 20px rgba(239, 71, 111, .6);--glow-teal: 0 0 15px rgba(6, 214, 160, .4);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.theme-light{--bg-main: #f8fafc;--bg-glass: rgba(255, 255, 255, .9);--bg-glass-heavy: rgba(241, 245, 249, .95);--border-glass: rgba(0, 0, 0, .08);--bg-input: #ffffff;--bg-input-focus: #ffffff;--border-input: rgba(0, 0, 0, .12);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8}.accent-cyan{--accent-current: #00b4d8;--accent-current-rgb: 0, 180, 216}.accent-emerald{--accent-current: #06d6a0;--accent-current-rgb: 6, 214, 160}.accent-purple{--accent-current: #ab47bc;--accent-current-rgb: 171, 71, 188}.accent-orange{--accent-current: #f77f00;--accent-current-rgb: 247, 127, 0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(var(--accent-current-rgb),.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(171,71,188,.08) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(6,214,160,.05) 0px,transparent 60%);background-attachment:fixed;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000005e;transition:var(--transition-smooth)}.glass-panel:hover{border-color:rgba(var(--accent-current-rgb),.18)}.glass-panel-heavy{background:var(--bg-glass-heavy);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:20px}input,select,textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-primary);padding:12px 16px;border-radius:8px;font-family:var(--font-sans);font-size:14px;transition:var(--transition-smooth)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-current);box-shadow:var(--glow-blue);background:var(--bg-input-focus)}label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:var(--transition-smooth);font-family:var(--font-sans)}.btn-primary{background:linear-gradient(135deg,var(--accent-current),rgba(var(--accent-current-rgb),.7));color:#fff;box-shadow:var(--glow-blue)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 20px rgba(var(--accent-current-rgb),.6)}.btn-danger{background:linear-gradient(135deg,#ef476f,#d90429);color:#fff;box-shadow:0 0 15px #ef476f4d}.btn-danger:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:var(--glow-danger)}.btn-success{background:linear-gradient(135deg,#06d6a0,var(--accent-current));color:#0b132b;box-shadow:var(--glow-teal);font-weight:700}.btn-success:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#ffffff26;border-color:#fff3}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-blue{background:#00b4d826;color:#00b4d8;border:1px solid rgba(0,180,216,.3)}.badge-teal{background:#06d6a026;color:#06d6a0;border:1px solid rgba(6,214,160,.3)}.badge-warning{background:#ffd16626;color:#ffd166;border:1px solid rgba(255,209,102,.3)}.badge-danger{background:#ef476f26;color:#ef476f;border:1px solid rgba(239,71,111,.3)}.badge-purple{background:#ab47bc26;color:#e040fb;border:1px solid rgba(171,71,188,.3)}#map-container{height:100%;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border-glass)}.leaflet-container{background:#0f1424!important}.leaflet-tile-container{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}.leaflet-popup-content-wrapper{background:var(--bg-glass-heavy)!important;color:var(--text-primary)!important;border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaflet-popup-tip{background:var(--bg-glass-heavy)!important}.pulsing-alert-marker{width:24px;height:24px;background:var(--accent-danger);border-radius:50%;border:2px solid white;box-shadow:var(--glow-danger);animation:pulse-sos 1.5s infinite}@keyframes pulse-sos{0%{box-shadow:0 0 #ef476fb3}70%{box-shadow:0 0 0 15px #ef476f00}to{box-shadow:0 0 #ef476f00}}.video-canvas-container{position:relative;width:100%;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--border-glass);aspect-ratio:16/9}.video-overlay-rec{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;background:#0009;padding:4px 8px;border-radius:4px;font-size:11px;font-family:monospace}.rec-dot{width:8px;height:8px;background:var(--accent-danger);border-radius:50%;animation:flash 1s infinite alternate}@keyframes flash{0%{opacity:.2}to{opacity:1}}.video-overlay-details{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:space-between;background:#0009;padding:6px 10px;border-radius:4px;font-size:11px;font-family:monospace;color:#0fc}.phone-mockup{width:360px;height:680px;border:12px solid #1e293b;border-radius:40px;background:#090d16;box-shadow:0 25px 50px -12px #000000b3,0 0 30px #00b4d81a;position:relative;margin:20px auto;display:flex;flex-direction:column;overflow:hidden;border-top-width:24px;border-bottom-width:24px}.phone-mockup:before{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:110px;height:18px;background:#1e293b;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:10}.phone-screen{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:15px;background:radial-gradient(circle at top,#111a2e,#0a0f1d)}.phone-screen::-webkit-scrollbar{width:4px}.phone-screen::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}@media (max-width: 1280px){.operator-grid{grid-template-columns:280px 1fr!important}.operator-right-panel{grid-column:span 2;height:auto!important}}@media (max-width: 900px){.operator-grid{grid-template-columns:1fr!important}.operator-right-panel{grid-column:span 1}}@media (max-width: 900px){.role-tabs-desktop{display:none!important}.role-selector-mobile{display:block!important}}@media (min-width: 901px){.role-tabs-desktop{display:flex!important}.role-selector-mobile{display:none!important}}.role-select-custom{background:#0006;border:1px solid rgba(255,255,255,.1);color:#00b4d8;font-weight:700;padding:10px;border-radius:10px;font-family:var(--font-sans);width:100%;cursor:pointer;outline:none}.operator-mobile-tabs{display:none;background:#0000004d;padding:6px;border-radius:10px;margin-bottom:15px;gap:8px}.operator-mobile-tab-btn{flex:1;background:transparent;border:none;color:#94a3b8;padding:8px;font-weight:700;font-size:12px;cursor:pointer;border-radius:8px;transition:all .2s;text-align:center}.operator-mobile-tab-btn.active{background:#00b4d826;color:#00b4d8}@media (max-width: 1024px){.operator-mobile-tabs{display:flex!important}.operator-column-alerts,.operator-column-map,.operator-column-detail{display:none!important}.operator-column-alerts.active,.operator-column-map.active,.operator-column-detail.active{display:flex!important}}.custom-file-upload{display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px;border-radius:50%;cursor:pointer;color:#00b4d8;transition:background .2s}.custom-file-upload:hover{background:#ffffff26}.active-dispatch-route{stroke-dasharray:8,8;animation:route-flow 20s linear infinite}@keyframes route-flow{to{stroke-dashoffset:-100}}.blink{animation:blinker 1.5s linear infinite;color:#ef476f}@keyframes blinker{50%{opacity:0}}