@font-face{font-family:'Roboto Condensed';src:url('RobotoCondensed-greekext.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Condensed';src:url('RobotoCondensed-greek.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Condensed';src:url('RobotoCondensed-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Roboto Condensed',Arial,sans-serif;font-size:14px;line-height:1.4;letter-spacing:.008em}body[data-theme=light]{--page:#f4f7f9;--surface:#fff;--surface-2:#f8fafb;--text:#1a2b3b;--muted:#718596;--faint:#a1afba;--border:#e4ebef;--teal:#df7022;--teal-light:#fff0e4;--good-light:#e7f7ef;--track:#e5efef;--grid:#e7eef0;--shadow:0 7px 28px rgba(28,55,75,.038);--good:#0d9c75;--bad:#c7892a;--alert-bg:#fcf6e9}body[data-theme=dark]{--page:#0d1720;--surface:#16232e;--surface-2:#1a2a36;--text:#e9f1f5;--muted:#9eb0bb;--faint:#708593;--border:#2b3d49;--teal:#ff9b4a;--teal-light:#3b2b24;--good-light:#203d35;--track:#29464b;--grid:#2b3d49;--shadow:0 8px 30px rgba(0,0,0,.12);--good:#45c99e;--bad:#e2b46c;--alert-bg:#3b3328}body{background:var(--page);color:var(--text)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.icons{position:absolute;width:0;height:0;overflow:hidden}button{font:inherit;cursor:pointer}a{text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:238px;flex:none;background:#101e2b;color:#afc1cd;display:flex;flex-direction:column;min-height:100vh;box-shadow:5px 0 26px rgba(15,30,43,.055);z-index:2}.brand{height:77px;border-bottom:1px solid #263747;display:flex;align-items:center;gap:11px;padding:0 22px}.brand-logo{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(150deg,#ffad5e,#d9601c);border-radius:9px;color:#fff;box-shadow:0 7px 15px rgba(224,112,33,.25)}.brand-logo svg{width:19px;height:19px}.brand-copy strong{display:block;color:#fff;font-size:17px;letter-spacing:.105em;line-height:1.04;font-weight:700}.brand-copy small{display:block;color:#81a3b1;font-size:9.5px;letter-spacing:.115em;font-weight:600;margin-top:5px}.workspace{display:flex;gap:9px;align-items:center;margin:20px 13px 22px;padding:11px 9px;background:#192b3a;border:1px solid #294354;border-radius:9px}.workspace-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#60422e;color:#ffc48d;font-weight:700}.workspace div{min-width:0;flex:1}.workspace small{display:block;font-size:9.5px;letter-spacing:.09em;color:#82a2ad}.workspace strong{display:block;margin-top:2px;color:#e2eef1;font-size:12px;font-weight:600;white-space:nowrap}.workspace svg{width:13px;height:13px;color:#7993a1}.nav-caption{padding:0 26px;margin:0 0 10px;color:#6f8999;font-size:10px;font-weight:700;letter-spacing:.16em}.nav-caption.second{margin-top:26px}.nav-main{display:grid;gap:3px;padding:0 12px}.nav-main a{height:40px;display:flex;align-items:center;gap:12px;color:#a7bac5;border-radius:7px;padding:0 12px;font-size:13px;font-weight:500}.nav-main a svg{width:16px;height:16px;color:#8da8b7;stroke-width:1.5}.nav-main a:hover{background:#1d3241;color:#fff}.nav-main a.selected{background:#4a3024;color:#fff2e7;font-weight:600;position:relative}.nav-main a.selected:before{content:'';position:absolute;left:-12px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:#f28b35}.nav-main a.selected svg{color:#ffa45c}.nav-main a span{flex:1}.nav-main a i{font-style:normal;font-size:11px;padding:2px 6px;border-radius:5px;background:#263948;color:#a8c0c9}.nav-main a i.warn-count{color:#ffd697;background:#4d382b}.sidebar-status{margin:auto 15px 0;border:1px solid #2a4050;border-radius:9px;padding:12px;display:flex;gap:10px;background:#172b39}.status-icon{width:29px;height:29px;border-radius:7px;display:grid;place-items:center;background:#4a382d;color:#ffad6e}.status-icon svg{width:15px;height:15px}.sidebar-status strong,.sidebar-status span{display:block}.sidebar-status strong{color:#e5eef3;font-size:12px;font-weight:600}.sidebar-status span{color:#8ba7b3;font-size:10.5px;margin-top:3px;white-space:nowrap}.live-dot{width:6px;height:6px;display:inline-block;background:#29c8a3;border-radius:50%;box-shadow:0 0 0 3px rgba(35,194,162,.12);margin-right:6px;vertical-align:middle}.sidebar-foot{display:flex;align-items:center;gap:10px;border-top:1px solid #263747;margin-top:19px;padding:15px 20px 19px}.avatar{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#5b3c2b;color:#ffc18c;font-weight:700}.sidebar-foot>span:nth-child(2){flex:1}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:12px;color:#e4ecf0}.sidebar-foot small{font-size:10px;color:#7f9baa;margin-top:1px}.sidebar-foot svg{width:13px;height:13px;color:#70909c}.main-column{flex:1;min-width:0}.topbar{height:62px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 31px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.breadcrumbs .slash{color:var(--faint)}.breadcrumbs strong{color:var(--text);font-weight:600}.topbar-right{display:flex;align-items:center;gap:17px}.top-date{font-size:12px;color:var(--muted)}.top-divider{height:19px;width:1px;background:var(--border)}.icon-btn{position:relative;display:grid;place-items:center;border:0;background:none;color:var(--muted);padding:3px}.icon-btn:hover{color:var(--teal)}.icon-btn svg{width:17px;height:17px}.notification-btn i{position:absolute;top:1px;right:1px;width:5px;height:5px;border-radius:50%;background:#e8a654}.top-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--teal-light);color:var(--teal);font-size:12px;font-weight:700}main{max-width:1720px;margin:auto;padding:27px 30px 22px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:21px}.kicker{font-size:10px;color:var(--teal);font-weight:700;letter-spacing:.15em;display:flex;align-items:center;gap:8px;margin-bottom:7px}.kicker-line{width:14px;height:2px;background:var(--teal);border-radius:3px}h1,h2,p{margin:0}h1{font-size:24px;line-height:1.1;font-weight:700;letter-spacing:.005em}h2{font-size:16px;line-height:1.2;font-weight:700}.page-intro p{font-size:11.5px;color:var(--muted);margin-top:6px}.intro-right{display:flex;align-items:center;gap:12px;padding-bottom:2px}.demo-badge{border:1px solid var(--border);border-radius:5px;padding:5px 7px;color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.11em}.sync{color:var(--muted);font-size:11px}.toolbar{min-height:57px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:8px 10px 8px 13px;margin-bottom:16px}.scope{display:flex;align-items:center;gap:10px;min-width:240px}.scope-icon{width:30px;height:30px;border-radius:7px;background:var(--teal-light);display:grid;place-items:center;color:var(--teal)}.scope-icon svg{width:16px;height:16px}.scope small,.scope strong{display:block}.scope small{color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.11em}.scope strong{font-size:12px;margin-top:1px}.scope-count{border-radius:4px;color:var(--teal);background:var(--teal-light);font-size:10px;padding:1px 5px;margin-left:3px}.scope .chevron{width:13px;height:13px;color:var(--muted);margin-left:20px}.toolbar-right{display:flex;align-items:center;gap:8px}.range-tabs{display:flex;align-items:center;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px}.range-tabs button{border:0;border-radius:4px;background:none;color:var(--muted);font-size:11px;padding:5px 8px}.range-tabs button.on{background:var(--surface);box-shadow:0 1px 5px rgba(0,0,0,.06);color:var(--text);font-weight:600}.tool-button,.small-select,.plain-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);height:30px;padding:0 9px;font-size:11px;font-weight:500;white-space:nowrap}.tool-button svg,.plain-button svg{width:14px;height:14px;color:var(--muted)}.tool-button.export{background:#d96d22;border-color:#d96d22;color:#f1fffc;font-weight:600}.tool-button.export svg{color:#ffdfbb}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.kpi,.card{background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow)}.kpi{position:relative;min-height:147px;padding:15px 16px;overflow:hidden}.kpi:before{content:'';position:absolute;left:0;top:17px;bottom:17px;width:2px;border-radius:0 2px 2px 0;background:var(--teal);opacity:.65}.kpi:nth-child(2):before{background:#5b9fd8}.kpi:nth-child(3):before{background:#9678cb}.kpi:nth-child(4):before{background:#52b78b}.kpi-line{display:flex;align-items:center;gap:8px}.kpi-icon{width:26px;height:26px;border-radius:6px;display:grid;place-items:center}.kpi-icon svg{width:15px;height:15px}.kpi-icon.electric{color:#ba8831;background:#fbf1dc}.kpi-icon.water{color:#4f94d8;background:#e9f2fb}.kpi-icon.fuel{color:#8d71c3;background:#f0eafb}.kpi-icon.leaf{color:#38a983;background:#e6f6ed}.kpi-label{font-size:12px;color:var(--muted);font-weight:600;flex:1}.kpi-menu{font-size:16px;color:var(--faint);line-height:.5;letter-spacing:1px}.kpi-main{display:flex;align-items:baseline;gap:5px;margin-top:16px}.kpi-main strong{font-size:26px;line-height:1;font-weight:700;letter-spacing:-.02em}.kpi-main>span{color:var(--muted);font-size:13px;font-weight:500}.kpi-bottom{display:flex;gap:6px;align-items:center;margin-top:12px;position:relative;z-index:1}.kpi-bottom>span:last-child{font-size:10.5px;color:var(--muted)}.change{font-size:11px;font-weight:700;border-radius:4px;padding:2px 4px}.change.good{color:var(--good);background:var(--good-light)}.change.bad{color:var(--bad);background:var(--alert-bg)}.sparkline{position:absolute;right:12px;bottom:7px;width:97px;height:31px;stroke:#e9924d;stroke-width:2;opacity:.7}.sparkline path{fill:none}.sparkline.blue{stroke:#73a5d6}.sparkline.violet{stroke:#a994ca}.sparkline.green{stroke:#65bb9a}.section-grid{display:grid;gap:14px}.hero-grid{grid-template-columns:minmax(0,1.92fr) minmax(300px,.88fr);margin-bottom:14px}.detail-grid{grid-template-columns:minmax(0,1.63fr) minmax(340px,.95fr)}.card{min-width:0;overflow:hidden}.card-head{padding:16px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-eyebrow{font-size:9px;letter-spacing:.13em;color:var(--teal);font-weight:700;margin-bottom:4px}.card-head p{font-size:11px;color:var(--muted);margin-top:4px}.small-select{height:27px;color:var(--muted);margin-top:1px}.small-select svg{width:12px;height:12px}.card-more{font-size:19px;color:var(--muted);line-height:.6;letter-spacing:2px}.trend-card{min-height:361px}.trend-summary{display:flex;align-items:end;justify-content:space-between;padding:22px 18px 0;gap:12px}.trend-summary>div{display:flex;align-items:center;gap:9px}.trend-summary strong{font-size:23px;line-height:1;letter-spacing:-.015em}.trend-summary strong small{font-size:13px;color:var(--muted);font-weight:500}.legend{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;white-space:nowrap}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.legend-now{background:#ee8735}.legend-prev{background:#abbac3;margin-left:7px}.plot{margin:17px 20px 0 54px;position:relative}.plot svg{display:block;width:100%;height:199px;overflow:visible}.y-labels{position:absolute;left:-39px;top:-2px;height:192px;display:flex;flex-direction:column;justify-content:space-between;color:var(--faint);font-size:10px}.gridlines{stroke:var(--grid);stroke-width:1;stroke-dasharray:4 5}.plot-fill{fill:url(#trendArea);stroke:none}.plot-prev{stroke:#adbfc8;stroke-width:2;fill:none;stroke-dasharray:5 5}.plot-now{stroke:#ee8735;stroke-width:2.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.plot-point{fill:#ee8735;stroke:var(--surface);stroke-width:4}.plot-halo{fill:#ee8735;opacity:.18;stroke:none}.plot-tooltip{position:absolute;left:74%;top:12px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 22px rgba(20,40,50,.12);border-radius:7px;padding:7px 9px;min-width:100px;pointer-events:none}.plot-tooltip small,.plot-tooltip b,.plot-tooltip span{display:block}.plot-tooltip small{font-size:8px;letter-spacing:.08em;color:var(--faint);font-weight:700}.plot-tooltip b{font-size:13px;color:var(--text);margin-top:2px}.plot-tooltip span{font-size:9px;color:var(--muted)}.months{display:flex;justify-content:space-between;color:var(--faint);font-size:10px;margin:1px 0 0}.card-foot{margin-top:12px;padding:11px 18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.insight-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ee8735;margin-right:4px}.card-foot a,.head-link,.health-link,.alert-footer a{display:flex;align-items:center;gap:5px;color:var(--teal);font-weight:700;white-space:nowrap}.card-foot a svg,.head-link svg,.health-link svg,.alert-footer svg{width:12px;height:12px}.health-card{min-height:361px;display:flex;flex-direction:column}.health-main{display:flex;align-items:center;justify-content:center;gap:25px;margin:16px 0 16px}.health-ring{width:135px;height:135px;border-radius:50%;background:conic-gradient(#29b595 0 91.7%,#e4ae5b 91.7% 95.85%,#dd7776 95.85%);display:grid;place-items:center;position:relative;flex:none}.health-ring:before{content:'';position:absolute;width:106px;height:106px;border-radius:50%;background:var(--surface)}.health-ring>div{position:relative;text-align:center}.health-ring strong{font-size:25px;line-height:1}.health-ring strong span{color:var(--faint);font-size:14px}.health-ring small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.health-rate strong,.health-rate span{display:block}.health-rate strong{font-size:23px;line-height:1}.health-rate span{font-size:10px;color:var(--muted);max-width:85px;margin-top:5px}.health-rows{display:grid;gap:7px;margin:0 18px 12px}.health-rows>div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.health-rows b{color:var(--text);font-size:11px}.state-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.state-dot.online{background:#29b595}.state-dot.warning{background:#e6ad52}.state-dot.offline{background:#d87575}.health-meta{margin:3px 18px 0;padding:9px 0 7px;border-top:1px solid var(--border);display:grid;gap:5px}.health-meta>div{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.health-meta b{color:var(--text);font-weight:600}.health-link{border-top:1px solid var(--border);padding:11px 18px;font-size:10px;margin-top:auto}.buildings-card,.alerts-card{min-height:377px}.plain-button{height:26px;color:var(--muted)}.table-wrap{padding:13px 17px 0;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:var(--faint);font-size:9px;letter-spacing:.09em;font-weight:700;padding:8px 7px;border-bottom:1px solid var(--border)}td{font-size:11px;color:var(--muted);padding:8px 7px;border-bottom:1px solid var(--border)}td:first-child b,td:first-child small{display:block}td:first-child b{color:var(--text);font-weight:600;font-size:11px}td:first-child small{font-size:9.5px;margin-top:2px;color:var(--faint)}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:3px 6px;font-size:9.5px;font-weight:600}.status-pill i{width:5px;height:5px;border-radius:50%}.status-pill.normal{color:var(--good);background:var(--good-light)}.status-pill.normal i{background:var(--good)}.status-pill.attention{color:var(--bad);background:var(--alert-bg)}.status-pill.attention i{background:var(--bad)}.bar-cell{display:flex;align-items:center;gap:8px}.bar-cell strong{font-weight:600;color:var(--text);min-width:42px}.meter{width:65px;height:4px;background:var(--track);border-radius:4px;overflow:hidden}.meter i{display:block;height:100%;border-radius:4px;background:#e48133}.delta{font-weight:700}.delta.good{color:var(--good)}.delta.bad{color:var(--bad)}.row-arrow{color:var(--faint);font-size:14px}.table-footer{display:flex;justify-content:space-between;padding:11px 24px;color:var(--muted);font-size:10px}.table-footer strong{color:var(--text);font-size:11px}.table-footer strong span{color:var(--faint);padding:0 3px}.head-count{font-size:10px;color:var(--bad);background:var(--alert-bg);padding:2px 5px;border-radius:4px;vertical-align:middle;margin-left:3px}.head-link{font-size:10px;margin-top:4px}.alerts-list{padding:13px 18px 0}.alert-item{display:flex;gap:9px;padding:11px 0;border-bottom:1px solid var(--border)}.alert-item:first-child{padding-top:4px}.alert-item>div{flex:1;min-width:0}.alert-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;font-weight:700;flex:none}.alert-icon.warning{background:var(--alert-bg);color:var(--bad)}.alert-icon.info{background:var(--teal-light);color:var(--teal)}.alert-title{display:flex;justify-content:space-between;gap:8px;align-items:start}.alert-title strong{font-size:11px;line-height:1.2;font-weight:600}.severity{font-size:9px;border-radius:4px;padding:2px 4px;white-space:nowrap;font-weight:700}.severity.high{background:#fbebea;color:#c26866}.severity.medium{background:var(--alert-bg);color:var(--bad)}.alert-item p{color:var(--muted);font-size:10px;line-height:1.35;margin-top:4px}.alert-item small{color:var(--faint);display:flex;align-items:center;gap:4px;font-size:9.5px;margin-top:6px}.alert-item small svg{width:10px;height:10px}.alert-footer{padding:10px 18px}.alert-footer a{font-size:10px}.bottom-note{display:flex;justify-content:space-between;gap:10px;color:var(--faint);font-size:10px;padding:14px 1px 0}.bottom-note .live-dot{width:5px;height:5px;margin-right:5px}
@media(max-width:1350px){.sidebar{width:214px}.top-date{display:none}.hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,.9fr)}.detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(310px,.9fr)}.range-tabs button{padding:5px 6px}.tool-button{font-size:10px}.table-wrap{padding:10px 10px 0}}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.detail-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar-right{flex-wrap:wrap}.sidebar{width:190px}.nav-main a{font-size:11px}.workspace{display:none}.nav-caption{margin-top:23px}}
@media(max-width:720px){.sidebar{display:none}.topbar{height:52px;padding:0 16px}main{padding:22px 14px}.page-intro{align-items:start;flex-direction:column}.intro-right{width:100%;justify-content:space-between}.kpi-grid{gap:9px}.kpi{min-height:132px;padding:11px}.kpi-label{font-size:11px}.kpi-main strong{font-size:22px}.kpi-bottom>span:last-child{display:none}.sparkline{width:60px}.toolbar-right{width:100%}.range-tabs{flex:1}.range-tabs button{flex:1}.tool-button{height:29px}.tool-button:not(.export){display:none}.health-main{justify-content:flex-start;padding-left:25px}.bottom-note span:last-child{display:none}}

.range-tabs button:disabled{cursor:default;opacity:.65}

/* Geographic view and daily demand chart */
.map-grid{grid-template-columns:minmax(0,1.38fr) minmax(330px,.82fr);margin-bottom:14px}.map-card,.daily-card{min-height:322px}.map-caption{font-size:9px;letter-spacing:.08em;color:var(--faint);border:1px solid var(--border);border-radius:4px;padding:4px 6px;white-space:nowrap}.map-canvas{height:235px;position:relative;margin:13px 17px 0;border-radius:7px;overflow:hidden;background:#e7eee8;border:1px solid var(--border)}.map-canvas>svg{display:block;width:100%;height:100%;stroke:none}.map-pin{filter:url(#pinShadow)}.map-pin circle{fill:#e67a2c;stroke:#fff;stroke-width:3}.map-pin.issue circle{fill:#cb5550}.map-pin text{font-size:13px;font-weight:bold;text-anchor:middle;fill:#fff;font-family:'Roboto Condensed',Arial,sans-serif;stroke:none}.map-overview{position:absolute;left:13px;bottom:12px;display:flex;flex-direction:column;gap:2px;padding:7px 10px;border:1px solid rgba(220,228,220,.8);border-radius:6px;background:rgba(255,255,255,.94);box-shadow:0 5px 14px rgba(44,66,50,.10)}.map-overview b{font-size:12px;color:#1b3038}.map-overview span{font-size:9px;color:#617978}.map-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;font-size:10px;color:var(--muted)}.map-footer>span{display:flex;align-items:center;gap:6px}.map-footer a{display:flex;align-items:center;gap:4px;color:var(--teal);font-weight:700}.map-footer svg{width:12px;height:12px}.map-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.map-dot.normal{background:#e67a2c}.map-dot.issue{background:#cb5550;margin-left:12px}.daily-summary{display:flex;align-items:baseline;gap:8px;padding:16px 18px 0}.daily-summary strong{font-size:23px;line-height:1}.daily-summary strong small{font-size:11px;color:var(--muted);font-weight:500}.daily-summary>span{color:var(--muted);font-size:10px}.daily-summary>b{margin-left:auto;color:var(--teal);background:var(--teal-light);border-radius:4px;padding:3px 5px;font-size:9px}.daily-bars{height:149px;display:flex;align-items:flex-end;gap:4px;margin:20px 18px 0;padding:0 3px 0;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 36px,var(--grid) 37px,transparent 38px)}.daily-bars i{display:block;flex:1;height:var(--h);background:linear-gradient(to top,#f4bd8b,#ed8332);border-radius:3px 3px 0 0;opacity:.78}.daily-bars i.peak{background:linear-gradient(to top,#e97c2e,#c8591d);opacity:1}.daily-axis{display:flex;justify-content:space-between;color:var(--faint);font-size:9px;margin:6px 19px 0}.daily-foot{display:flex;align-items:center;gap:6px;border-top:1px solid var(--border);margin-top:14px;padding:10px 18px;color:var(--muted);font-size:10px}.pulse-ring{width:7px;height:7px;border-radius:50%;background:#e67a2c;box-shadow:0 0 0 3px rgba(230,122,44,.12)}
@media(max-width:1100px){.map-grid{grid-template-columns:1fr}.map-canvas{height:255px}}@media(max-width:720px){.map-caption{display:none}.daily-summary{flex-wrap:wrap}.daily-summary>b{margin-left:0}.map-canvas{height:220px}}
.chart-host{width:100%}#energyChart{height:218px;margin:7px 0 2px}.health-ring{background:none}.health-ring:before{display:none}.health-chart{position:absolute;inset:0;width:100%;height:100%}.health-center{position:relative;pointer-events:none;text-align:center}.health-center strong{font-size:25px;line-height:1}.health-center strong span{color:var(--faint);font-size:14px}.health-center small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.daily-chart{height:177px;margin:8px 0 0}.daily-foot{margin-top:4px}
.chart-host>div>svg,.health-chart>div>svg{width:100%;height:100%;stroke:initial;fill:initial;stroke-width:initial}
.health-ring{width:135px;height:135px;position:relative;display:block;flex:none}.health-chart{position:absolute!important;inset:0;width:135px!important;height:135px!important}.health-chart>div{width:135px!important;height:135px!important}
.health-center{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1;pointer-events:none}
body[data-theme=dark] .map-canvas>svg{filter:brightness(.72) saturate(.82)}body[data-theme=dark] .map-overview{background:rgba(21,35,43,.94);border-color:#52665f}body[data-theme=dark] .map-overview b{color:#eaf1ed}body[data-theme=dark] .map-overview span{color:#aec3b7}
/* Refined portfolio KPI cards */
.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.kpi{--kpi-accent:#e8792b;--kpi-tint:rgba(232,121,43,.055);min-height:205px;padding:14px 15px 0;border-top:2px solid var(--kpi-accent);background:linear-gradient(180deg,var(--kpi-tint),var(--surface) 34%);overflow:hidden}.kpi:before{display:none}.kpi-water{--kpi-accent:#5f9ed7;--kpi-tint:rgba(95,158,215,.055)}.kpi-fuel{--kpi-accent:#9c81c8;--kpi-tint:rgba(156,129,200,.055)}.kpi-carbon{--kpi-accent:#4aae8b;--kpi-tint:rgba(74,174,139,.055)}.kpi-temperature{--kpi-accent:#d98658;--kpi-tint:rgba(217,134,88,.055)}.kpi-top{display:flex;align-items:center;gap:8px}.kpi-icon{flex:none;width:28px;height:28px}.kpi-icon.temp{color:#d98658;background:#fff0e7}.kpi-title{min-width:0;flex:1}.kpi-title small,.kpi-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-title small{color:var(--faint);font-size:8.5px;font-weight:700;letter-spacing:.095em;line-height:1}.kpi-title strong{color:var(--text);font-size:11.5px;font-weight:600;margin-top:4px;line-height:1.1}.kpi-period{color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.04em;align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 4px}.kpi-value-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-top:15px}.kpi-value-row>div{white-space:nowrap}.kpi-value-row strong{font-size:27px;line-height:1;font-weight:700;letter-spacing:-.025em}.kpi-value-row>div>span{color:var(--muted);font-size:12px;font-weight:500;margin-left:4px}.kpi-change{border-radius:5px;padding:3px 5px;font-size:10px;font-weight:700;white-space:nowrap}.kpi-change.positive{color:var(--good);background:var(--good-light)}.kpi-change.negative{color:var(--bad);background:var(--alert-bg)}.kpi-change.neutral{color:#9c6b4a;background:#fff0e7}.kpi-subtitle{font-size:9.5px;color:var(--muted);margin-top:5px}.kpi-chart{height:47px;width:calc(100% + 30px);margin:5px -15px 0}.kpi-chart>div>svg{width:100%;height:100%;stroke:initial;fill:initial;stroke-width:initial}.kpi-footer{display:flex;justify-content:space-between;gap:5px;align-items:center;margin:1px -15px 0;padding:8px 15px;border-top:1px solid var(--border);font-size:9.5px;color:var(--muted);background:var(--surface)}.kpi-footer b{font-size:10px;color:var(--text);font-weight:600;white-space:nowrap}body[data-theme=dark] .kpi-icon.temp{background:#3d2d26;color:#ffaf7b}body[data-theme=dark] .kpi-change.neutral{color:#f2b887;background:#3d2d26}
@media(max-width:1450px){.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi{padding-left:12px;padding-right:12px}.kpi-chart{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}.kpi-footer{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.kpi-title strong{font-size:10.5px}.kpi-value-row strong{font-size:24px}}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-title strong{font-size:11.5px}}
@media(max-width:720px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{min-height:198px}.kpi-title strong{font-size:10px}.kpi-value-row strong{font-size:22px}}
/* Compact header and upgraded availability gauge */
.topbar{justify-content:flex-end}main{padding-top:20px}.health-card{display:flex;flex-direction:column}.health-live{display:flex;align-items:center;gap:3px;color:var(--good);font-size:9px;letter-spacing:.08em;font-weight:700;border:1px solid var(--good-light);background:var(--good-light);border-radius:4px;padding:4px 6px}.health-live .live-dot{margin-right:3px}.health-dashboard{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 14px 0;min-height:184px}.health-gauge{width:188px;height:177px;flex:none;position:relative}.health-gauge>div>svg{width:100%;height:100%;stroke:initial;fill:initial;stroke-width:initial}.health-side{flex:1;min-width:0;border-left:1px solid var(--border);padding-left:14px}.health-side-label{display:block;color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.08em}.health-side>strong{display:block;color:var(--text);font-size:23px;line-height:1;margin-top:9px}.health-side>strong span{font-size:13px;color:var(--faint)}.health-side>small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.health-mini-trend{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:18px}.health-mini-trend span{color:var(--muted);font-size:9px}.health-mini-trend b{color:var(--good);background:var(--good-light);padding:2px 4px;border-radius:4px;font-size:9px}.health-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px 11px}.health-status-grid>div{position:relative;min-width:0;padding:8px 8px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);overflow:hidden}.health-status-grid>div>span,.health-status-grid>div>strong{display:block}.health-status-grid span{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-status-grid strong{color:var(--text);font-size:15px;margin-top:2px}.health-status-grid i{position:absolute;top:0;left:0;right:0;height:2px}.health-status-grid .status-online i{background:#28b693}.health-status-grid .status-warning i{background:#e7ad54}.health-status-grid .status-offline i{background:#d57470}.health-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid var(--border);padding:10px 14px;color:var(--muted);font-size:9px}.health-foot b{color:var(--text)}.health-foot a{display:flex;align-items:center;gap:4px;color:var(--teal);font-weight:700;white-space:nowrap}.health-foot svg{width:11px;height:11px}
@media(max-width:1350px){.health-gauge{width:160px;height:160px}.health-dashboard{min-height:168px}.health-side{padding-left:8px}}
/* Data-flow model */
.flow-card{position:relative;margin:0 0 14px;overflow:hidden;border-radius:11px;background:radial-gradient(circle at 52% 30%,rgba(231,120,42,.14),transparent 37%),linear-gradient(130deg,#102230,#152b39 62%,#10212e);color:#eaf2f4;border:1px solid #253e4a;box-shadow:0 12px 28px rgba(21,43,55,.12)}.flow-card:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) .7px,transparent .7px);background-size:16px 16px;opacity:.45}.flow-header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px 22px 7px}.flow-eyebrow{font-size:9px;font-weight:700;letter-spacing:.15em;color:#ffa660;display:flex;align-items:center;gap:7px}.flow-eyebrow span{width:11px;height:2px;background:#f28a36}.flow-header h2{font-size:18px;margin-top:5px;color:#fff}.flow-header p{color:#9fb6c2;font-size:11px;margin-top:5px}.flow-badge{font-size:9px;letter-spacing:.1em;color:#b3c9d3;border:1px solid #395666;border-radius:5px;padding:5px 7px;white-space:nowrap}.flow-track{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);gap:6px;align-items:stretch;padding:16px 21px 18px}.flow-node{position:relative;min-width:0;min-height:174px;padding:13px 13px 12px;background:rgba(25,51,65,.82);border:1px solid #3a5664;border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.flow-node.flow-central{background:linear-gradient(145deg,rgba(81,53,35,.95),rgba(39,51,59,.96));border-color:#b96d3b;box-shadow:0 0 0 1px rgba(231,128,50,.10),0 0 22px rgba(221,112,30,.13)}.flow-node-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:11px}.flow-stage{font-size:9px;letter-spacing:.11em;color:#90aabb;font-weight:700}.flow-central .flow-stage{color:#ffad72}.flow-node-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:#ffaf70;background:#543c31}.flow-node-icon svg{width:14px;height:14px}.flow-node>strong{font-size:12px;color:#f4fbfd;display:block;font-weight:700}.flow-node>p{font-size:9.5px;color:#93adba;margin-top:3px}.flow-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:13px}.flow-mini-grid span{display:flex;align-items:center;gap:5px;font-size:9px;color:#bbd0d8;background:rgba(255,255,255,.045);border-radius:4px;padding:4px 5px;min-width:0}.flow-mini-grid svg{width:11px;height:11px;color:#f09a59}.flow-connector{position:relative;display:flex;align-items:center;justify-content:center;color:#ffa65f}.flow-connector span{position:absolute;left:-3px;right:-3px;top:50%;height:1px;background:linear-gradient(90deg,#a75c2d,#ffb265);box-shadow:0 0 7px rgba(255,166,93,.45)}.flow-connector:after{content:'';position:absolute;width:6px;height:6px;background:#ffad66;border-radius:50%;top:calc(50% - 2.5px);left:0;box-shadow:0 0 9px #ff9c4c;animation:flow-pulse 2.5s linear infinite}.flow-connector:nth-of-type(4):after{animation-delay:.5s}.flow-connector:nth-of-type(6):after{animation-delay:1s}.flow-connector b{position:relative;z-index:1;margin-left:17px;color:#ffbb81;font-size:16px;background:#1d3540;line-height:1}@keyframes flow-pulse{0%{left:0;opacity:.4}20%{opacity:1}100%{left:90%;opacity:.4}}.flow-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:15px}.flow-tags i{font-style:normal;font-size:9px;color:#d4e5e7;border:1px solid #4d6974;border-radius:4px;padding:2px 5px}.flow-node-stat{display:flex;align-items:baseline;gap:6px;margin-top:12px}.flow-node-stat b{color:#ffae68;font-size:13px}.flow-node-stat span{color:#9bb3bf;font-size:9px}.flow-engine{display:flex;gap:4px;align-items:center;justify-content:space-between;margin-top:15px}.flow-engine span{font-size:9px;color:#fff2e7;background:rgba(238,131,54,.21);border:1px solid rgba(255,165,97,.22);border-radius:4px;padding:4px 5px}.flow-engine i{color:#ffb16f;font-style:normal}.flow-footer{position:relative;display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #2b4552;padding:10px 22px;color:#91adba;font-size:9px}.flow-footer i{width:6px;height:6px;border-radius:50%;display:inline-block;background:#f18a38;margin-right:5px}.flow-footer span:last-child{letter-spacing:.09em;color:#c8dae0;font-weight:700}.flow-footer b{color:#ffa45d;padding:0 4px}
@media(max-width:1250px){.flow-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.flow-connector{display:none}.flow-node{padding:10px}.flow-engine span{font-size:8px;padding:3px}}
@media(max-width:850px){.flow-track{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-footer span:last-child{display:none}}
@media(max-width:520px){.flow-track{grid-template-columns:1fr}.flow-node{min-height:155px}.flow-header{flex-direction:column}.flow-badge{align-self:flex-start}}
.health-live{color:var(--bad);border-color:var(--alert-bg);background:var(--alert-bg)}.health-live .live-dot{background:#e2ab55;box-shadow:0 0 0 3px rgba(226,171,85,.15)}
.brand-logo{width:38px;height:38px;background:none;box-shadow:none;border-radius:0}.brand-logo img{width:38px;height:38px;display:block}.brand-copy strong{font-size:16px;letter-spacing:.075em}.brand-copy small{font-size:8px;letter-spacing:.075em}
.brand-logo{width:39px;height:39px}.brand-logo img{width:39px;height:39px}.brand-copy strong{font-size:16px;letter-spacing:.045em;font-weight:700;white-space:nowrap}.brand-copy strong em{font-style:normal;color:#ff9b4a;font-weight:500}.brand-copy small{color:#8da7b5;font-size:8px;letter-spacing:.08em}