:root{--ink:#17231f;--muted:#78847e;--line:#e6ebe7;--paper:#f8faf8;--card:#fff;--green:#4f9e75;--green-dark:#2d6b4c;--mint:#e8f4ed;--sun:#f5b84b;--blue:#6e9ac6;--shadow:0 12px 32px rgba(34,66,49,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#183b2d;color:#e8f3ed;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font:700 18px "Space Grotesk";letter-spacing:-.4px;padding:0 12px 48px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:#f6c15b;color:#24543c;border-radius:10px;font-size:23px}.side-label,.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#9bb8a9}.side-label{padding:0 14px 12px}.nav-item{display:flex;align-items:center;gap:13px;color:#abc7b7;text-decoration:none;padding:12px 14px;border-radius:10px;margin:3px 0;font-size:14px;font-weight:600}.nav-item span{font-size:18px;width:17px;text-align:center}.nav-item.active,.nav-item:hover{background:#2c5d46;color:#fff}.sidebar-bottom{margin-top:auto}.system-card{background:#23533d;border:1px solid #3d7256;border-radius:14px;padding:15px}.system-card strong{display:block;margin:8px 0 4px;font-size:13px}.system-card>span{display:block;color:#b6d1c1;font-size:11px}.status-dot{font-size:10px;color:#d1e8d9;margin-top:15px}.status-dot i,.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8de0a7;margin-right:6px}.main-content{flex:1;max-width:1540px;padding:40px 5.5%;overflow:hidden}.topbar{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:42px}.topbar h1{font:600 31px "Space Grotesk";letter-spacing:-1.1px;margin:10px 0 5px}.topbar h1 span{color:var(--sun);font-size:26px}.subtitle,p{color:var(--muted);font-size:13px;margin:0}.top-actions{display:flex;gap:12px;align-items:center}.primary-button{border:0;background:var(--green-dark);color:#fff;border-radius:9px;padding:12px 17px;font-weight:700;box-shadow:0 7px 15px rgba(45,107,76,.17)}.primary-button:hover{background:#23553b}.icon-button,.close-button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:9px;width:43px;height:43px;font-size:20px}.section-block{margin-bottom:30px}.section-heading,.panel-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.section-heading h2,.panel h2{font:600 17px "Space Grotesk";margin:0 0 5px;letter-spacing:-.3px}.select{border:1px solid var(--line);background:#fff;color:#55635d;border-radius:8px;padding:9px 12px;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:17px 18px;box-shadow:var(--shadow)}.kpi-card.highlight{border-top:3px solid var(--sun);padding-top:15px}.kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.kpi-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-weight:700}.kpi-icon.sun{background:#fff3d8;color:#d39016;font-size:22px}.kpi-icon.grid{background:#e7f0f8;color:#5d85ad;font-size:23px}.kpi-icon.export{background:#e6f3ec;color:#4c9a73}.kpi-icon.money{background:#eef0dc;color:#88952e;font-size:10px}.trend{font-size:10px;font-weight:700;padding:4px 7px;border-radius:30px}.trend.positive{background:#e8f5ec;color:#4c936c}.trend.neutral{background:#f2f4f2;color:#87918b}.kpi-label{font-size:12px;color:var(--muted);margin-bottom:6px}.kpi-value{font:600 25px "Space Grotesk";letter-spacing:-.7px}.kpi-value small{font:500 12px "DM Sans";color:var(--muted)}.kpi-note{font-size:10px;color:#9da8a2;margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-bottom:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px;box-shadow:var(--shadow)}.legend{display:flex;gap:14px;color:var(--muted);font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-dot.solar{background:var(--sun)}.legend-dot.network{background:var(--blue)}.legend-dot.export{background:var(--green)}.chart-area{height:225px;display:flex;align-items:flex-end;gap:7px;padding:24px 2px 4px;border-bottom:1px solid var(--line);margin-top:16px}.chart-column{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;position:relative;min-width:8px}.bar{width:45%;min-height:2px;border-radius:4px 4px 1px 1px;transition:height .3s}.bar.solar{background:#f5c666}.bar.network{background:#8bb0d4}.chart-column:hover:after{content:attr(data-label);position:absolute;bottom:calc(var(--max-height) + 10px);background:#234636;color:white;padding:4px 6px;border-radius:5px;font-size:9px;white-space:nowrap;z-index:2}.chart-footer{display:flex;justify-content:space-between;color:#9aa59f;font-size:10px;padding-top:8px}.live-pill{font-size:10px;color:#5a8e70;background:#edf7f0;padding:5px 8px;border-radius:20px}.flow-visual{display:flex;align-items:center;gap:28px;padding:28px 8px}.flow-ring{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 68%,var(--sun) 68% 88%,#dce7ef 88% 100%);position:relative;flex:0 0 auto}.flow-ring:after{content:"";position:absolute;inset:14px;background:#fff;border-radius:50%}.flow-ring>div{position:relative;z-index:1;text-align:center}.flow-ring strong{display:block;font:700 26px "Space Grotesk"}.flow-ring span{display:block;color:var(--muted);font-size:10px;max-width:70px;line-height:1.2}.flow-legend{flex:1}.flow-legend>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eff2f0;padding:10px 0;font-size:11px;color:var(--muted)}.flow-legend>div>span{display:flex;align-items:center;gap:7px}.flow-legend strong{font-size:12px;color:var(--ink)}.flow-footnote{background:#f7faf7;border-radius:8px;padding:10px 12px;color:#87928c;font-size:10px}.readings-panel{padding-bottom:8px}.text-button{background:transparent;border:0;color:var(--green-dark);font-size:12px;font-weight:700;padding:3px 0}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:750px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#9aa59f;font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;font-size:12px;border-bottom:1px solid #f0f3f1;color:#4f5c56}tbody tr:hover{background:#fbfdfb}.num{font-variant-numeric:tabular-nums}.status-badge{font-size:10px;padding:5px 8px;border-radius:20px;font-weight:700}.status-badge.manual{background:#edf5ef;color:#5c916e}.status-badge.estimated{background:#fff4dc;color:#ad7b20}.row-action{border:0;background:transparent;color:#a4afa9;font-size:16px}.settings-panel{margin-top:16px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;border-bottom:1px solid #eff2f0}.settings-row:last-child{border-bottom:0}.settings-row label{font-weight:600;font-size:13px}.settings-row label span{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:4px}.setting-input{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.setting-input input{width:80px;border:1px solid var(--line);border-radius:7px;padding:8px;font-size:13px}.small-button,.outline-button{border:1px solid var(--line);background:#fff;color:var(--green-dark);border-radius:7px;padding:8px 11px;font-size:11px;font-weight:700}.outline-button:hover,.small-button:hover{background:#f2f8f4}.footer{display:flex;justify-content:space-between;color:#a4afa9;font-size:10px;padding:25px 2px}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(18,45,33,.45);z-index:5;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:16px;width:min(520px,100%);padding:24px;box-shadow:0 25px 70px rgba(9,31,20,.24)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal h2{font:600 21px "Space Grotesk";margin:8px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:11px;color:var(--muted);font-weight:600}.form-grid input{display:block;width:100%;margin-top:7px;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.check-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:18px 0}.check-row input{accent-color:var(--green)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.close-button{border:0;font-size:25px}.section-heading{align-items:center}@media(max-width:1000px){.sidebar{width:215px}.main-content{padding:30px 3%}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:680px){.app-shell{display:block}.sidebar{width:100%;padding:18px 15px;display:block}.brand{padding:0 4px 16px}.side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px}.nav-item{font-size:11px;padding:9px 10px;margin:0}.main-content{padding:25px 15px}.topbar{display:block;margin-bottom:30px}.top-actions{margin-top:20px}.kpi-grid{gap:10px}.kpi-card{padding:14px}.kpi-value{font-size:20px}.kpi-note{font-size:9px}.flow-visual{gap:15px;padding:22px 0}.flow-ring{width:120px;height:120px}.footer{display:block;line-height:2}.form-grid{grid-template-columns:1fr}.settings-row{display:block}.setting-input{margin-top:12px}}
 .kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.kpi-card{transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(34,66,49,.1)}.kpi-icon.live{background:#e8f6f1;color:#2d9a78;font-size:20px}.kpi-icon.saving{background:#f1eddf;color:#9b8a37}.trend.live{background:#e8f6f1;color:#2d9a78}.now-panel{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:16px;background:linear-gradient(110deg,#183b2d,#27634a);border:0;color:#fff;overflow:hidden;position:relative}.now-panel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-150px;background:rgba(255,255,255,.08)}.now-copy{max-width:380px;position:relative;z-index:1}.now-copy .eyebrow{color:#b9dcc7}.now-copy h2{font:600 20px "Space Grotesk";margin:8px 0}.now-copy p{color:#c7ded0;line-height:1.5}.now-stats{display:flex;gap:10px;position:relative;z-index:1}.now-stats>div{min-width:135px;padding:13px 15px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.08)}.now-stats span{display:block;color:#b8d3c4;font-size:10px;margin-bottom:7px}.now-stats strong{font:600 17px "Space Grotesk"}.now-highlight{background:#f5c666!important;border-color:#f5c666!important;color:#1e392b}.now-highlight span{color:#486044}.now-highlight strong{color:#173b2b}.topbar h1{font-size:34px}.panel{box-shadow:0 14px 35px rgba(34,66,49,.055)}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.now-panel{align-items:flex-start;flex-direction:column}.now-stats{width:100%}.now-stats>div{flex:1}}
@media(max-width:680px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.now-stats{display:grid;grid-template-columns:1fr 1fr}.now-stats>div{min-width:0}.now-highlight{grid-column:1/-1}.topbar h1{font-size:29px}}
.day-detail .day-metrics>div{background:#f2f6fb!important;border-color:#d4e0ed!important}.day-detail .day-metrics>div:nth-child(4){background:#fff7e5!important;border-color:#f0dcae!important}.day-detail .day-metrics>div:nth-child(5){background:#eef5fc!important;border-color:#d2e1f1!important}.day-detail .day-metrics span{color:#68809a!important}.day-detail .day-metrics strong{color:#183552!important;text-shadow:none}.day-detail .day-metrics>div:nth-child(4) strong{color:#765b20!important}.day-detail .day-metrics>div:nth-child(5) strong{color:#24547e!important}
.high-tech-theme{color-scheme:dark}
:root{--ink:#edf6ff;--muted:#8fa4bf;--line:#203352;--paper:#060b16;--card:rgba(13,22,40,.82);--green:#54e0c0;--green-dark:#18a990;--mint:#102c35;--sun:#ffcf67;--blue:#6da9ff;--shadow:0 20px 60px rgba(0,0,0,.28)}
body{background:#060b16;color:var(--ink);background-image:linear-gradient(rgba(80,116,170,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(80,116,170,.045) 1px,transparent 1px),radial-gradient(circle at 82% -8%,rgba(61,112,255,.2),transparent 32%),radial-gradient(circle at 18% 40%,rgba(31,205,180,.1),transparent 28%);background-size:42px 42px,42px 42px,auto,auto;background-attachment:fixed}.app-shell{position:relative}.sidebar{background:linear-gradient(180deg,#080f20 0%,#091a2b 100%);border-right:1px solid #1b3456;box-shadow:16px 0 50px rgba(0,0,0,.24);position:relative}.sidebar:after{content:"";position:absolute;right:-1px;top:110px;width:2px;height:120px;background:linear-gradient(var(--green),transparent);box-shadow:0 0 18px var(--green)}.brand{color:#e9f5ff;letter-spacing:.2px}.brand-mark{background:linear-gradient(135deg,#ffe287,#ff9f58);color:#081426;box-shadow:0 0 22px rgba(255,207,103,.35)}.side-label,.eyebrow{color:#6f8eaf}.nav-item{color:#86a1bd;border:1px solid transparent}.nav-item.active,.nav-item:hover{background:linear-gradient(100deg,rgba(38,216,186,.18),rgba(74,119,255,.13));border-color:rgba(84,224,192,.32);color:#ecffff;box-shadow:inset 3px 0 var(--green),0 0 24px rgba(40,212,190,.08)}.system-card{background:linear-gradient(135deg,rgba(19,52,70,.92),rgba(14,27,53,.92));border:1px solid #275276;box-shadow:0 0 28px rgba(57,170,222,.12)}.system-card>span{color:#8faec8}.status-dot{color:#a9e8db}.status-dot i,.live-pill i{background:var(--green);box-shadow:0 0 10px var(--green)}.main-content{max-width:1600px}.topbar h1{color:#f3f8ff;text-shadow:0 0 30px rgba(98,179,255,.18)}.topbar h1 span{color:#ffd66f;text-shadow:0 0 16px rgba(255,214,111,.55)}.subtitle,p{color:var(--muted)}.primary-button{background:linear-gradient(135deg,#24c9ad,#387cff);border:1px solid rgba(117,242,222,.5);box-shadow:0 0 24px rgba(37,200,180,.2),0 9px 24px rgba(19,65,146,.3)}.primary-button:hover{background:linear-gradient(135deg,#46e4c5,#6b98ff);box-shadow:0 0 30px rgba(69,228,197,.35)}.icon-button,.close-button{border-color:#28415f;color:#9db4ce;background:rgba(12,23,42,.7)}.icon-button:hover,.close-button:hover{border-color:var(--green);color:#eaffff;box-shadow:0 0 16px rgba(84,224,192,.2)}.select,.setting-input input{background:#0d182b;color:#d9ebff;border-color:#294463}.select:focus,.setting-input input:focus{outline:1px solid var(--green);box-shadow:0 0 14px rgba(84,224,192,.2)}.section-heading h2,.panel h2{color:#e8f4ff}.kpi-card,.panel{background:linear-gradient(145deg,rgba(16,27,48,.9),rgba(10,18,34,.86));border-color:#203a5b;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(14px)}.kpi-card:hover,.panel:hover{border-color:#32628a;box-shadow:0 22px 65px rgba(0,0,0,.36),0 0 24px rgba(57,155,223,.08)}.kpi-card.highlight{border-top-color:var(--sun)}.kpi-icon.sun{background:rgba(255,202,92,.14);color:#ffd66f;box-shadow:0 0 18px rgba(255,205,102,.12)}.kpi-icon.grid{background:rgba(91,153,255,.14);color:#8bbcff}.kpi-icon.export{background:rgba(75,221,179,.14);color:#65e6c5}.kpi-icon.money{background:rgba(180,201,68,.15);color:#d3e27a}.kpi-icon.live,.kpi-icon.saving{background:rgba(84,224,192,.14);color:#74f0d3}.kpi-label,.flow-legend>div,.day-metrics span{color:#8da6c1}.kpi-value,.flow-legend strong,.day-metrics strong{color:#f1f8ff}.kpi-value small{color:#8da6c1}.kpi-note{color:#708ba8}.trend.positive,.trend.live{background:rgba(69,223,178,.14);color:#72ebcc}.trend.neutral{background:rgba(111,151,207,.13);color:#a9c2dc}.dashboard-grid{position:relative}.chart-area{border-bottom-color:#254261}.bar.solar{background:linear-gradient(180deg,#ffe17f,#ff9b55);box-shadow:0 0 12px rgba(255,184,85,.35)}.bar.network{background:linear-gradient(180deg,#90baff,#5379ff);box-shadow:0 0 12px rgba(95,141,255,.3)}.chart-column:hover:after{background:#122743;border:1px solid #315579;box-shadow:0 0 18px rgba(71,175,225,.25)}.chart-footer{color:#6f8ca9}.legend,.flow-legend{color:#8da6c1}.flow-ring{background:conic-gradient(#42d6ad 0 68%,#ffc962 68% 88%,#203c5b 88% 100%);box-shadow:0 0 32px rgba(52,213,176,.15)}.flow-ring:after{background:#0d182b}.flow-ring strong{color:#effcff}.flow-footnote{background:rgba(25,48,70,.62);color:#8ba6c0;border:1px solid #24415f}.live-pill{background:rgba(74,220,180,.12);color:#7de6cd}.now-panel{background:linear-gradient(115deg,#0c273c,#111c45 58%,#18285a);border:1px solid #2b6280;box-shadow:0 0 35px rgba(45,184,214,.13)}.now-panel:after{background:rgba(83,221,203,.08)}.now-copy .eyebrow{color:#72d8d0}.now-copy p{color:#9cb8d1}.now-stats>div{background:rgba(255,255,255,.065);border-color:rgba(133,194,230,.2)}.now-stats span{color:#94b4cd}.now-highlight{background:linear-gradient(135deg,#ffd975,#ffb45d)!important;border:0!important;box-shadow:0 0 22px rgba(255,187,87,.22)}.now-highlight span{color:#514b2e}.now-highlight strong{color:#101b2d}.day-metrics>div{background:rgba(19,36,59,.75);border-color:#23415e}.day-metrics>div:nth-child(4){background:rgba(255,199,85,.1);border-color:rgba(255,199,85,.35)}.day-metrics>div:nth-child(5){background:rgba(82,146,255,.1);border-color:rgba(82,146,255,.3)}.readings-panel thead th{background:#0d182b;color:#7694b1;border-bottom-color:#284563}.readings-panel td{color:#b2c8dc;border-bottom-color:#172d48}.readings-panel tbody tr:hover{background:rgba(52,111,168,.12)}.status-badge.manual{background:rgba(68,220,176,.13);color:#78e5c7}.status-badge.estimated{background:rgba(255,198,84,.13);color:#ffd675}.negative{color:#ff8f91!important}.text-button{color:#70e3cc}.settings-row{border-bottom-color:#1e3958}.settings-row label{color:#e2effb}.settings-row label span{color:#8ca6c0}.small-button,.outline-button{background:#0d182b;color:#79e5d0;border-color:#2b4a68}.small-button:hover,.outline-button:hover{background:#132642;border-color:var(--green);box-shadow:0 0 16px rgba(84,224,192,.15)}.footer{color:#6b88a5}.modal-backdrop{background:rgba(2,7,16,.76);backdrop-filter:blur(8px)}.modal{background:linear-gradient(145deg,#101f37,#0b1528);border:1px solid #315578;box-shadow:0 25px 90px rgba(0,0,0,.55),0 0 40px rgba(55,170,222,.14)}.modal h2{color:#f1f8ff}.form-grid label{color:#9ab3ca}.form-grid input{background:#0c182b;color:#eff8ff;border-color:#294866}.check-row{color:#9ab3ca}.check-row input{accent-color:var(--green)}
.readings-panel .table-wrap{max-height:620px;overflow:auto}.readings-panel table{min-width:1180px}.readings-panel thead th{position:sticky;top:0;background:#fff;z-index:1}.readings-panel td{white-space:nowrap}.negative{color:#b05245!important;font-weight:700}
.filters{display:flex;gap:10px;align-items:flex-end}.filters label{display:flex;flex-direction:column;gap:5px;color:#8b9690;font-size:10px;font-weight:700}.filters .select{min-width:145px}.day-detail{margin-bottom:16px}.day-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.day-metrics>div{background:#f7faf8;border:1px solid #edf1ee;border-radius:10px;padding:13px}.day-metrics span{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.day-metrics strong{font:600 17px "Space Grotesk"}.day-metrics>div:nth-child(4){background:#fff8e7;border-color:#f6e5bd}.day-metrics>div:nth-child(5){background:#f1f6fb;border-color:#dfebf5}@media(max-width:900px){.day-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.filters{width:100%;display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.filters .select{min-width:0;width:100%}.section-heading{display:block}.day-metrics{grid-template-columns:1fr 1fr}.day-metrics>div:last-child{grid-column:1/-1}}
@media(max-width:680px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.now-stats{display:grid;grid-template-columns:1fr 1fr}.now-stats>div{min-width:0}.now-highlight{grid-column:1/-1}.topbar h1{font-size:29px}}