@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-BqEyEoaF.woff2) format("woff2"),url(/assets/roboto-latin-400-normal-DyYNIH4P.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2) format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-latin-700-normal-BZpUvMxY.woff2) format("woff2"),url(/assets/roboto-latin-700-normal-DLgJJpmK.woff) format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-latin-400-normal-GekRknry.woff2) format("woff2"),url(/assets/roboto-mono-latin-400-normal-CbJMAmM6.woff) format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-500-normal-pxIOXZmA.woff2) format("woff2"),url(/assets/roboto-mono-latin-500-normal-CW1Ttoxn.woff) format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-mono-latin-700-normal-foxDnrFi.woff2) format("woff2"),url(/assets/roboto-mono-latin-700-normal-B-SB-6Cv.woff) format("woff")}:root{color-scheme:dark;font-family:Roboto,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101418;color:#e8eaed;--bg: #101418;--app: #14191f;--surface: #191f27;--surface-2: #202731;--sidebar: #11161c;--border: #2b333d;--border-soft: #222a33;--text: #e8eaed;--muted: #9aa0a6;--muted-2: #bdc1c6;--blue: #8ab4f8;--blue-strong: #1a73e8;--green: #81c995;--red: #f28b82;--amber: #fdd663;--purple: #c58af9;--shadow: 0 1px 2px rgba(0, 0, 0, .32), 0 8px 24px rgba(0, 0, 0, .18);--topbar: rgba(20, 25, 31, .94);--chip-bg: #161c23;--control-bg: #161d25;--input-bg: #111820;--tab-bg: #131920;--progress-bg: #10161d;--table-head: #151b22;--table-text: #dfe3e7;--table-head-text: #aab1b9;--row-hover: rgba(138, 180, 248, .045);--row-hot: rgba(242, 139, 130, .06);--kpi-hover: #1c242d;--chart-grid: #303842;--chart-text: #9aa0a6;--map-bg: #121922;--map-grid: rgba(255,255,255,.028);--map-outline: rgba(138,180,248,.14);--map-label: rgba(232,234,237,.08);--marker-border: #11161c;--legend-bg: rgba(25, 31, 39, .9);--drawer-bg: #151b22;--status-bg: #101418;--login-art-bg: #11161c;--login-grid: rgba(138,180,248,.06);--login-label: #d8e1e8;--avatar-bg: #26384f;--avatar-border: #46515f;--primary-hover: #2b7de9}:root[data-theme=light]{color-scheme:light;background:#f8fafc;color:#202124;--bg: #eef2f7;--app: #f8fafc;--surface: #ffffff;--surface-2: #f1f4f8;--sidebar: #ffffff;--border: #d8dee8;--border-soft: #e8edf3;--text: #202124;--muted: #5f6368;--muted-2: #3c4043;--blue: #1a73e8;--blue-strong: #1a73e8;--green: #188038;--red: #d93025;--amber: #b06000;--purple: #8430ce;--shadow: 0 1px 2px rgba(60, 64, 67, .16), 0 8px 20px rgba(60, 64, 67, .08);--topbar: rgba(255, 255, 255, .94);--chip-bg: #ffffff;--control-bg: #f8fafc;--input-bg: #ffffff;--tab-bg: #f1f4f8;--progress-bg: #edf1f5;--table-head: #f8fafc;--table-text: #202124;--table-head-text: #5f6368;--row-hover: rgba(26, 115, 232, .055);--row-hot: rgba(217, 48, 37, .055);--kpi-hover: #fbfdff;--chart-grid: #d9e0ea;--chart-text: #5f6368;--map-bg: #eef4fb;--map-grid: rgba(32, 33, 36, .045);--map-outline: rgba(26, 115, 232, .18);--map-label: rgba(32, 33, 36, .08);--marker-border: #ffffff;--legend-bg: rgba(255, 255, 255, .92);--drawer-bg: #ffffff;--status-bg: #ffffff;--login-art-bg: #eef4fb;--login-grid: rgba(26, 115, 232, .08);--login-label: #3c4043;--avatar-bg: #e8f0fe;--avatar-border: #c8d7f2;--primary-hover: #1558b0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.68}.mono,time,td:first-child,.kpi strong{font-family:Roboto Mono,SFMono-Regular,Consolas,monospace}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--bg);color:var(--muted)}.toast-stack{position:fixed;z-index:80;right:18px;bottom:18px;width:min(360px,calc(100vw - 36px));display:grid;gap:10px}.toast{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);text-align:left;font-size:13px;line-height:1.35}.toast.warning{border-left-color:var(--amber)}.toast.danger{border-left-color:var(--red)}.toast.success{border-left-color:var(--green)}.state-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted)}.error-state{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-left:4px solid var(--red)}.error-state strong{display:block;color:var(--text);font-weight:500;margin-bottom:3px}.error-state span{display:block;font-size:13px;line-height:1.45}.access-denied{max-width:560px;margin:48px auto;display:grid;gap:12px}.access-denied h2{margin:0;font-size:24px;font-weight:500}.access-denied p{margin:0;color:var(--muted);line-height:1.55}.access-denied button{width:fit-content;margin-top:4px}.shell{display:flex;min-height:100vh;overflow:hidden;background:var(--bg)}.mobile-nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;border:0;background:#0000006b;opacity:0;pointer-events:none;transition:opacity .18s ease}.sidebar{position:sticky;top:0;width:248px;height:100vh;flex:0 0 auto;display:flex;flex-direction:column;gap:10px;padding:14px 10px;background:var(--sidebar);border-right:1px solid var(--border-soft);transition:width .2s ease-in-out}.sidebar.collapsed{width:68px}.side-logo{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 6px 10px;border-bottom:1px solid var(--border-soft)}.side-logo>strong{letter-spacing:.08em;font-weight:700;color:var(--text)}.logo-toggle{width:34px;height:34px;border-radius:9px;border:1px solid var(--border-soft);background:#fff;color:var(--muted);display:grid;place-items:center;position:relative;padding:0;overflow:hidden}.logo-toggle img{width:28px;height:28px;object-fit:contain;transition:opacity .14s ease,transform .14s ease}.logo-toggle svg{position:absolute;color:var(--blue);opacity:0;transform:scale(.82);transition:opacity .14s ease,transform .14s ease}.side-logo:hover .logo-toggle img,.logo-toggle:focus-visible img{opacity:0;transform:scale(.86)}.side-logo:hover .logo-toggle svg,.logo-toggle:focus-visible svg{opacity:1;transform:scale(1)}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);display:inline-grid;place-items:center;position:relative}.logo-toggle:hover,.icon-btn:hover{background:var(--surface-2);color:var(--text)}.logo{display:inline-flex;align-items:center;gap:10px;letter-spacing:.08em;font-weight:700;color:var(--text)}.logo img{width:32px;height:32px;object-fit:contain;border-radius:9px;background:#fff;padding:4px;border:1px solid var(--border-soft)}.logo svg,.kpi-icon svg{color:var(--blue)}.nav-group{display:grid;gap:2px;padding-top:3px}.nav-group>span{margin:12px 12px 5px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.nav-group button{position:relative;min-height:40px;display:flex;align-items:center;gap:12px;padding:0 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted-2);text-align:left}.collapsed .nav-group button{justify-content:center;padding:0}.nav-group button b{flex:1;font-size:13px;font-weight:500;white-space:nowrap}.nav-group button em,.icon-btn i{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#d93025;color:#fff;font-style:normal;font-size:11px;font-weight:500}.nav-group button .nav-badge{margin-left:auto;padding:0 6px}.collapsed .nav-group button .nav-badge{position:absolute;top:3px;right:5px;min-width:17px;height:17px;padding:0 4px;font-size:9px;border:2px solid var(--sidebar)}.nav-group button:hover{background:#8ab4f814;color:var(--text)}.nav-group button.active{background:#8ab4f824;border-color:#8ab4f838;color:var(--blue)}.side-user{margin-top:auto;border-top:1px solid var(--border-soft);padding:13px 8px 0;display:flex;align-items:center;gap:10px;color:var(--muted)}.side-user strong{display:block;color:var(--text);font-size:13px;font-weight:500}.side-user small{color:var(--blue);font-size:10px;font-weight:500;letter-spacing:.06em}.avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--avatar-border);background:var(--avatar-bg);color:var(--text);display:inline-grid;place-items:center;font-weight:500}.main{min-width:0;flex:1;height:100vh;overflow:auto;padding-bottom:34px;background:var(--app)}.topbar{height:60px;position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;background:var(--topbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.topbar h1{margin:0;font-size:18px;font-weight:500;color:var(--text)}.topbar-title{display:flex;align-items:center;gap:10px;min-width:0}.topbar-title h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-button{display:none;flex:0 0 auto}.top-actions{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--chip-bg);color:var(--text)}.live{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:500}.live.connected{color:var(--green)}.live.connecting,.live.reconnecting{color:var(--amber)}.live.error,.live.disconnected{color:var(--red)}.live-dot,.danger-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 0 4px #81c9951f}.live.connecting .live-dot,.live.reconnecting .live-dot{background:var(--amber);box-shadow:0 0 0 4px #fbbc0424}.live.error .live-dot,.live.disconnected .live-dot{background:var(--red);box-shadow:0 0 0 4px #ea433524}.danger-dot{background:var(--red);box-shadow:0 0 0 4px #f28b821a}.content{width:min(1440px,100%);margin:0 auto;padding:28px;display:grid;gap:18px}.profile-menu{position:relative}.profile-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:240px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.profile-summary{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border-soft);margin-bottom:6px}.profile-summary strong{display:block;color:var(--text);font-weight:500}.profile-summary small{color:var(--muted);font-size:12px}.profile-popover button{width:100%;min-height:38px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left}.profile-popover button:hover{background:var(--surface-2)}.profile-popover .danger{color:var(--red)}.profile-page-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:18px}.profile-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);padding:18px}.profile-card-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-soft)}.profile-card-head strong{display:block;color:var(--text);font-size:18px;font-weight:500}.profile-card-head small{color:var(--muted);font-size:13px}.profile-card-title h3{margin:4px 0 16px;color:var(--text);font-size:18px;font-weight:500}.profile-fields{display:grid;gap:0;margin:12px 0 0}.profile-fields div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.profile-fields div:last-child{border-bottom:0}.profile-fields dt{color:var(--muted);font-size:12px}.profile-fields dd{margin:0;color:var(--text);font-size:13px;overflow-wrap:anywhere}.permission-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.permission-chip-grid span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--control-bg);color:var(--muted-2);font-family:Roboto Mono,SFMono-Regular,Consolas,monospace;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:22px;background:#0000006b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:relative;width:min(460px,100%);padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 24px 70px #00000057}.wide-modal{width:min(680px,100%)}.modal header{padding-right:34px}.modal h2{margin:5px 0 7px;color:var(--text);font-size:22px;font-weight:500}.modal p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.modal p strong{color:var(--text);font-weight:500}.modal-form{display:grid;gap:14px;margin-top:20px}.modal-form label{display:grid;gap:7px;color:var(--login-label);font-size:13px}.modal-form input,.modal-form select{width:100%;height:43px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);padding:0 12px}.modal-form input:focus,.modal-form select:focus{outline:2px solid rgba(138,180,248,.22);border-color:#8ab4f880}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row{min-height:43px;display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important}.toggle-row input{width:16px;height:16px;padding:0}.toggle-row span{color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.flow-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:20px 0 0;list-style:none}.flow-stepper li{min-height:62px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--control-bg);color:var(--muted)}.flow-stepper li>span{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);color:var(--muted-2);font-weight:500}.flow-stepper strong,.completion-grid strong,.selected-customer strong{display:block;color:var(--text);font-weight:500}.flow-stepper small,.selected-customer small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.flow-stepper li.active{border-color:#8ab4f87a;background:#8ab4f81a}.flow-stepper li.active>span,.flow-stepper li.done>span{border-color:transparent;background:var(--blue-strong);color:#fff}.selected-customer{display:grid;gap:3px;padding:12px;border:1px solid rgba(138,180,248,.28);border-radius:10px;background:#8ab4f814}.selected-customer span{color:var(--blue);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.location-action{justify-self:start}.completion-panel{display:grid;gap:14px;margin-top:20px}.completion-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#81c99524;color:var(--green);font-size:24px;font-weight:700}.completion-panel h3{margin:0;color:var(--text);font-size:20px;font-weight:500}.completion-panel p{margin:0}.completion-grid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px 12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--control-bg)}.completion-grid span{color:var(--muted);font-size:13px}.success-note{min-height:38px;display:flex;align-items:center;padding:8px 10px;border:1px solid rgba(129,201,149,.32);border-radius:8px;background:#81c9951a;color:var(--green);font-size:13px;line-height:1.35}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:2px 0 4px}.page-head h2{margin:3px 0 0;font-size:clamp(24px,2.4vw,34px);line-height:1.15;font-weight:500;letter-spacing:0;color:var(--text)}.page-head p{max-width:720px;margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.page-head>div:last-child{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.eyebrow{display:inline-block;color:var(--blue);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.muted-inline{display:inline-flex;align-items:center;min-height:36px;color:var(--muted);font-size:12px}.primary,.ghost,.filter-bar button,.tabs button{min-height:36px;border-radius:8px;border:1px solid var(--border);padding:0 14px;background:transparent;color:var(--text);font-weight:500}.primary{border-color:transparent;background:var(--blue-strong);color:#fff;box-shadow:0 1px 2px #0000002e}.primary:hover{background:var(--primary-hover)}.small{min-height:34px}.ghost:hover,.filter-bar button.active,.tabs button.active{border-color:#8ab4f86b;color:var(--blue);background:#8ab4f81a}.filter-bar{min-height:58px;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.filter-bar svg{color:var(--muted);margin-left:3px}.filter-bar input{min-width:220px;flex:1;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);padding:0 12px}.filter-bar select{height:38px;border:1px solid var(--border);border-radius:8px;background:var(--control-bg);color:var(--muted-2);padding:0 10px}.filter-bar input:focus{outline:2px solid rgba(138,180,248,.22);border-color:#8ab4f880}.filter-bar select:focus{outline:2px solid rgba(138,180,248,.22);border-color:#8ab4f880}.filter-bar button{color:var(--muted-2);background:var(--control-bg)}.filter-count{margin-left:auto;color:var(--muted);font-family:Roboto Mono,SFMono-Regular,Consolas,monospace;font-size:12px;white-space:nowrap}.readings-toolbar{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.readings-toolbar svg{color:var(--muted)}.readings-toolbar input,.readings-toolbar select{min-width:220px;flex:1;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);padding:0 12px}.readings-toolbar input:focus,.readings-toolbar select:focus{outline:2px solid rgba(138,180,248,.22);border-color:#8ab4f880}.segmented-control{display:inline-flex;border:1px solid var(--border);border-radius:9px;padding:3px;background:var(--tab-bg)}.segmented-control button{min-height:31px;border:0;border-radius:7px;padding:0 12px;background:transparent;color:var(--muted-2);font-weight:500}.segmented-control button.active{color:var(--blue);background:#8ab4f81f}.readings-chart-panel{min-height:440px}.chart-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;color:var(--muted);font-size:12px}.chart-summary span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--control-bg)}.chart-summary b{color:var(--text);font-weight:500}.kpi-grid{display:grid;gap:14px}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.live-device-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi,.panel,.table-card,.map-panel,.attention-strip{border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.kpi{min-height:128px;position:relative;padding:16px;display:grid;align-content:start;gap:7px;transition:border-color .16s ease,background .16s ease}.kpi:hover{border-color:#8ab4f859;background:var(--kpi-hover)}.kpi-head{display:flex;justify-content:space-between;align-items:center;min-height:32px}.kpi-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#8ab4f81a}.kpi>span{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.02em}.kpi strong{font-size:clamp(22px,2.6vw,32px);line-height:1.1;color:var(--text);font-weight:700}.kpi small{color:var(--muted);font-size:12px}.kpi.green strong{color:var(--green)}.kpi.red{background:linear-gradient(135deg,rgba(242,139,130,.08),var(--surface) 58%);border-color:#f28b8238}.kpi.red strong,.hot{color:var(--red)!important}.kpi.amber strong{color:var(--amber)}.trend{color:var(--green)!important;padding:4px 8px;border-radius:999px;background:#81c9951a;border:1px solid rgba(129,201,149,.18);font-size:12px!important}.progress{width:100%;height:7px;border-radius:999px;overflow:hidden;background:var(--progress-bg);border:1px solid var(--border)}.progress i{display:block;height:100%;background:var(--green);border-radius:inherit}.attention-strip{min-height:64px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(90deg,#8ab4f814,#f28b820b)}.attention-strip strong{display:block;margin-top:4px;font-size:15px;font-weight:500;color:var(--text)}.split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:18px}.monitor-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:stretch}.panel{padding:16px;min-width:0}.panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel h3{margin:0;font-size:15px;font-weight:500;color:var(--text)}.tabs{display:inline-flex;border:1px solid var(--border);border-radius:9px;padding:3px;background:var(--tab-bg);width:fit-content}.tabs button{min-height:29px;border:0;padding:0 10px;color:var(--muted-2)}.stat-chip{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:var(--tab-bg);border:1px solid var(--border);color:var(--muted);font-size:12px}.power-svg{width:100%;height:auto;display:block;overflow:visible}.power-svg line{stroke:var(--chart-grid);stroke-dasharray:3 4}.power-svg text{fill:var(--chart-text);font-family:Roboto Mono,SFMono-Regular,Consolas,monospace;font-size:13px}.donut p,.alert-list p,.region-rows p{margin:0;min-height:36px;display:flex;align-items:center;gap:9px;border-top:1px solid var(--border-soft);color:var(--muted)}.donut p i,.legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.donut p b,.alert-list b,.region-rows b{margin-left:auto;color:var(--text);font-weight:500}.alert-list h4{margin:14px 0 8px;font-size:14px}.table-card{overflow:auto}.compact-table-wrap{overflow:auto;border:1px solid var(--border-soft);border-radius:9px}.compact-table-wrap table{min-width:620px}.empty-state{min-height:96px;display:grid;place-items:center;padding:18px;color:var(--muted);font-size:14px}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border-soft);white-space:nowrap;font-size:13px}th{position:sticky;top:0;color:var(--table-head-text);font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:var(--table-head);z-index:1}td{color:var(--table-text)}tr:hover td{background:var(--row-hover)}.row-hot td{background:var(--row-hot)}.cyan{color:var(--blue)}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 9px;font-size:11px;font-weight:500;border:1px solid currentColor}.badge.green{color:var(--green);background:#81c9951a}.badge.red{color:var(--red);background:#f28b821a}.badge.amber{color:var(--amber);background:#fdd6631a}.badge.gray{color:var(--muted);background:#9aa0a61a}.admin-permissions{display:grid;gap:10px}.muted-line{margin:0;color:var(--muted);font-size:13px}.permission-cloud{display:flex;flex-wrap:wrap;gap:8px}.permission-chip{min-height:28px;display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:0 10px;background:var(--control-bg);color:var(--muted-2);font-family:Roboto Mono,SFMono-Regular,Consolas,monospace;font-size:12px}.user-cell{display:flex;align-items:center;gap:10px;min-width:210px}.small-avatar{width:30px;height:30px;font-size:11px;flex:0 0 auto}.user-cell strong,.permission-summary strong{display:block;color:var(--text);font-weight:500}.user-cell small,.permission-summary span{display:block;margin-top:2px;color:var(--muted);font-size:12px}.permission-summary{min-width:210px}.table-actions{display:flex;gap:8px;align-items:center}.danger-action{color:var(--red)}.permission-picker{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--control-bg)}.permission-picker>div:first-child{display:flex;justify-content:space-between;gap:10px}.permission-picker strong{color:var(--text);font-weight:500}.permission-picker small{color:var(--muted)}.permission-list{max-height:250px;overflow:auto;display:grid;gap:8px;padding-right:2px}.permission-option{min-height:54px;display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px!important;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.permission-option input{width:16px;height:16px;padding:0}.permission-option span{min-width:0}.permission-option span strong,.permission-option span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-panel{min-height:380px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(138,180,248,.08),transparent 40%),radial-gradient(circle at 48% 45%,rgba(129,201,149,.05),transparent 30%),var(--map-bg)}.map-panel.large{min-height:62vh}.leaflet-panel{min-height:calc(100vh - 260px);padding:0}.map-loading{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:500;min-height:34px;display:grid;place-items:center;padding:0 13px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--muted);box-shadow:var(--shadow);font-size:12px;font-weight:500}.leaflet-map{width:100%;min-height:calc(100vh - 260px);height:100%;z-index:1;background:var(--map-bg)}.leaflet-container{font-family:Roboto,Arial,ui-sans-serif,system-ui,sans-serif}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}.leaflet-popup-content{margin:12px}.map-popup{min-width:150px;display:grid;gap:5px}.map-popup strong{color:var(--blue);font-family:Roboto Mono,SFMono-Regular,Consolas,monospace}.map-popup span{color:var(--text)}.map-popup small{color:var(--muted)}.map-popup button{justify-self:start;margin-top:4px;min-height:30px;border:1px solid var(--border);border-radius:8px;background:var(--control-bg);color:var(--blue);font-weight:500}.map-legend{z-index:500}.map-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--map-grid) 1px,transparent 1px),linear-gradient(90deg,var(--map-grid) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 75%);mask-image:radial-gradient(circle at center,black,transparent 75%)}.ghana-outline{position:absolute;top:16%;right:28%;bottom:16%;left:28%;display:grid;place-items:center;border:1px solid var(--map-outline);border-radius:45% 35% 50% 38%;color:var(--map-label);font-size:42px;font-weight:700;letter-spacing:.12em}.marker{position:absolute;z-index:2;width:13px;height:13px;margin:-6px;border:2px solid var(--marker-border);border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #81c9951f}.marker.theft{width:16px;height:16px;background:#d93025;box-shadow:0 0 0 8px #d9302524}.marker.warn{background:var(--amber);box-shadow:0 0 0 4px #fdd66321}.marker.off{background:#70757a;box-shadow:none}.legend{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;gap:12px;flex-wrap:wrap;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:var(--legend-bg);color:var(--muted);font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{background:var(--green)}.legend .red{background:#d93025}.legend .amber{background:var(--amber)}.legend .gray{background:#70757a}.drawer{position:fixed;z-index:20;right:0;top:0;bottom:0;width:min(430px,100vw);padding:22px;background:var(--drawer-bg);border-left:1px solid var(--border);box-shadow:-24px 0 40px #00000057;display:grid;align-content:start;gap:16px}.drawer h2{margin:0;color:var(--blue);font-family:Roboto Mono,monospace}.close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--text);font-size:22px}.metric{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-soft);color:var(--muted)}.metric b{color:var(--text);font-family:Roboto Mono,monospace}.feed{display:grid;gap:12px}.notice{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:14px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px}.notice-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--amber);background:#fdd6631f}.notice.critical .notice-icon{color:var(--red);background:#f28b821f}.notice-body{min-width:0;display:grid;gap:5px}.notice-topline{display:flex;align-items:center;gap:10px;min-width:0}.notice b{color:var(--blue);font-family:Roboto Mono,monospace}.notice time{margin-left:auto;color:var(--muted);font-size:12px}.notice p{margin:0}.notice small{color:var(--muted)}.region-rows p{justify-content:space-between}.region-rows b{margin:0}.region-rows em{color:var(--red);font-style:normal}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(circle at center,var(--surface-2),var(--bg) 72%);background-size:44px 44px,44px 44px,auto}.login-orb{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(26,115,232,.2),transparent 68%);filter:blur(10px)}.login-orb.one{left:-90px;top:-70px}.login-orb.two{right:-110px;bottom:-100px;background:radial-gradient(circle,rgba(24,128,56,.16),transparent 68%)}.login-card{position:relative;z-index:1;width:min(980px,100%);min-height:590px;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid var(--border);border-radius:16px;overflow:visible;background:var(--surface);box-shadow:0 24px 80px #00000047}.grid-art{border-radius:16px 0 0 16px;overflow:hidden}.grid-art{position:relative;display:grid;align-content:center;gap:16px;padding:48px;background:radial-gradient(circle at 55% 40%,rgba(138,180,248,.16),transparent 38%),var(--login-art-bg);color:var(--text);text-align:left}.grid-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--login-grid) 1px,transparent 1px),linear-gradient(90deg,var(--login-grid) 1px,transparent 1px);background-size:42px 42px}.grid-art>svg,.grid-art>strong,.grid-art>span{position:relative}.grid-art strong{max-width:430px;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:0;font-weight:500}.grid-art span{max-width:390px;margin:0;color:var(--muted);font-size:16px;line-height:1.55}.story-logo{position:relative;width:104px;height:48px;object-fit:contain;border-radius:10px;background:#fff;padding:6px 10px;border:1px solid var(--border);box-shadow:var(--shadow);justify-self:center;margin-top:4px}.energy-scene{position:relative;width:min(430px,100%);height:190px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,rgba(26,115,232,.09),transparent),radial-gradient(circle at 70% 35%,rgba(129,201,149,.18),transparent 35%);overflow:hidden}.energy-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--login-grid) 1px,transparent 1px),linear-gradient(90deg,var(--login-grid) 1px,transparent 1px);background-size:28px 28px}.tower{position:absolute;left:64px;bottom:22px;width:80px;height:120px;clip-path:polygon(45% 0,55% 0,100% 100%,80% 100%,67% 70%,33% 70%,20% 100%,0 100%);background:linear-gradient(180deg,var(--blue),transparent);opacity:.8}.tower.small{left:auto;right:64px;height:92px;width:62px;opacity:.55}.pulse-line{position:absolute;left:82px;right:84px;top:78px;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent)}.pulse-line.second{top:112px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.75}.login-form{padding:50px;display:grid;align-content:center;gap:15px}.login-form p{margin:-4px 0 12px;color:var(--muted)}.login-form label{display:grid;gap:7px;color:var(--login-label);font-size:13px}.login-form input,.login-form select{height:43px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);padding:0 12px}.login-form input:focus,.login-form select:focus{outline:2px solid rgba(138,180,248,.22);border-color:#8ab4f880}.org-picker{position:relative}.org-picker-trigger{width:100%;height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);padding:0 12px;text-align:left}.org-picker-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-picker-trigger:focus-visible{outline:2px solid rgba(138,180,248,.22);border-color:#8ab4f880}.org-picker-menu{position:absolute;z-index:12;top:calc(100% + 6px);left:0;right:0;max-height:208px;overflow:auto;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.org-picker-menu button{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left}.org-picker-menu button:hover,.org-picker-menu button.selected{background:var(--surface-2)}.org-picker-menu button svg{color:var(--blue);flex:0 0 auto}.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:46px}.password-toggle{position:absolute;right:5px;top:50%;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);transform:translateY(-50%)}.password-toggle:hover{background:var(--surface-2);color:var(--text)}.password-toggle:focus-visible{outline:2px solid rgba(138,180,248,.32);outline-offset:1px}.login-error{min-height:38px;display:flex;align-items:center;padding:8px 10px;border:1px solid rgba(242,139,130,.36);border-radius:8px;background:#f28b821a;color:var(--red);font-size:13px;line-height:1.35}.login-form footer{color:var(--muted);text-align:center;font-size:12px}@media(max-width:1100px){.kpi-grid.five,.kpi-grid.four,.live-device-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.monitor-grid,.profile-page-grid{grid-template-columns:1fr}.top-actions time,.top-actions .chip{display:none}}@media(max-width:760px){.shell{display:block;overflow:visible}.mobile-nav-backdrop{display:block}.mobile-nav-backdrop.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:min(84vw,304px);height:100dvh;padding:14px 12px;border-right:1px solid var(--border-soft);box-shadow:18px 0 48px #00000047;transform:translate(-104%);transition:transform .22s ease}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:min(84vw,304px)}.sidebar.collapsed .nav-group button{justify-content:flex-start;padding:0 12px}.sidebar.collapsed .nav-group button .nav-badge{position:static;min-width:20px;height:20px;padding:0 6px;border:0;font-size:11px}.side-logo,.side-user{display:flex}.side-logo{padding-left:4px;padding-right:4px}.nav-group{display:grid}.main{height:auto}.content{padding:16px}.topbar{padding:0 14px;gap:10px}.mobile-menu-button{display:inline-grid}.top-actions{gap:8px}.top-actions time{display:none}.live{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-backdrop{padding:18px 12px;align-items:center;overflow:auto}.modal{padding:18px;margin:20px 0;max-height:calc(100dvh - 40px);overflow:auto}.wide-modal{width:100%}.flow-stepper{gap:6px;margin-top:16px}.flow-stepper li{min-width:0;min-height:70px;align-items:flex-start;gap:6px;padding:8px 6px}.flow-stepper li>span{width:22px;height:22px;font-size:11px}.flow-stepper li div{min-width:0}.flow-stepper strong{font-size:12px;line-height:1.2;overflow-wrap:anywhere}.flow-stepper small{font-size:10px;line-height:1.25;overflow-wrap:anywhere}.kpi-grid.three,.kpi-grid.four,.kpi-grid.five,.live-device-summary{grid-template-columns:1fr}.page-head,.filter-bar,.attention-strip{flex-direction:column;align-items:stretch}.filter-bar input{min-width:0}.login-card{grid-template-columns:1fr}.grid-art{min-height:220px;border-radius:16px 16px 0 0}.login-form{padding:28px}}