:root{--bg: #060b14;--bg-2: #08111f;--panel: rgba(12, 22, 38, .82);--panel-solid: #0b1524;--panel-2: #0a1322;--line: #17293f;--line-2: #1e3450;--text: #e8f1ff;--muted: #8ea6c2;--muted-2: #64809e;--accent: #17c3ff;--accent-2: #19d39b;--ok: #22d49d;--warn: #ffbd4a;--danger: #ff5d68;--alarm: #ff3860;--info: #5aa9ff;--maint: #3f9bff;--radius: 16px;--shadow: 0 22px 60px rgba(0, 0, 0, .45);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 12% -8%,#123a63 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#0d2b4d 0%,transparent 50%),var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1c3350;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:26px;padding:36px}.brand-mark{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));margin-bottom:18px;box-shadow:0 12px 30px #17c3ff59}.login-card h1{margin:0;font-size:30px;letter-spacing:.5px}.login-card .sub{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.5}.login-card form{display:grid;gap:10px;margin-top:26px}.login-card label{color:var(--muted);font-size:13px}.field{background:#060e1a;border:1px solid var(--line-2);color:#fff;padding:13px 14px;border-radius:12px;font-size:15px;outline:none;transition:border-color .15s}.field:focus{border-color:var(--accent)}.btn{background:linear-gradient(135deg,var(--accent),#0f8cff);border:0;color:#04121f;padding:13px 16px;border-radius:12px;font-weight:800;cursor:pointer;font-size:15px;transition:transform .1s,filter .15s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.ghost{background:#10233a;color:var(--text);border:1px solid var(--line-2)}.btn.sm{padding:8px 12px;font-size:13px;border-radius:10px}.error{background:#38151a;color:#ffb8c0;padding:10px 12px;border-radius:10px;font-size:14px}.login-foot{margin-top:18px;color:var(--muted-2);font-size:12px;text-align:center}.shell{display:flex;min-height:100vh}.sidebar{width:250px;flex:none;padding:20px 16px;background:#060c16eb;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;gap:11px;align-items:center;padding:4px 8px 18px}.logo .mk{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04121f;flex:none}.logo b{display:block;font-size:18px;letter-spacing:.5px}.logo span{font-size:11px;color:var(--muted-2);letter-spacing:1px}.nav{display:grid;gap:3px;margin-top:6px}.nav a{display:flex;gap:11px;align-items:center;color:var(--muted);padding:11px 12px;border-radius:11px;font-size:14.5px;font-weight:500;transition:background .12s,color .12s}.nav a svg{flex:none}.nav a:hover{background:#0f2036;color:var(--text)}.nav a.active{background:linear-gradient(90deg,#123a5f,#0f2338);color:#fff;box-shadow:inset 2px 0 0 var(--accent)}.nav a .badge{margin-left:auto;background:var(--alarm);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center}.nav-sep{margin:12px 8px 6px;font-size:11px;letter-spacing:1.4px;color:var(--muted-2);text-transform:uppercase}.side-foot{margin-top:auto;padding:14px;border:1px solid var(--line-2);border-radius:14px;background:#081422;color:var(--muted);font-size:12px;line-height:1.5}.side-foot b{color:var(--accent-2)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line);background:#060c1699;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.topbar h1{margin:0;font-size:21px}.topbar .crumb{margin:2px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;gap:10px;align-items:center}.pill-stat{display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid var(--line-2);background:#0a1626;font-size:13px;color:var(--muted)}.pill-stat .dot{width:9px;height:9px;border-radius:50%}.pill-stat.ok{color:#58e6b6;border-color:#185b48}.pill-stat.ok .dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.pill-stat.live .dot{background:var(--alarm);animation:pulse 1.4s infinite}.user-chip{display:flex;align-items:center;gap:9px;padding:6px 8px 6px 6px;border-radius:999px;border:1px solid var(--line-2);background:#0a1626}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04121f;font-weight:800;font-size:13px}.user-chip small{color:var(--muted);font-size:12px}.icon-btn{background:#0a1626;border:1px solid var(--line-2);color:var(--muted);width:38px;height:38px;border-radius:11px;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{color:#fff;border-color:var(--accent)}.ticker{display:flex;align-items:center;gap:12px;padding:8px 24px;border-bottom:1px solid var(--line);background:#070f1c;overflow:hidden}.ticker .tag{flex:none;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--alarm);border:1px solid #4a1e26;padding:3px 8px;border-radius:6px}.ticker .track{display:flex;gap:34px;white-space:nowrap;animation:scroll 38s linear infinite}.ticker .track span{color:var(--muted);font-size:13px}.ticker .track b{color:var(--text)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.content{padding:22px 24px 40px}.grid{display:grid;gap:16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:4px 0 14px}.section-title h2{margin:0;font-size:17px}.section-title .hint{color:var(--muted);font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card.pad0{padding:0;overflow:hidden}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 15px;position:relative;overflow:hidden}.kpi .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#0e2135;color:var(--accent);margin-bottom:10px}.kpi span{display:block;color:var(--muted);font-size:12.5px}.kpi b{font-size:26px;display:block;margin-top:2px;letter-spacing:.5px}.kpi.danger .ic{background:#33131a;color:var(--danger)}.kpi.danger b{color:var(--danger)}.kpi.warn .ic{background:#33280f;color:var(--warn)}.kpi .trend{position:absolute;top:14px;right:14px;font-size:11px;color:var(--muted-2)}.cols{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stack{display:grid;gap:16px}.map-wrap{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.maplibregl-map{font-family:inherit}.map-canvas{width:100%}.map-overlay{position:absolute;z-index:5}.map-legend{top:12px;left:12px;background:#060c16e0;border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-legend h4{margin:0 0 8px;font-size:12px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.legend-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text);padding:2px 0}.legend-row .sw{width:10px;height:10px;border-radius:50%}.layer-toggles{top:12px;right:12px;background:#060c16e0;border:1px solid var(--line-2);border-radius:12px;padding:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:4px;min-width:190px}.layer-toggles h4{margin:0 0 6px;font-size:12px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.layer-toggle{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:9px;cursor:pointer;font-size:13px;color:var(--muted)}.layer-toggle:hover{background:#0f2036;color:#fff}.layer-toggle.on{color:#fff}.layer-toggle .box{width:16px;height:16px;border-radius:5px;border:1px solid var(--line-2);display:grid;place-items:center;flex:none}.layer-toggle.on .box{background:var(--accent);border-color:var(--accent);color:#04121f}.layer-toggle .cnt{margin-left:auto;font-size:11px;color:var(--muted-2)}.marker{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#04121f;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 10px #00000080;transition:transform .12s}.marker:hover{transform:scale(1.18);z-index:10}.marker.sel{transform:scale(1.25);box-shadow:0 0 0 4px #17c3ff80}.marker.alarm-ring:after,.marker.offline-ring:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid currentColor;animation:pulse-ring 1.6s ease-out infinite}.cluster{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;cursor:pointer;border:2px solid rgba(255,255,255,.25)}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.9}to{transform:scale(2.2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:15px}.panel-head .count{font-size:12px;color:var(--muted);background:#0e2135;padding:3px 8px;border-radius:999px}.feed-list{max-height:460px;overflow:auto}.feed-item{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line);align-items:flex-start}.feed-item:hover{background:#0b1728}.feed-item .sev{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none}.feed-item .body{min-width:0;flex:1}.feed-item .body b{display:block;font-size:13.5px;font-weight:600}.feed-item .body small{display:block;color:var(--muted);margin-top:3px;font-size:12px}.feed-item .when{color:var(--muted-2);font-size:11.5px;white-space:nowrap}.muted{color:var(--muted)}.empty{padding:24px;text-align:center;color:var(--muted-2);font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#13243a;color:#cfe3fb;white-space:nowrap}.badge .d{width:7px;height:7px;border-radius:50%}.badge.ok{background:#0d3a30;color:#45e5b0}.badge.warning{background:#3b2b10;color:#ffd27a}.badge.danger{background:#43141b;color:#ff929b}.badge.info{background:#13294a;color:#9cc6ff}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:5px 9px;border-radius:8px;background:#0e2135;color:#bcd4f0;font-size:12px;border:1px solid var(--line-2)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:12px 14px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel-solid)}tbody td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13.5px}tbody tr:hover{background:#0b1728;cursor:pointer}.mono{font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:var(--muted)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.search{display:flex;align-items:center;gap:8px;background:#0a1626;border:1px solid var(--line-2);border-radius:11px;padding:9px 12px;flex:1;min-width:200px}.search input{background:transparent;border:0;color:#fff;outline:none;width:100%;font-size:14px}.select{background:#0a1626;border:1px solid var(--line-2);color:var(--text);padding:9px 12px;border-radius:11px;font-size:13.5px}.drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060c8c;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(440px,100%);background:var(--panel-solid);border-left:1px solid var(--line-2);z-index:41;box-shadow:-20px 0 60px #00000080;display:flex;flex-direction:column}.drawer-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.drawer-head h3{margin:0 0 4px;font-size:18px}.drawer-body{padding:18px 20px;overflow:auto;flex:1;display:grid;gap:16px}.cam-preview{aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,#0a1a2c,#05101d);border:1px solid var(--line-2);position:relative;overflow:hidden;display:grid;place-items:center;color:var(--muted-2)}.cam-preview .scan{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(23,195,255,.04) 4px)}.cam-preview .rec{position:absolute;top:10px;left:12px;display:flex;align-items:center;gap:6px;font-size:11px;color:#ff929b}.cam-preview .rec .d{width:8px;height:8px;border-radius:50%;background:var(--alarm);animation:pulse 1.4s infinite}.cam-preview .tstamp{position:absolute;bottom:10px;right:12px;font-size:11px;color:var(--muted);font-family:ui-monospace,monospace}.kv{display:grid;grid-template-columns:130px 1fr;gap:8px 10px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;color:var(--text)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-grid .btn{display:flex;align-items:center;justify-content:center;gap:7px}.meter{height:8px;border-radius:999px;background:#0e2135;overflow:hidden}.meter>i{display:block;height:100%;border-radius:999px}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.board .col{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:12px;min-height:120px}.board .col h4{margin:0 0 10px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between}.inc-card{background:var(--panel-solid);border:1px solid var(--line-2);border-left-width:3px;border-radius:11px;padding:12px;margin-bottom:9px;cursor:pointer}.inc-card:hover{border-color:var(--accent)}.inc-card h5{margin:0 0 6px;font-size:13.5px}.inc-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.inc-card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:11.5px;color:var(--muted-2)}.ens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ens-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.ens-card .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ens-card h4{margin:0;font-size:14px}.ring{--p: 0;width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--ok) calc(var(--p) * 1%),#17293f 0);display:grid;place-items:center}.ring:before{content:attr(data-v);width:34px;height:34px;border-radius:50%;background:var(--panel-solid);display:grid;place-items:center;font-size:11px;font-weight:700}.ctrl-row{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:13px;border-bottom:1px solid var(--line)}.ctrl-row:last-child{border-bottom:0}.ctrl-row .st{margin-left:auto;font-size:11px}.health{display:flex;align-items:center;gap:16px}.health .big{font-size:44px;font-weight:800;letter-spacing:-1px}.status-bars{display:grid;gap:8px;flex:1}.status-bar{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;gap:10px;font-size:13px}.status-bar .track{height:8px;border-radius:999px;background:#0e2135;overflow:hidden}.status-bar .track>i{display:block;height:100%}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;justify-content:space-between;align-items:center}.gap{flex:1}.small{font-size:12px;color:var(--muted)}.tag-soft{font-size:11px;color:var(--muted-2);border:1px solid var(--line);border-radius:6px;padding:2px 7px}.floor-building{position:relative;border:3px solid #35597f;border-radius:12px;padding:18px;background-color:#0a1626;background-image:linear-gradient(rgba(90,140,190,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(90,140,190,.1) 1px,transparent 1px);background-size:22px 22px;box-shadow:inset 0 0 0 1px #35597f80,inset 0 0 40px #030a1499}.floor-building .floor-legend{position:absolute;top:-11px;left:16px;background:#0a1626;padding:0 8px;font-size:11px;letter-spacing:1px;color:#8ea6c2;text-transform:uppercase}.floor-building .floor-scale{position:absolute;bottom:-10px;right:16px;background:#0a1626;padding:0 8px;font-size:10.5px;color:var(--muted-2)}.floor-room{position:relative;border:2px solid #3a6390;border-radius:5px;min-height:150px;padding:10px 8px 8px;background:#0913218c;box-shadow:inset 0 0 0 1px #3a639038}.floor-room:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:26px;height:2px;background:#0a1626}.floor-room>.room-label{position:absolute;top:-8px;left:10px;background:#0e2138;padding:0 7px;font-size:11px;color:#9db8d6;letter-spacing:.5px;border-radius:3px}.crit-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:16px;border-radius:14px;border:1px solid #7c1d24;background:linear-gradient(90deg,#78141c8c,#78141c38);animation:crit-pulse 1.1s ease-in-out infinite}.crit-alert .crit-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ff5d68;color:#180405;flex:none}.crit-alert .crit-body{flex:1;min-width:0}.crit-alert .crit-body b{display:block;font-size:14px;letter-spacing:.3px;color:#ffe3e5}.crit-alert .crit-body small{display:block;color:#f0b9bd;font-size:12px;margin-top:2px}@keyframes crit-pulse{0%,to{box-shadow:0 0 #ff5d6800;border-color:#7c1d24}50%{box-shadow:0 0 0 4px #ff5d6847;border-color:#ff5d68}}@media(prefers-reduced-motion:reduce){.crit-alert{animation:none}}.map-back{position:absolute;bottom:16px;left:12px;z-index:6;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 18px #0000008c}label.small{display:block;margin-bottom:4px}.field{display:block;width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030810b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:60;padding:20px}.modal{background:var(--panel-solid);border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow);max-height:92vh;overflow:auto}.sheet{-webkit-print-color-adjust:exact;print-color-adjust:exact}@media print{body{background:#fff!important}.no-print{display:none!important}.sheet{box-shadow:none!important;margin:0!important;max-width:none!important;border-radius:0!important;padding:0!important}}@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}.cols{grid-template-columns:1fr}.board{grid-template-columns:repeat(2,1fr)}.ens-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){.sidebar{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.cols-2,.board,.ens-grid{grid-template-columns:1fr}}