:root{--bg:#071019;--panel:#0b1721;--panel2:#0f1d28;--line:#1d3442;--text:#ecf6f7;--muted:#86a1ad;--green:#63e6b1;--green2:#1bb77b;--amber:#f2c66d;--red:#ff7b82;--shadow:0 16px 50px #00000038}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.mono,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.appShell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:20;background:#07131c;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 8px 24px;display:flex}.brand>div:last-child{flex-direction:column;display:flex}.brand b{letter-spacing:.08em;font-size:17px}.brand span{color:var(--muted);margin-top:2px;font-size:11px}.brandMark{background:linear-gradient(145deg,var(--green),#23b6db);color:#042018;letter-spacing:-.08em;border-radius:17px;place-items:center;width:54px;height:54px;font-size:21px;font-weight:900;display:grid;box-shadow:0 12px 35px #3ee0a938}.brandMark.small{border-radius:13px;width:42px;height:42px;font-size:16px}.navLinks{flex-direction:column;gap:5px;display:flex}.navLinks a{color:#9bb0ba;border-radius:11px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:650;display:flex}.navLinks a:hover{color:#dff8f0;background:#0d1c27}.navLinks a.active{color:var(--green);background:#63e6b11c;box-shadow:inset 0 0 0 1px #63e6b11f}.navIcon{text-align:center;width:21px;font-size:17px}.sidebarBottom{gap:12px;margin-top:auto;display:grid}.protocolCard{border:1px solid var(--line);background:#0a1822;border-radius:13px;align-items:center;gap:10px;padding:12px;display:flex}.protocolCard>div,.userBlock>div:nth-child(2){flex-direction:column;display:flex}.protocolCard b,.userBlock b{font-size:12px}.protocolCard small,.userBlock small{color:var(--muted);margin-top:3px;font-size:10px}.pulse{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 6px #63e6b114,0 0 18px #63e6b18c}.userBlock{grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.avatar{width:36px;height:36px;color:var(--green);background:#17303d;border-radius:50%;place-items:center;font-weight:800;display:grid}.userBlock form button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:18px}.contentShell{width:min(100%,1580px);padding:32px 36px 50px}.pageHeader{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.pageHeader h1{letter-spacing:-.04em;margin:7px 0 8px;font-size:34px;line-height:1.05}.pageHeader p{color:var(--muted);margin:0;font-size:14px}.eyebrow{letter-spacing:.18em;color:var(--green);font-size:10px;font-weight:900}.headerActions{align-items:center;gap:10px;display:flex}.statusPill{border:1px solid var(--line);color:#b9ccd3;background:#091923;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:12px;display:flex}.button,.mini{color:#dcebee;cursor:pointer;background:#122531;border:1px solid #29404c;border-radius:10px;font-weight:800}.button{padding:10px 14px;font-size:13px}.button.primary,.mini.primary{background:var(--green);border-color:var(--green);color:#06231a}.button.wide{width:100%;padding:12px}.button:disabled,.mini:disabled{opacity:.42;cursor:not-allowed}.kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.kpi{border:1px solid var(--line);min-height:132px;box-shadow:var(--shadow);background:linear-gradient(#0d1c27,#0a1720);border-radius:16px;padding:18px 19px}.kpiTop{color:#99adb6;justify-content:space-between;align-items:center;font-size:12px;display:flex}.kpiTop i{color:var(--green);font-size:20px;font-style:normal}.kpi strong{letter-spacing:-.04em;margin-top:16px;font-size:30px;display:block}.kpi strong small{color:#8ea4ae;font-size:16px}.kpi p{color:#6f8d9a;margin:7px 0 0;font-size:11px}.splitGrid{grid-template-columns:minmax(0,2.4fr) minmax(240px,.7fr);gap:14px;margin-bottom:14px;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#091721;border-radius:16px;margin-bottom:14px;overflow:hidden}.panelHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.panelHead h2{letter-spacing:-.025em;margin:4px 0 0;font-size:18px}.panelHead>a{color:var(--green);font-size:12px}.ocppEndpoint{border-bottom:1px solid var(--line);background:#0c1b25;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.ocppEndpoint span,.headerCode span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.ocppEndpoint code,.headerCode code,.settingValue code{color:#b8d4dd;background:#06111a;border:1px solid #254050;border-radius:8px;padding:8px 10px;font-size:11px}.headerCode{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.tableWrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{letter-spacing:.15em;text-transform:uppercase;text-align:left;color:#70909f;border-bottom:1px solid var(--line);padding:12px 16px;font-size:9px}td{color:#cbdcdf;vertical-align:middle;border-bottom:1px solid #1d3442b3;padding:14px 16px;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#0b1b25}.muted{color:#718b97;margin-top:3px;font-size:10px}.badge{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 9px;font-size:9px;font-weight:900;display:inline-flex}.badge.ok{color:var(--green);background:#63e6b121}.badge.warn{color:var(--amber);background:#f2c66d24}.badge.off{color:#8ba1aa;background:#86a1ad1f}.badge.danger{color:var(--red);background:#ff7b8221}.commandCell{min-width:125px}.buttonRow{gap:6px;display:flex}.mini{padding:7px 10px;font-size:10px}.mini.subtle{color:#8fa7b1;background:#0b1b25;padding:6px 8px;font-size:9px}.actionMessage{color:#7f99a4;max-width:150px;margin-top:5px;font-size:9px;display:block}.quickPanel{padding-bottom:16px}.healthRing{background:radial-gradient(circle at center,#091721 54%,transparent 55%),conic-gradient(var(--green) 0 82%,#17303c 82% 100%);border-radius:50%;place-items:center;width:145px;height:145px;margin:24px auto 16px;display:grid}.healthRing>div{text-align:center;flex-direction:column;display:flex}.healthRing strong{font-size:28px}.healthRing span{color:var(--muted);font-size:10px}.healthRows{padding:0 18px}.healthRows>div{border-bottom:1px solid #1d3442b3;justify-content:space-between;padding:9px 2px;font-size:11px;display:flex}.healthRows span{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:36px 20px}.empty h3{color:var(--text);margin:0 0 6px}.empty p{margin:0}.compact{padding:22px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid}.formGrid label{text-transform:uppercase;letter-spacing:.1em;color:#7995a0;flex-direction:column;gap:7px;font-size:10px;font-weight:800;display:flex}.formGrid input,.formGrid select{color:#e8f4f4;text-transform:none;letter-spacing:0;background:#06131c;border:1px solid #27404d;border-radius:10px;outline:none;width:100%;padding:10px 11px;font-size:12px}.formGrid input:focus,.formGrid select:focus{border-color:#49c99c;box-shadow:0 0 0 3px #63e6b112}.span2{grid-column:span 2}.formFooter{justify-content:flex-end;align-self:end;align-items:center;gap:12px;display:flex}.formMessage{color:#86a3ad;text-transform:none;letter-spacing:0;margin-right:auto;font-size:10px}.cardGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.siteCard,.tariffCard{background:#0c1b25;border:1px solid #1d3442;border-radius:14px;padding:16px}.siteTitle{justify-content:space-between;gap:12px;display:flex}.siteTitle h3,.tariffCard h3{margin:10px 0 4px;font-size:16px}.siteTitle code{color:#7895a1;font-size:9px}.siteCount{text-align:right;flex-direction:column;display:flex}.siteCount strong{color:var(--green);font-size:25px}.siteCount span{color:var(--muted);font-size:9px}.siteCard>p,.tariffCard p{color:#87a0aa;min-height:33px;font-size:11px;line-height:1.5}.siteMeta{color:#6f8c97;border-top:1px solid #1b323f;flex-direction:column;gap:6px;padding-top:12px;font-size:9px;display:flex}.tariffCard{justify-content:space-between;gap:20px;display:flex}.tariffPrice{text-align:right;flex-direction:column;display:flex}.tariffPrice strong{color:var(--green);font-size:24px}.tariffPrice span,.tariffPrice small{color:var(--muted);font-size:9px}.miniStats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.miniStats article{border:1px solid var(--line);background:#0a1822;border-radius:13px;padding:14px}.miniStats span{color:var(--muted);font-size:10px;display:block}.miniStats b{margin-top:7px;font-size:18px;display:block}.settingsGrid{grid-template-columns:1.3fr 1fr;gap:14px;display:grid}.settingsGrid .panel:first-child{grid-row:span 2}.settingValue{padding:22px 20px}.settingValue code{display:block;overflow:auto}.helpText{color:#809aa5;padding:0 20px 20px;font-size:11px;line-height:1.6}.featureList{margin:0;padding:12px 20px 20px;list-style:none}.featureList li{color:#a9bec6;border-bottom:1px solid #1d344299;padding:9px 0;font-size:11px}.featureList li:last-child{border:0}.loginPage{background:radial-gradient(circle at 70% 15%,#1bb77b21,#0000 28%),radial-gradient(circle at 20% 80%,#23b6db17,#0000 30%),#061019;place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:#091721f0;border:1px solid #213b49;border-radius:22px;width:min(100%,440px);padding:34px;box-shadow:0 30px 90px #00000059}.loginCard .brandMark{margin-bottom:24px}.loginCard h1{letter-spacing:-.04em;margin:8px 0;font-size:28px}.loginLead{color:var(--muted);margin-bottom:22px;font-size:12px;line-height:1.6}.formStack{gap:14px;display:grid}.formStack label{color:#89a2ad;text-transform:uppercase;letter-spacing:.1em;gap:7px;font-size:10px;font-weight:800;display:grid}.formStack input{color:#fff;background:#06131c;border:1px solid #27404d;border-radius:10px;padding:11px}.loginMeta{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.loginMeta span{color:#78929e;border:1px solid #203844;border-radius:99px;padding:5px 7px;font-size:8px}.alert{border-radius:9px;margin-bottom:14px;padding:9px 11px;font-size:11px}.alert.error{color:#ff9ba0;background:#ff7b821a;border:1px solid #ff7b8238}@media (max-width:1100px){.appShell{grid-template-columns:78px 1fr}.sidebar{padding:20px 10px}.brand>div:last-child,.navLinks a:not(.active){font-size:0}.navLinks a{justify-content:center}.navLinks a.active{font-size:0}.navIcon{font-size:18px}.protocolCard>div,.userBlock>div:nth-child(2),.userBlock form{display:none}.protocolCard{justify-content:center}.userBlock{justify-content:center;display:flex}.kpiGrid{grid-template-columns:repeat(2,1fr)}.splitGrid{grid-template-columns:1fr}.quickPanel{display:none}.cardGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.appShell{display:block}.sidebar{border-right:0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07131cf2;flex-direction:row;width:100%;height:70px;padding:7px 8px;position:fixed;top:auto;bottom:0}.brand,.sidebarBottom{display:none}.navLinks{grid-template-columns:repeat(6,1fr);gap:2px;width:100%;display:grid}.navLinks a,.navLinks a.active,.navLinks a:not(.active){padding:9px 4px;font-size:0}.navIcon{font-size:18px}.contentShell{padding:22px 14px 90px}.pageHeader{flex-direction:column}.headerActions,.headerCode{flex-wrap:wrap;align-items:flex-start}.pageHeader h1{font-size:28px}.kpiGrid,.miniStats{grid-template-columns:repeat(2,1fr)}.kpi{min-height:110px}.kpi strong{font-size:24px}.formGrid{grid-template-columns:1fr}.span2{grid-column:span 1}.cardGrid{grid-template-columns:1fr;padding:12px}.settingsGrid{grid-template-columns:1fr}.settingsGrid .panel:first-child{grid-row:auto}.loginCard{padding:26px 20px}.ocppEndpoint{flex-direction:column;align-items:flex-start}.ocppEndpoint code{max-width:100%;overflow:auto}}.navGroups{gap:18px;display:grid}.navLabel{color:#557482;letter-spacing:.18em;padding:0 12px 6px;font-size:8px;font-weight:900}.tenantCard{border:1px solid var(--line);background:linear-gradient(#0b1b25,#091721);border-radius:13px;grid-template-columns:34px 1fr;align-items:center;gap:10px;margin:0 4px 20px;padding:11px;display:grid}.tenantLogo{width:34px;height:34px;color:var(--green);background:#63e6b121;border-radius:10px;place-items:center;font-weight:900;display:grid}.tenantCard>div:last-child{flex-direction:column;min-width:0;display:flex}.tenantCard span,.tenantCard small{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:8px}.tenantCard b{white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:11px;overflow:hidden}.mobileTop{display:none}.loginShell{background:#08151e;border:1px solid #183241;border-radius:24px;grid-template-columns:1.15fr .85fr;width:min(1080px,100% - 34px);display:grid;overflow:hidden;box-shadow:0 32px 100px #0006}.loginBrandPanel{background:radial-gradient(circle at 15% 20%,#63e6b11f,#0000 35%),linear-gradient(145deg,#0b1e29,#07131c);padding:58px}.loginBrandPanel h1{letter-spacing:-.055em;max-width:620px;margin:22px 0 18px;font-size:44px;line-height:1.02}.loginBrandPanel>p{color:#91a9b3;max-width:560px;line-height:1.65}.featureTicks{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:34px;display:grid}.featureTicks span{color:#b8cbd1;font-size:11px}.loginCard.modern{box-shadow:none;border:0;border-radius:0;justify-content:center}.loginCard.modern h2{letter-spacing:-.04em;margin:8px 0;font-size:31px}.detailGrid{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.detailRows{padding:8px 20px 18px}.detailRows>div{border-bottom:1px solid #1d3442ad;grid-template-columns:145px 1fr;gap:20px;padding:12px 0;display:grid}.detailRows>div:last-child{border-bottom:0}.detailRows span{color:var(--muted);font-size:10px}.detailRows b{text-align:right;overflow-wrap:anywhere;font-size:11px}.endpointHero{flex-direction:column;gap:13px;padding:24px;display:flex}.endpointHero>span,.endpointHero>small{color:var(--muted);font-size:10px;line-height:1.5}.endpointHero code{color:var(--green);background:#06121a;border:1px solid #285064;border-radius:12px;padding:14px;font-size:11px;display:block;overflow:auto}.goodText{color:var(--green)}@media (max-width:900px){.appShell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:12px;position:relative}.sidebar>.brand,.tenantCard,.sidebarBottom{display:none}.navGroups{gap:6px;display:flex;overflow:auto}.navGroups section{display:contents}.navLabel{display:none}.navLinks{flex-direction:row;display:flex}.navLinks a{white-space:nowrap}.contentShell{padding:18px}.mobileTop{display:block}.kpiGrid{grid-template-columns:repeat(2,1fr)}.splitGrid,.detailGrid,.settingsGrid,.loginShell{grid-template-columns:1fr}.loginBrandPanel{display:none}}@media (max-width:560px){.kpiGrid,.miniStats,.formGrid,.cardGrid{grid-template-columns:1fr}.span2{grid-column:auto}.contentShell{padding:14px}.pageHeader{flex-direction:column}.loginCard.modern{padding:30px 22px}}.financeGrid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)}.barChart{align-items:flex-end;gap:5px;height:255px;padding:28px 20px 18px;display:flex;overflow:hidden}.barItem{flex:1;grid-template-rows:1fr 18px;align-items:end;gap:5px;min-width:0;height:100%;display:grid}.barTrack{background:#ffffff06;border-radius:6px;align-items:flex-end;height:100%;display:flex;overflow:hidden}.barTrack span{background:linear-gradient(180deg,var(--green),#26b9d2);border-radius:6px 6px 2px 2px;width:100%;min-height:3px;display:block;box-shadow:0 0 20px #63e6b11f}.barItem small{text-align:center;color:#64818d;white-space:nowrap;font-size:7px}.metricList{padding:10px 18px 18px}.metricList>div:not(.empty){border-bottom:1px solid #1d3442ad;justify-content:space-between;align-items:center;gap:20px;padding:14px 2px;display:flex}.metricList>div:last-child{border-bottom:0}.metricList>div>div{flex-direction:column;gap:4px;display:flex}.metricList b{font-size:11px}.metricList span{color:var(--muted);font-size:9px}.metricList strong{color:var(--green);font-size:13px}.siteStack{gap:14px;display:grid}.siteOpsCard{overflow:visible}.siteOpsCard .panelHead p{color:var(--muted);margin:5px 0 0;font-size:10px}.siteStatusStack{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.siteStatusStack strong{color:#8da6b0;font-size:10px}.siteOpsMetrics{border-bottom:1px solid var(--line);background:#0a1822;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.siteOpsMetrics>div{border-right:1px solid #1d3442bf;min-width:0;padding:14px 16px}.siteOpsMetrics>div:last-child{border-right:0}.siteOpsMetrics span{text-transform:uppercase;letter-spacing:.11em;color:#6f8e9b;margin-bottom:6px;font-size:8px;display:block}.siteOpsMetrics b{overflow-wrap:anywhere;font-size:11px;display:block}.tinyProgress{background:#142833;border-radius:99px;height:4px;margin-top:7px;overflow:hidden}.tinyProgress span{background:var(--green);height:100%;margin:0;display:block}.editorDetails{background:#08141d}.editorDetails>summary{cursor:pointer;color:#8fa9b3;letter-spacing:.04em;padding:14px 18px;font-size:10px;font-weight:800;list-style:none}.editorDetails>summary::-webkit-details-marker{display:none}.editorDetails>summary:after{content:"＋";float:right;color:var(--green)}.editorDetails[open]>summary:after{content:"−"}.denseForm{padding-top:16px}.checklistBox{background:#0a1a24;border:1px solid #203b48;border-radius:12px;padding:14px}.checklistBox>b{color:#d8e9eb;font-size:11px}.checklistBox>p{color:var(--muted);margin:4px 0 12px;font-size:9px}.checkGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.checkGrid label,.toggleLabel{text-transform:none!important;letter-spacing:0!important;color:#a8bdc4!important;flex-direction:row!important;align-items:center!important;font-size:10px!important}.checkGrid input,.toggleLabel input{accent-color:var(--green);width:auto!important}.policyNote{color:#a5bdc5;text-transform:none;letter-spacing:0;background:#63e6b10e;border:1px solid #63e6b126;border-radius:11px;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.policyNote b{color:var(--green);font-size:10px}.policyNote span,.policyNote small{color:#809aa5;font-size:9px;line-height:1.5}.tariffHero{align-items:baseline;gap:5px;display:flex}.tariffHero strong{color:var(--green);font-size:25px}.tariffHero span{color:var(--muted);font-size:9px}.dangerText{color:var(--red)!important}.powerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.powerCard{margin-bottom:0}.powerHero{justify-content:space-between;align-items:flex-end;padding:22px 20px 8px;display:flex}.powerHero strong{letter-spacing:-.04em;font-size:31px}.powerHero strong small{color:#77929d;font-size:13px}.powerHero>span{color:var(--muted);font-size:10px}.powerMeter{background:#142833;border-radius:99px;height:8px;margin:4px 20px 12px;overflow:hidden}.powerMeter>span{background:var(--green);border-radius:inherit;height:100%;display:block}.powerMeter>span.warnFill{background:var(--amber)}.powerMeter>span.dangerFill{background:var(--red)}.cardFoot{border-top:1px solid #1d344299;padding:12px 20px 16px;color:#6d8894!important;margin:0!important;font-size:9px!important;line-height:1.55!important}.mapPanel{position:relative}.mapCanvas{z-index:1;background:#0a1822;width:100%;height:510px}.mapCanvas .leaflet-control-attribution{font-size:8px!important}.mapLegend{z-index:400;box-shadow:var(--shadow);background:#06111aeb;border:1px solid #29404c;border-radius:10px;flex-wrap:wrap;gap:12px;padding:9px 12px;display:flex;position:absolute;bottom:18px;left:18px}.mapLegend span{color:#a5bbc3;align-items:center;gap:6px;font-size:8px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.okDot{background:var(--green)}.warnDot{background:var(--amber)}.dangerDot{background:var(--red)}.evMapPin span{border:3px solid #071019;border-radius:50%;width:18px;height:18px;display:block;box-shadow:0 0 0 2px #fff3,0 7px 15px #00000080}.notice{background:#0a1a24;border:1px solid #243f4c;border-radius:11px;flex-direction:column;gap:5px;margin:14px 18px 18px;padding:12px 14px;display:flex}.notice b{font-size:10px}.notice span{color:#829da8;font-size:9px;line-height:1.5}.warnNotice{background:#f2c66d0e;border-color:#f2c66d38}.warnNotice b{color:var(--amber)}.connectorGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.connectorCard{background:linear-gradient(#0c1b25,#091721);border:1px solid #203a47;border-radius:14px;padding:16px}.connectorTop{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.connectorTop h3{margin:5px 0 0;font-size:17px}.connectorTelemetry{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;display:grid}.connectorTelemetry>div{background:#09151e;border:1px solid #1b3441;border-radius:10px;padding:10px}.connectorTelemetry span{color:var(--muted);margin-bottom:5px;font-size:8px;display:block}.connectorTelemetry b{font-size:11px}.activeStrip{color:var(--amber);background:#f2c66d0f;border:1px solid #f2c66d2e;border-radius:9px;margin-bottom:10px;padding:8px 10px;font-size:9px}.rowActions{flex-wrap:wrap;gap:6px;display:flex}.filterBar{border-bottom:1px solid var(--line);background:#0a1822;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px 18px;display:flex}.filterBar label{color:#7895a1;text-transform:uppercase;letter-spacing:.1em;gap:5px;font-size:8px;display:grid}.filterBar input,.filterBar select{color:#e8f4f4;background:#06131c;border:1px solid #27404d;border-radius:9px;min-width:150px;padding:8px 9px}.invoiceLink{color:var(--green);font-weight:750}.reportCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.reportCard{margin-bottom:0;padding:20px}.reportCard h2{margin:8px 0;font-size:17px}.reportCard p{color:var(--muted);min-height:52px;font-size:10px;line-height:1.65}.reportCard .button{margin-top:6px;display:inline-block}.invoiceSheet{color:#16232b;background:#fff;border-radius:15px;max-width:850px;margin:0 auto;padding:36px;box-shadow:0 18px 60px #00000040}.invoiceHead{border-bottom:2px solid #e7edef;justify-content:space-between;gap:24px;padding-bottom:20px;display:flex}.invoiceHead h1{color:#0c2832;margin:5px 0;font-size:28px}.invoiceHead p,.invoiceHead span{color:#66767d;font-size:11px}.invoiceGrid{grid-template-columns:1fr 1fr;gap:18px;padding:22px 0;display:grid}.invoiceGrid>div{border:1px solid #e1e9eb;border-radius:10px;padding:14px}.invoiceGrid span{color:#718088;text-transform:uppercase;margin-bottom:4px;font-size:9px;display:block}.invoiceGrid b{color:#1e3037;font-size:12px}.invoiceTable{border:1px solid #e2eaec;width:100%;min-width:0}.invoiceTable th,.invoiceTable td{color:#263a41;border-color:#e2eaec}.invoiceTotals{gap:8px;width:min(360px,100%);margin-left:auto;padding:18px 0;display:grid}.invoiceTotals>div{justify-content:space-between;font-size:11px;display:flex}.invoiceTotals .grand{border-top:1px solid #ccd8dc;padding-top:10px;font-size:16px}.invoiceFoot{color:#677a82;border-top:1px solid #e2eaec;padding-top:15px;font-size:9px;line-height:1.6}.noPrint{justify-content:flex-end;max-width:850px;margin:0 auto 14px;display:flex}.ghost{background:0 0!important}@media (max-width:1180px){.siteOpsMetrics{grid-template-columns:repeat(3,1fr)}.siteOpsMetrics>div:nth-child(3){border-right:0}.powerGrid,.connectorGrid{grid-template-columns:1fr}.reportCards{grid-template-columns:1fr 1fr}}@media (max-width:900px){.financeGrid{grid-template-columns:1fr}.checkGrid,.siteOpsMetrics{grid-template-columns:repeat(2,1fr)}.siteOpsMetrics>div{border-right:1px solid #1d3442bf}.siteOpsMetrics>div:nth-child(2n){border-right:0}.connectorTelemetry{grid-template-columns:repeat(2,1fr)}.mapCanvas{height:430px}.reportCards{grid-template-columns:1fr}}@media (max-width:560px){.siteOpsMetrics,.checkGrid,.connectorTelemetry{grid-template-columns:1fr}.siteOpsMetrics>div{border-right:0}.mapCanvas{height:390px}.mapLegend{bottom:12px;left:12px;right:12px}.invoiceSheet{border-radius:0;padding:22px 16px}.invoiceGrid{grid-template-columns:1fr}.invoiceHead{flex-direction:column}}@media print{body{background:#fff}.noPrint,.sidebar,.mobileTop{display:none!important}.appShell{display:block}.contentShell{width:100%;max-width:none;padding:0}.invoiceSheet{box-shadow:none;border-radius:0;max-width:none;padding:0}.invoiceSheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.dashboardThemeSwitch{flex-wrap:wrap;gap:8px}.themePill{color:#8ea8b3;letter-spacing:.04em;background:#0a1822;border:1px solid #25414f;border-radius:10px;justify-content:center;align-items:center;padding:9px 12px;font-size:9px;font-weight:850;display:inline-flex}.themePill:hover{color:#dff8f0;border-color:#365666}.themePill.active{color:#071019;background:var(--green);border-color:var(--green);box-shadow:0 7px 20px #63e6b11f}.clientDashboardHeader{margin-bottom:16px}.networkStatusStrip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.statusCounter{border:1px solid var(--line);background:linear-gradient(#0d1b26,#0a1721);border-radius:14px;align-items:center;gap:12px;min-height:74px;padding:13px 15px;display:flex;box-shadow:0 10px 30px #0000001f}.statusCounter .statusDot{background:#72858e;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 6px #72858e12}.statusCounter>div{flex-direction:column;gap:2px;display:flex}.statusCounter b{letter-spacing:-.04em;font-size:23px;line-height:1}.statusCounter small{color:var(--muted);font-size:9px;font-weight:750}.statusCounter.ok .statusDot{background:var(--green);box-shadow:0 0 0 6px #63e6b114}.statusCounter.warn .statusDot{background:var(--amber);box-shadow:0 0 0 6px #f2c66d14}.statusCounter.danger .statusDot{background:var(--red);box-shadow:0 0 0 6px #ff7b8214}.clientMapPanel{margin-bottom:14px;overflow:hidden}.clientMapToolbar{border-bottom:1px solid var(--line);background:linear-gradient(#0c1a24,#0a1822);justify-content:space-between;align-items:center;gap:18px;height:74px;padding:14px 18px;display:flex}.clientMapToolbar h2{margin:4px 0 0;font-size:18px}.mapQuickStats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mapQuickStats span{color:#9ab0ba;background:#081721;border:1px solid #223f4c;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800}.clientMapPanel .mapCanvas{height:515px}.clientMapLegend{bottom:16px;left:16px}.neutralDot{background:#72858e}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#e9f5f5!important;background:#0a1822!important;box-shadow:0 18px 50px #00000059!important}.leaflet-popup-content{margin:13px 15px!important}.evMapPopup{gap:6px;min-width:190px;display:grid}.evMapPopup>b{font-size:13px}.evMapPopup>small{color:#8ea6b0;font-size:9px}.evMapPopup hr{border:0;border-top:1px solid #23404d;margin:3px 0}.evMapPopup>div{justify-content:space-between;gap:16px;font-size:9px;display:flex}.evMapPopup>div span{color:#8ea6b0}.evMapPopup>div strong{color:#eaf6f5}.evMapPin{background:0 0!important;border:0!important}.evMapPinBody{--pin:#63e6b1;background:var(--pin);border:3px solid #071019;border-radius:50% 50% 50% 7px;place-items:center;width:44px;height:44px;display:grid;position:relative;transform:rotate(-45deg);box-shadow:0 0 0 2px #ffffff2e,0 10px 26px #0000007a}.evMapPinBody:after{content:"";background:#0a1721;border-radius:50%;position:absolute;inset:5px}.evMapPinBody strong{z-index:2;color:#eefafa;letter-spacing:-.02em;font-size:9px;position:relative;transform:rotate(45deg)}.evMapPinBody span{display:none}.dashboardRangeBar{border:1px solid var(--line);background:#0a1721;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;min-height:58px;margin:0 0 14px;padding:10px 14px;display:flex}.dashboardRangeBar>div{align-items:center;gap:10px;display:flex}.dashboardRangeBar>div b{font-size:13px}.dashboardRangeBar nav{flex-wrap:wrap;gap:6px;display:flex}.dashboardRangeBar nav a{color:#8ca4af;border:1px solid #0000;border-radius:8px;padding:7px 10px;font-size:8px;font-weight:850}.dashboardRangeBar nav a:hover{background:#10222d}.dashboardRangeBar nav a.active{color:var(--green);background:#63e6b11f;border-color:#63e6b12e}.clientKpis{margin-bottom:14px}.dashboardChartsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.dashboardChartPanel{margin:0;overflow:hidden}.dashboardChartPanel .panelHead p{color:var(--muted);margin:4px 0 0;font-size:9px}.chartPeak{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.chartPeak span{color:#6f8b96;text-transform:uppercase;letter-spacing:.1em;font-size:8px}.chartPeak b{color:var(--green);font-size:13px}.trendChartWrap{padding:4px 10px 12px}.trendChart{width:100%;height:250px;color:var(--green);display:block;overflow:visible}.chartGridLine{stroke:#17303d;stroke-width:1px}.chartArea{color:var(--green)}.chartLine{stroke:var(--green);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 9px #63e6b12e)}.chartPoint{fill:#071019;stroke:var(--green);stroke-width:2px}.chartLabel{fill:#68848f;font-family:Inter,ui-sans-serif,system-ui;font-size:8px}.clientLowerGrid{grid-template-columns:minmax(0,1.7fr) minmax(270px,.6fr);margin-bottom:14px}.siteLoadPanel{margin:0}.siteLoadList{padding:4px 18px 16px;display:grid}.siteLoadRow{border-bottom:1px solid #1d34429e;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1fr) 48px;align-items:center;gap:14px;padding:12px 0;display:grid}.siteLoadRow:last-child{border-bottom:0}.siteLoadRow>div:first-child{flex-direction:column;gap:3px;display:flex}.siteLoadRow b{font-size:10px}.siteLoadRow span{color:var(--muted);font-size:8px}.siteLoadRow>strong{text-align:right;font-size:10px}.siteLoadMeter{background:#142833;border-radius:99px;overflow:hidden;height:6px!important}.siteLoadMeter>span{background:var(--green);border-radius:inherit;height:100%;display:block}.siteLoadMeter>span.warnFill{background:var(--amber)}.siteLoadMeter>span.dangerFill{background:var(--red)}.portfolioSummaryPanel{margin:0}.demoDisclosure{background:#f2c66d0b;border:1px solid #f2c66d2e;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:11px 14px;display:flex}.demoDisclosure b{color:var(--amber);white-space:nowrap;font-size:9px}.demoDisclosure span{color:#829aa4;font-size:8px;line-height:1.5}@media (max-width:1180px){.networkStatusStrip{grid-template-columns:repeat(3,1fr)}.dashboardChartsGrid,.clientLowerGrid{grid-template-columns:1fr}.clientMapPanel .mapCanvas{height:470px}}@media (max-width:760px){.networkStatusStrip{grid-template-columns:repeat(2,1fr)}.clientMapToolbar{flex-direction:column;align-items:flex-start;height:auto}.mapQuickStats{justify-content:flex-start}.clientMapPanel .mapCanvas{height:430px}.dashboardRangeBar{flex-direction:column;align-items:flex-start}.siteLoadRow{grid-template-columns:1fr 80px}.siteLoadRow .siteLoadMeter{grid-column:1/-1}.demoDisclosure{flex-direction:column;align-items:flex-start}.dashboardThemeSwitch{justify-content:flex-start}}@media (max-width:520px){.networkStatusStrip{grid-template-columns:1fr 1fr}.statusCounter{min-height:66px;padding:10px 12px}.statusCounter b{font-size:20px}.clientMapPanel .mapCanvas{height:380px}.trendChart{height:210px}.siteLoadRow{grid-template-columns:1fr 48px}}.mapCanvasWrap{background:#0a1822;width:100%;position:relative;overflow:hidden}.mapCanvasWrap .mapCanvas{width:100%}.mapProviderBadge{z-index:500;color:#d5e5e9;letter-spacing:.04em;pointer-events:none;background:#06111ae6;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:8px;font-weight:800;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 30px #00000038}.mapProviderDot{background:#72858e;border-radius:50%;width:7px;height:7px}.mapProviderBadge.google .mapProviderDot{background:#4285f4;box-shadow:0 0 0 4px #4285f41f}.mapProviderBadge.osm .mapProviderDot{background:var(--green)}.googleSitePin{--marker:#63e6b1;appearance:none;background:var(--marker);cursor:pointer;border:3px solid #071019;border-radius:50% 50% 50% 8px;place-items:center;width:46px;height:46px;padding:0;display:grid;transform:rotate(-45deg);box-shadow:0 0 0 2px #fff3,0 10px 26px #0000006b}.googleSitePin.ok{--marker:#63e6b1}.googleSitePin.warn{--marker:#f2c66d}.googleSitePin.danger{--marker:#ff7b82}.googleSitePin.neutral{--marker:#72858e}.googleSitePin:focus-visible{outline-offset:4px;outline:3px solid #fff}.googleSitePinCount{z-index:2;color:#07131c;font-size:9px;font-weight:900;line-height:1;position:relative;transform:rotate(45deg)}.googleSitePinTip{display:none}.clientMapPanel{position:relative}.clientMapPanel .clientMapLegend{z-index:auto;border:0;border-top:1px solid var(--line);box-shadow:none;background:#08151e;border-radius:0;justify-content:flex-start;gap:18px;margin:0;padding:11px 16px;display:flex;position:static;bottom:auto;left:auto;right:auto}.clientMapPanel .clientMapLegend span{font-size:9px}.clientMapPanel .mapProviderBadge{bottom:58px}.gm-style .gm-style-iw-c{color:#e9f5f5!important;background:#0a1822!important;border:1px solid #24404d!important;border-radius:14px!important;box-shadow:0 18px 50px #00000059!important}.gm-style .gm-style-iw-d{overflow:auto!important}.gm-style .gm-style-iw-tc:after{background:#0a1822!important}.gm-style .gm-ui-hover-effect>span{background-color:#dcebed!important}.gm-style .evMapPopup{min-width:200px;padding:4px 3px}@media (max-width:760px){.mapProviderBadge{bottom:9px;right:9px}.clientMapPanel .mapProviderBadge{bottom:54px}.clientMapPanel .clientMapLegend{white-space:nowrap;gap:10px;padding:10px 12px;overflow:auto}}.drawerBackdrop{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020a10b8;justify-content:flex-end;display:flex;position:fixed;inset:0}.formDrawer{background:#081721;border-left:1px solid #294553;flex-direction:column;width:min(620px,94vw);height:100%;animation:.18s ease-out drawerIn;display:flex;box-shadow:-24px 0 70px #00000073}.drawerHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 22px 16px;display:flex}.drawerHead h2{margin:5px 0;font-size:22px}.drawerHead p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.drawerClose{color:#c9d9dd;cursor:pointer;background:#0d202c;border:1px solid #294553;border-radius:10px;width:36px;height:36px;font-size:22px}.drawerBody{padding:20px 22px 34px;overflow:auto}.drawerBody .formGrid{grid-template-columns:1fr 1fr}.drawerBody .formFooter{grid-column:1/-1}@keyframes drawerIn{0%{opacity:.5;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.periodFilter{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.periodPresets{flex-wrap:wrap;gap:7px;display:flex}.periodPresets a{color:#91a9b4;background:#0a1923;border:1px solid #294554;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:850}.periodPresets a.active{color:var(--green);background:#63e6b11f;border-color:#63e6b157}.customDateRange{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.customDateRange label{color:var(--muted);gap:5px;font-size:8px;display:grid}.customDateRange input{min-width:140px}.compactPeriodFilter{justify-content:flex-end}.compactPeriodFilter .customDateRange input{min-width:128px}.liveVsHistoryGrid{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:14px;margin-bottom:14px;display:grid}.liveNowPanel,.historicalFilterPanel{border:1px solid var(--line);background:linear-gradient(#0c1b25,#091720);border-radius:14px;padding:16px 18px}.liveNowPanel h2,.historicalFilterPanel h2{margin:5px 0 0;font-size:17px}.liveNowMetrics{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.liveNowMetrics>div{background:#07141d;border:1px solid #203d4a;border-radius:11px;padding:11px}.liveNowMetrics span{color:#839da8;font-size:8px;display:block}.liveNowMetrics b{margin-top:5px;font-size:20px;display:block}.liveNowMetrics small{color:#9ab0ba;font-size:9px}.historicalFilterPanel{flex-direction:column;justify-content:space-between;gap:14px;display:flex}.historicalKpis{grid-template-columns:repeat(4,minmax(0,1fr))}.billingFilterPanel{margin-bottom:14px}.billingFilterPanel .periodFilter{padding:0 18px 18px}.siteTileGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.siteTile{border:1px solid var(--line);color:inherit;background:#091720;border-radius:16px;transition:all .18s;display:block;overflow:hidden;box-shadow:0 12px 34px #00000029}.siteTile:hover{border-color:#365867;transform:translateY(-2px);box-shadow:0 18px 44px #0000003d}.siteTileImage{background-color:#0000;background-image:radial-gradient(circle at 75% 20%,#63e6b124,#0000 30%),linear-gradient(145deg,#0f2935,#07141d 72%);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:space-between;height:185px;padding:14px;display:flex;position:relative}.siteTileImage>div{flex-direction:column;gap:4px;display:flex}.siteTileImage small{color:#b5cbd2;letter-spacing:.08em;font-size:8px}.siteTileImage b{color:#f1f8f7;font-size:18px}.siteTileImage span:not(.badge){color:#a6bac2;font-size:9px}.siteTileBody{padding:14px}.siteTileStats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.siteTileStats>div{background:#07141d;border:1px solid #1e3946;border-radius:10px;padding:9px}.siteTileStats span,.siteTileStats small{color:#78939e;font-size:7px;display:block}.siteTileStats b{margin:4px 0;font-size:13px;display:block}.siteTileMeta{border-top:1px solid #1e3845;flex-wrap:wrap;align-items:center;gap:9px 14px;margin-top:12px;padding-top:11px;display:flex}.siteTileMeta span{color:#78939e;font-size:8px}.siteTileMeta b{color:#bdd0d5}.siteTileMeta strong{color:var(--green);margin-left:auto;font-size:8px}.siteHeroGrid{grid-template-columns:minmax(300px,.9fr) minmax(0,1.5fr);gap:14px;margin-bottom:14px;display:grid}.siteVisualCard{border:1px solid var(--line);background:#081721;border-radius:15px;grid-template-columns:1fr 130px;min-height:290px;display:grid;overflow:hidden}.siteVisual{background-color:#0000;background-image:radial-gradient(circle at 70% 20%,#63e6b12b,#0000 30%),linear-gradient(145deg,#13303c,#07141d 70%);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:flex-end;min-height:290px;padding:18px;display:flex}.siteVisual h2{margin:5px 0;font-size:22px}.transformerThumb{border-left:1px solid var(--line);background-position:50%;background-size:cover;position:relative}.transformerThumb span{text-align:center;background:#040e15d1;border-radius:7px;padding:6px;font-size:7px;position:absolute;bottom:8px;left:8px;right:8px}.siteIdentityPanel{margin:0}.operationsSections{gap:14px;padding:0 18px 18px;display:grid}.opsSection{background:#07151e;border:1px solid #1f3b48;border-radius:12px;padding:14px}.opsSectionHead{align-items:flex-start;gap:11px;margin-bottom:12px;display:flex}.opsSectionHead>span{width:28px;height:28px;color:var(--green);background:#63e6b11c;border-radius:8px;place-items:center;font-size:8px;font-weight:900;display:grid}.opsSectionHead div{flex-direction:column;gap:2px;display:flex}.opsSectionHead b{font-size:11px}.opsSectionHead small{color:var(--muted);font-size:8px}.chargerTileGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 18px 18px;display:grid}.fleetTiles{padding:0}.chargerTile{border:1px solid var(--line);background:linear-gradient(#0c1b25,#081720);border-radius:15px;padding:15px;box-shadow:0 10px 30px #00000021}.chargerTileHead{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.chargerTileHead h3{margin:4px 0;font-size:16px}.chargerTileHead p{color:var(--muted);margin:0;font-size:8px}.chargerEndpointLine{background:#06131c;border:1px solid #1d3845;border-radius:9px;align-items:center;gap:10px;margin-top:11px;padding:9px 10px;display:flex}.chargerEndpointLine span{color:#698691;font-size:7px}.chargerEndpointLine code{color:#a4e8d1;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.chargerTileMetrics{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:11px;display:grid}.chargerTileMetrics>div{background:#07141d;border:1px solid #1b3541;border-radius:9px;padding:9px}.chargerTileMetrics span{color:#718d98;font-size:7px;display:block}.chargerTileMetrics b{margin-top:4px;font-size:10px;display:block}.chargerTileFooter{border-top:1px solid #1c3743;flex-wrap:wrap;gap:7px;margin-top:12px;padding-top:12px;display:flex}@media (max-width:1180px){.siteTileGrid{grid-template-columns:repeat(2,1fr)}.liveVsHistoryGrid{grid-template-columns:1fr}.historicalKpis{grid-template-columns:repeat(2,1fr)}.siteHeroGrid{grid-template-columns:1fr}.chargerTileMetrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.drawerBody .formGrid{grid-template-columns:1fr}.drawerBody .span2{grid-column:auto}.periodFilter{flex-direction:column;align-items:stretch}.customDateRange{align-items:stretch}.customDateRange label,.customDateRange input{width:100%}.siteTileGrid,.chargerTileGrid,.siteVisualCard{grid-template-columns:1fr}.transformerThumb{border-left:0;border-top:1px solid var(--line);min-height:130px}.liveNowMetrics{grid-template-columns:1fr}.historicalKpis,.chargerTileMetrics{grid-template-columns:1fr 1fr}}.networkStatusStrip{gap:8px}.statusCounter{border-radius:12px;gap:9px;min-height:56px;padding:9px 12px}.statusCounter .statusDot{width:8px;height:8px;box-shadow:0 0 0 4px #72858e12}.statusCounter b{font-size:19px}.statusCounter small{font-size:8px}.statusCounter.ok .statusDot{box-shadow:0 0 0 4px #63e6b114}.statusCounter.warn .statusDot{box-shadow:0 0 0 4px #f2c66d14}.statusCounter.danger .statusDot{box-shadow:0 0 0 4px #ff7b8214}.googleSitePin.segmented{border:3px solid #071019;border-radius:50%;width:50px;height:50px;position:relative;transform:none}.googleSitePin.segmented:after,.evMapDonut:after{content:"";background:#07131c;border-radius:50%;position:absolute;inset:8px;box-shadow:inset 0 0 0 1px #ffffff1f}.googleSitePin.segmented .googleSitePinCount{color:#fff;z-index:2;font-size:10px;transform:none}.evMapDonut{border:3px solid #071019;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:0 8px 22px #00000061}.evMapDonut strong{z-index:2;color:#fff;font-size:10px;position:relative}.offDot{background:#72858e!important}.purpleDot{background:#9b7cff!important}.cascadeFilters{grid-template-columns:repeat(4,minmax(130px,1fr));align-items:end;gap:10px;padding:16px 18px;display:grid}.cascadeFilters label{color:#78949f;text-transform:uppercase;letter-spacing:.08em;flex-direction:column;gap:6px;font-size:8px;font-weight:800;display:flex}.cascadeFilters select,.cascadeFilters input,.powerLimitForm input{color:#e8f4f4;background:#06131c;border:1px solid #27404d;border-radius:9px;min-width:0;padding:9px 10px;font-size:11px}.cascadeActions{align-items:center;gap:7px;display:flex}.filterTags,.ocppTagRow{flex-wrap:wrap;gap:6px;display:flex}.filterTags a,.filterTags button,.ocppTagRow a{appearance:none;color:#91a9b4;cursor:pointer;background:#0a1923;border:1px solid #294554;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:850}.filterTags a.active,.ocppTagRow a.active{color:var(--green);background:#63e6b11c;border-color:#63e6b157}.ocppTagRow{padding:14px 18px 0}.eventTag{color:#b7d5de;background:#102634;border:1px solid #244653;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.compactMiniStats article{padding:10px 12px}.compactMiniStats b{margin-top:4px;font-size:16px}.powerLimitSummary{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 18px 12px;display:grid}.powerLimitSummary>div{background:#07141d;border:1px solid #203d4a;border-radius:10px;padding:9px}.powerLimitSummary span{color:#78949f;text-transform:uppercase;letter-spacing:.07em;font-size:7px;display:block}.powerLimitSummary b{margin-top:5px;font-size:11px;display:block}.powerLimitForm{grid-template-columns:1fr auto;align-items:end;gap:8px;padding:0 18px 15px;display:grid}.powerLimitForm label{color:#78949f;text-transform:uppercase;gap:5px;font-size:8px;font-weight:800;display:grid}.powerLimitForm small{color:#8ba7b1;grid-column:1/-1;font-size:8px}.faultSiteGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.faultSiteTile{border:1px solid var(--line);background:#091721;border-radius:14px;padding:13px;transition:all .15s}.faultSiteTile:hover,.faultSiteTile.selected{border-color:#40606e;transform:translateY(-1px)}.faultSiteTile.danger{box-shadow:inset 3px 0 0 var(--red)}.faultSiteTile.warn{box-shadow:inset 3px 0 0 var(--amber)}.faultSiteTile.ok{box-shadow:inset 3px 0 0 var(--green)}.faultTileHead{justify-content:space-between;gap:12px;display:flex}.faultTileHead h3{margin:4px 0;font-size:13px}.faultTileHead>strong{font-size:26px}.faultTileBreakdown{grid-template-columns:repeat(4,1fr);gap:5px;margin:10px 0;display:grid}.faultTileBreakdown span{color:#76909b;font-size:7px}.faultTileBreakdown b{color:#dfeaec;font-size:11px;display:block}.faultSiteTile>small{color:#8aa3ad;font-size:8px}@media (max-width:1180px){.cascadeFilters{grid-template-columns:repeat(3,1fr)}.faultSiteGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.cascadeFilters{grid-template-columns:1fr 1fr}.faultSiteGrid,.powerLimitSummary,.powerLimitForm{grid-template-columns:1fr}.statusCounter{min-height:52px}.statusCounter b{font-size:18px}}