@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap";:root{color:#163b33;font-synthesis:none;background:#f7f9f6;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.minimal{width:min(1000px,100% - 40px);margin:auto;padding:30px 0 40px}.top{border-bottom:1px solid #e2e8e3;justify-content:space-between;align-items:center;height:52px;display:flex}.logo{letter-spacing:.7px;align-items:center;gap:9px;font:800 14px Manrope;display:flex}.logo>span{color:#f5b91f;background:#173f36;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.logo svg{width:18px}.logo b span{color:#e8a900}.refresh{color:#557068;background:#fff;border:1px solid #dce5df;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font:600 11px DM Sans;display:flex}.refresh svg{width:14px}.refresh:disabled{opacity:.6}.spin{animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.intro{padding:55px 0 34px}.intro p{letter-spacing:1.6px;color:#92a39d;margin:0 0 8px;font-size:10px;font-weight:700}.intro h1{letter-spacing:-1.3px;margin:0;font:800 35px Manrope}.intro>span{color:#81938d;margin-top:8px;font-size:13px;display:block}.energyFlow{color:#fff;background:#17483e;border-radius:20px;justify-content:space-between;align-items:center;min-height:205px;padding:36px 7%;display:flex}.energyFlow>div{justify-items:center;min-width:145px;display:grid}.round{border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:12px;display:grid}.round svg{width:18px}.round.solar{color:#fff;background:#f2b51b}.round.home{background:#2a6558}.round.grid{background:#367265}.energyFlow small{color:#a9c1bb;font-size:10px}.energyFlow strong{margin-top:4px;font:700 24px Manrope}.energyFlow strong.negative{color:#91dfc0}.energyFlow>i{background:linear-gradient(90deg,#d6aa3b,#54bc93);flex:1;height:1px;margin:0 20px;position:relative}.energyFlow>i:after{content:"›";color:#69cfa8;position:absolute;top:-10px;right:-2px}.details{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 34px;display:grid}.details article{background:#fff;border:1px solid #e2e8e3;border-radius:13px;padding:18px;display:grid}.details small{color:#879a94;font-size:10px}.details b{margin-top:5px;font:700 17px Manrope}.systems{background:#fff;border:1px solid #e1e8e3;border-radius:16px;padding:24px}.systems h2{margin:0 0 8px;font:700 16px Manrope}.source{border-bottom:1px solid #edf1ee;align-items:center;gap:13px;padding:16px 0;display:flex}.source:last-child{border:0}.sourceIcon{color:#307d68;background:#edf5f1;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.sourceIcon svg{width:18px}.source>div:nth-child(2){flex:1;display:grid}.source b{font-size:13px}.source small{color:#8a9b96;margin-top:3px;font-size:10px}.source em{color:#b65a52;margin-top:3px;font-size:9px;font-style:normal}.status{color:#94a39f;font-size:10px}.status:before{content:"";background:#b9c4c0;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.status.on{color:#368d70}.status.on:before{background:#3bb487}.secondary,.primary{color:#fff;background:#184d41;border:0;border-radius:9px;padding:10px 14px;font:600 11px DM Sans}.secondary{margin-left:10px}footer{text-align:center;color:#94a49f;margin-top:22px;font-size:10px}.shade{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102b26b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:min(410px,100%);padding:32px;position:relative;box-shadow:0 25px 80px #08251d55}.close{color:#637b74;background:#f0f4f1;border:0;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:17px;right:17px}.close svg{width:16px}.brandIcon{border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.brandIcon.blue{color:#328cca;background:#e7f4fc}.brandIcon.sun{color:#e2a30c;background:#fff3d6}.modal h2{margin:0;font:700 21px Manrope}.muted{color:#7d918a;font-size:12px;line-height:1.55}.privacy{color:#55746b;background:#f0f6f3;border-radius:10px;align-items:center;gap:8px;margin:20px 0;padding:13px;font-size:11px;display:flex}.privacy svg{width:17px}.wide{width:100%;margin-top:10px}.ok{color:#29a473;background:#e5f6ee;border-radius:50%;place-items:center;width:54px;height:54px;margin:22px auto;display:grid}.ok svg{width:25px}.formError{color:#b34242;background:#fff0f0;border-radius:8px;padding:9px;font-size:10px}@media (width<=700px){.minimal{width:min(100% - 24px,1000px);padding-top:16px}.intro{padding:36px 0 24px}.intro h1{font-size:27px}.energyFlow{min-height:180px;padding:28px 14px}.energyFlow>div{flex:1;min-width:0}.energyFlow strong{font-size:16px}.energyFlow>i{margin:0 7px}.details{grid-template-columns:repeat(2,1fr)}.source{flex-wrap:wrap}.status{margin-left:auto}.secondary{width:100%;margin:4px 0 0}.refresh{font-size:0}.refresh svg{margin:0}.top{height:46px}}.apiField{text-align:left;color:#526d65;gap:6px;margin:14px 0;font-size:10px;font-weight:700;display:grid}.apiField input{box-sizing:border-box;border:1px solid #dbe4df;border-radius:10px;outline:none;width:100%;padding:12px;font:13px DM Sans}.apiField input:focus{border-color:#4b917d;box-shadow:0 0 0 3px #e0f0e9}.fallbackLink{color:#6c8980;cursor:pointer;background:0 0;border:0;margin:11px auto 0;font:600 10px DM Sans;display:block}.fallbackLink:hover{color:#17483e}.fallbackLink:disabled{opacity:.45}.sourceTimes{gap:7px;margin-top:9px;display:grid}.sourceTimes i{gap:2px;font-style:normal;display:grid}.sourceTimes i em{color:#94a69f;font-size:9px;font-style:normal}.sourceTimes i strong{color:#56726a;font:600 11px DM Sans}.sectionActions,.systemsHead{align-items:center;gap:12px;display:flex}.systemsHead{justify-content:space-between}.systemsHead h2{margin:0}.foldButton{color:#557068;cursor:pointer;background:#f8faf8;border:1px solid #dfe7e2;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.foldButton:hover{color:#17483e;background:#eef4f0}.foldButton svg{width:16px;transition:transform .2s}.foldButton.folded svg{transform:rotate(-90deg)}.collapsible.collapsed{padding-bottom:24px}.capturedHours{color:#668078;white-space:nowrap;background:#edf4f0;border-radius:8px;padding:7px 9px;font-size:10px}@media (width<=700px){.sectionActions{gap:7px}.capturedHours{display:none}.foldButton{width:36px;height:36px}.collapsible.collapsed{padding-bottom:20px}}.round.grid.feeding{background:#237b61}.round.grid.drawing{background:#a85e35}.energyFlow .feedValue{color:#81e4bc}.energyFlow .drawValue{color:#ffc095}.topActions{align-items:center;gap:8px;display:flex}.logout,.accountButton{color:#82958f;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:9px;font:600 11px DM Sans;display:flex}.logout:hover,.accountButton:hover{color:#17483e}.logout svg,.accountButton svg{width:15px;height:15px}.authPage{background:radial-gradient(circle at 50% 10%,#eaf3ee 0,#0000 38%),#f7f9f6;place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{background:#fff;border:1px solid #dfe7e2;border-radius:20px;width:min(390px,100%);padding:36px;box-shadow:0 18px 60px #183d3320}.authLogo{color:#f3b61c;background:#17483e;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:22px;display:grid}.authLogo svg{width:24px}.authCard .eyebrow{letter-spacing:1.6px;color:#92a39d;margin:0 0 7px;font-size:9px;font-weight:700}.authCard h1{margin:0;font:800 27px Manrope}.authText{color:#7f928c;margin:9px 0 24px;font-size:12px;line-height:1.5}.authCard form{gap:14px;display:grid}.authCard label{color:#526d65;gap:6px;font-size:10px;font-weight:700;display:grid}.authCard input{border:1px solid #dbe4df;border-radius:10px;outline:none;padding:12px;font:13px DM Sans}.authCard input:focus{border-color:#4b917d;box-shadow:0 0 0 3px #e0f0e9}.authButton{justify-content:center;width:100%;margin-top:5px;padding:12px}.authCard>small{text-align:center;color:#9aa9a4;margin-top:18px;font-size:9px;display:block}.loading{color:#2c7965;place-items:center;height:100vh;display:grid}.loading svg{animation:1.5s linear infinite spin}.usersModal{max-height:min(760px,100vh - 30px);overflow:auto}.userList{border-top:1px solid #edf1ee;margin:18px 0;display:grid}.userList article{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;padding:13px 2px;display:flex}.userList span{gap:3px;display:grid}.userList b{font-size:12px}.userList small{color:#8a9b96;font-size:9px}.userList button{color:#b85b50;cursor:pointer;background:#fff1ef;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.userList button svg{width:15px}.addUser{border-top:1px solid #e6ece8;padding-top:18px}.addUser h3{margin:0 0 12px;font:700 13px Manrope}.addUser .apiField{margin:10px 0}@media (width<=700px){.minimal{width:100%;padding:0 14px 28px}.top{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f9f6e8;height:62px;padding:0 2px;position:sticky;top:0}.logo{font-size:12px}.logout,.accountButton{padding:8px;font-size:0}.logout svg,.accountButton svg{width:17px;height:17px}.intro{padding:28px 2px 20px}.intro p{font-size:9px}.intro h1{font-size:25px}.intro>span{font-size:12px}.energyFlow{border-radius:17px;grid-template-columns:1fr;gap:0;min-height:auto;padding:20px;display:grid}.energyFlow>div{grid-template-rows:auto auto;grid-template-columns:40px 1fr auto;place-items:center start;width:100%;min-width:0;padding:12px 0;display:grid}.energyFlow .round{grid-row:1/3;width:38px;height:38px;margin:0 12px 0 0}.energyFlow small{font-size:10px}.energyFlow strong{grid-area:1/3/3;font-size:20px}.energyFlow>i{background:#ffffff26;justify-self:start;width:1px;height:12px;min-height:12px;margin:-5px 0 -5px 19px}.energyFlow>i:after{display:none}.details{margin:12px 0 24px;grid-template-columns:1fr 1fr!important}.details article{padding:15px}.details b{font-size:15px}.systems{border-radius:14px;padding:18px}.systems h2{font-size:15px}.source{padding:14px 0}.sourceIcon{width:36px;height:36px}.status{font-size:9px}.authPage{padding:14px}.authCard{border-radius:17px;padding:28px 22px}.authCard h1{font-size:24px}.usersModal{padding:26px 20px}}.tariffForm{background:#f5faf7;border:1px solid #dfe9e3;border-radius:13px;margin:18px 0;padding:16px}.tariffForm h3,.userSection>h3{margin:0 0 10px;font:700 14px Manrope}.tariffGrid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.tariffInput{align-items:center;display:flex;position:relative}.tariffInput input{padding-right:64px}.tariffInput i{color:#82968f;pointer-events:none;font:600 9px DM Sans;position:absolute;right:11px}.saveSuccess{color:#278064;background:#e4f5ed;border-radius:8px;margin:8px 0;padding:9px;font-size:10px}.userSection{border-top:1px solid #e5ebe7;padding-top:18px}@media (width<=520px){.tariffGrid{grid-template-columns:1fr}.tariffForm{padding:13px}}body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.historyCard{background:#fff;border:1px solid #e1e8e3;border-radius:16px;margin:0 0 16px;padding:24px}.historyHead{justify-content:space-between;align-items:start;display:flex}.historyHead h2{margin:0;font:700 16px Manrope}.historyHead p{color:#899b95;margin:4px 0;font-size:10px}.chartLegend{color:#71877f;gap:14px;font-size:9px;display:flex}.chartLegend i{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.solarDot{background:#e9ac15}.homeDot{background:#2e846d}.chartWrap{margin-top:14px}.chartWrap svg{touch-action:pan-y;cursor:crosshair;width:100%;height:220px;overflow:visible}.chartWrap line{stroke:#edf1ee;stroke-width:1px}.chartWrap polyline{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.chartSolar{stroke:#e9ac15}.chartHome{stroke:#2f836d}.chartAxis{color:#99a8a3;justify-content:space-between;margin:2px 4px 0 22px;font-size:8px;display:flex}.emptyChart{text-align:center;color:#9aa9a4;background:linear-gradient(#fff,#f8faf8);border-radius:11px;place-items:center;height:150px;margin-top:15px;padding:20px;font-size:11px;display:grid}@media (width<=700px){.top{padding-top:env(safe-area-inset-top);height:calc(62px + env(safe-area-inset-top));margin-top:calc(-1 * env(safe-area-inset-top))}.historyCard{border-radius:14px;padding:18px 14px}.historyHead h2{font-size:15px}.chartWrap svg{height:180px}.chartLegend{gap:8px}.emptyChart{height:120px}.minimal footer{padding-bottom:env(safe-area-inset-bottom)}}.dayNav{justify-content:center;align-items:center;gap:12px;margin:4px 0 14px;display:flex}.dayNav b{text-align:center;text-transform:capitalize;min-width:170px;font-size:.9rem}.dayNav button{color:#174f43;cursor:pointer;background:#edf4f1;border:0;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.dayNav button svg{width:18px}.dayNav button:disabled{opacity:.28;cursor:default}@media (width<=600px){.dayNav{justify-content:space-between;margin:6px 0 12px}.dayNav b{min-width:0;font-size:.82rem}.dayNav button{width:40px;height:40px}}.chartAxis{white-space:nowrap}.chartAxis span{text-align:center;min-width:0}@media (width<=430px){.chartAxis{letter-spacing:-.2px;font-size:6.5px}}.chartLegend{flex-wrap:wrap;justify-content:flex-end}.exportDot{background:#2da778}.importDot{background:#d77b3f}.chartWrap path.chartGridExport,.chartWrap path.chartGridImport{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.chartGridExport{stroke:#2da778}.chartGridImport{stroke:#d77b3f}@media (width<=700px){.historyHead{gap:8px}.chartLegend{max-width:150px;line-height:1.7}}.intro{justify-content:space-between;align-items:center;gap:24px;display:flex}.weatherPill{background:#fff;border:1px solid #dfe7e2;border-radius:13px;align-items:center;gap:10px;padding:11px 15px;display:flex;box-shadow:0 4px 16px #173f360a}.weatherPill>svg{color:#e4a817;width:18px}.weatherPill>span{display:grid}.weatherPill b{font:700 17px Manrope}.weatherPill small{color:#8a9b96;margin-top:1px;font-size:9px}@media (width<=700px){.intro{align-items:flex-end;gap:10px}.weatherPill{border-radius:11px;flex:none;padding:9px 11px}.weatherPill>svg{width:16px}.weatherPill b{font-size:15px}.weatherPill small{font-size:8px}.intro h1{max-width:210px}}.chartWrap{touch-action:manipulation;position:relative}.chartWrap text{fill:#8fa19b;font:9px DM Sans}.chartWrap .yUnit{fill:#6f847d;font-weight:700}.chartTooltip{z-index:3;color:#fff;pointer-events:none;background:#153e36ed;border-radius:10px;gap:2px;min-width:132px;padding:9px 11px;display:grid;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 8px 25px #173f3630}.chartTooltip b{font-size:11px}.chartTooltip span{color:#c5d7d2;font-size:9px}.chartMarker{stroke-dasharray:3 3;stroke:#54776d!important;stroke-width:1.2px!important}.markerSolar{fill:#e9ac15;stroke:#fff;stroke-width:2px}.markerHome{fill:#2f836d;stroke:#fff;stroke-width:2px}.chartAxis{margin-left:49px}@media (width<=700px){.chartTooltip{min-width:124px;padding:8px 9px;top:5px}.chartWrap text{font-size:10px}.chartAxis{margin-left:47px}}.chartTooltip .tooltipExport{color:#75e1b5}.chartTooltip .tooltipImport{color:#ffb17d}.markerExport{fill:#2da778;stroke:#fff;stroke-width:2px}.markerImport{fill:#d77b3f;stroke:#fff;stroke-width:2px}.summaryCard{background:#fff;border:1px solid #e1e8e3;border-radius:16px;margin:0 0 16px;padding:24px}.summaryHead{justify-content:space-between;align-items:start;margin-bottom:12px;display:flex}.summaryHead h2{margin:0;font:700 16px Manrope}.summaryHead p{color:#899b95;text-transform:capitalize;margin:4px 0 0;font-size:10px}.summaryHead>span{color:#779087;background:#edf5f1;border-radius:20px;padding:6px 9px;font-size:9px}.summaryTabs{background:#f1f5f2;border-radius:11px;gap:4px;width:max-content;margin-bottom:16px;padding:4px;display:flex}.summaryTabs button{color:#71867f;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 11px;font:600 9px DM Sans}.summaryTabs button.active{color:#17483e;background:#fff;box-shadow:0 2px 8px #173f3612}.summaryGrid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.summaryGrid article{background:#f7f9f7;border-top:3px solid #dfe8e3;border-radius:12px;min-width:0;padding:15px;display:grid}.summaryGrid article.generated{border-color:#e8ae1c}.summaryGrid article.used{border-color:#4eab86}.summaryGrid article.exported{border-color:#28795f}.summaryGrid article.imported{border-color:#b47a4d}.summaryGrid small{color:#849790;min-height:24px;font-size:9px;line-height:1.3}.summaryGrid b{white-space:nowrap;margin-top:7px;font:700 15px Manrope}.summaryNote{color:#9caba6;margin:13px 0 0;font-size:8px}@media (width<=800px){.summaryGrid{grid-template-columns:repeat(2,1fr)}.summaryGrid article:first-child{grid-column:1/-1}.summaryGrid small{min-height:auto}}@media (width<=700px){.summaryCard{border-radius:14px;padding:18px 14px}.summaryHead h2{font-size:15px}.summaryTabs{width:100%}.summaryTabs button{flex:1;padding:8px 5px}.summaryGrid{gap:8px}.summaryGrid article{padding:13px 11px}.summaryGrid b{font-size:14px}.summaryHead>span{font-size:8px}}.monthSection{border:1px solid #e7ece8;border-radius:13px;margin:0 0 16px;padding:14px}.categoryPicker{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.categoryPicker button{color:#81948e;cursor:pointer;background:#fff;border:1px solid #e2e9e5;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font:600 8px DM Sans;display:flex}.categoryPicker button i{background:#cbd6d1;border-radius:2px;width:7px;height:7px}.categoryPicker button.active{color:#274e44;background:#f5f9f7;border-color:#bfd2ca}.categoryPicker .generated i,.dayBars i.generated{background:#e8ae1c}.categoryPicker .used i,.dayBars i.used{background:#4eab86}.categoryPicker .consumed i,.dayBars i.consumed{background:#718a82}.categoryPicker .exported i,.dayBars i.exported{background:#28795f}.categoryPicker .imported i,.dayBars i.imported{background:#b47a4d}.monthChartScroll{padding-bottom:4px;overflow-x:auto}.monthChart{background:repeating-linear-gradient(0deg,#edf2ef 0 1px,#0000 1px 38px);border-bottom:1px solid #dfe7e2;align-items:end;gap:4px;min-width:max-content;height:155px;padding:8px 5px 0;display:flex}.dayBars{justify-content:center;align-items:end;gap:2px;width:25px;height:140px;padding-bottom:19px;display:flex;position:relative}.dayBars>i{border-radius:3px 3px 0 0;width:8px;min-height:0;transition:height .25s;display:block}.dayBars small{color:#90a09b;font-size:7px;position:absolute;bottom:2px}.monthUnit{color:#95a49f;margin-top:7px;font-size:8px}.sourceTimes i:last-child{color:#6f8780}@media (width<=700px){.monthSection{padding:11px 8px}.categoryPicker{gap:5px}.categoryPicker button{padding:6px 8px}.monthChart{height:145px}.dayBars{width:23px;height:130px}}.dayBars>button{cursor:pointer;touch-action:manipulation;border:0;border-radius:3px 3px 0 0;width:10px;min-height:2px;padding:0;transition:height .25s;display:block}.dayBars>button.generated{background:#e8ae1c}.dayBars>button.used{background:#4eab86}.dayBars>button.consumed{background:#718a82}.dayBars>button.exported{background:#28795f}.dayBars>button.imported{background:#b47a4d}.dayBars>button:focus-visible{outline-offset:2px;outline:2px solid #17483e}.monthTooltip{color:#fff;background:#17483e;border-radius:10px;align-items:center;gap:7px 14px;margin-bottom:11px;padding:10px 34px 10px 12px;font-size:10px;display:flex;position:relative}.monthTooltip span{color:#c6dbd4}.monthTooltip button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;right:7px}.savingsPanel{background:#f5faf7;border:1px solid #dfe9e3;border-radius:13px;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin-top:12px;padding:14px;display:grid}.savingsPanel>div{border-left:1px solid #dce8e1;gap:4px;padding:2px 10px;display:grid}.savingsPanel>div:first-child{border-left:0}.savingsPanel small{color:#71877f;font-size:9px}.savingsPanel strong,.savingsPanel b{color:#21785e;font:700 18px Manrope}.savingsPanel b{color:#365f54;font-size:15px}.savingsPanel span{color:#93a39e;font-size:8px}.summaryNote{line-height:1.5}@media (width<=700px){.savingsPanel{grid-template-columns:1fr;padding:12px}.savingsPanel>div{border-top:1px solid #dce8e1;border-left:0;padding:10px 2px}.savingsPanel>div:first-child{border-top:0;padding-top:2px}.savingsPanel strong{font-size:20px}}.yearChart{justify-content:space-around;width:100%;min-width:580px}.yearChart .dayBars{width:38px}.totalCost{color:#fff;background:#173f36;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;padding:16px 18px;display:flex}.totalCost>span{gap:3px;display:grid}.totalCost small{color:#a9c8bf;font-size:9px}.totalCost strong{color:#fff;font:700 23px Manrope}.totalCost em{color:#b6cec7;text-align:right;font-size:9px;font-style:normal}@media (width<=700px){.totalCost{align-items:flex-start;padding:14px}.totalCost strong{font-size:21px}.totalCost em{max-width:130px}}