@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;--solar:#f0af16;--home:#397fc0;--used:#8a6fc2;--export:#24ad75;--import:#df5c55;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{background:var(--solar);color:#fff}.round.home{background:var(--home)}.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,var(--solar),var(--export));flex:1;height:1px;margin:0 20px;position:relative}.energyFlow>i:after{content:"›";color:var(--export);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{color:#e5fff5;background:#4f8879}.round.grid.drawing{color:#fff3e9;background:#9a725c}.energyFlow .feedValue{color:#a9ead2}.energyFlow .drawValue{color:#ffd0af}.energyFlow.flowFeeding,.energyFlow.flowDrawing,.energyFlow.flowNeutral{color:#fff;background:#17483e}.energyFlow.flowFeeding small,.energyFlow.flowDrawing small,.energyFlow.flowNeutral small{color:#a9c1bb}.energyFlow>div:first-child strong{color:var(--solar)}.energyFlow>div:nth-of-type(2) strong{color:var(--home)}.energyFlow.flowFeeding .feedValue{color:var(--export)}.energyFlow.flowDrawing .drawValue{color:var(--import)}.round.grid.feeding{background:var(--export);color:#fff}.round.grid.drawing{background:var(--import);color:#fff}.energyFlow.flowFeeding>i,.energyFlow.flowDrawing>i{background:linear-gradient(90deg,var(--solar),var(--export))}.energyFlow.flowDrawing>i{background:linear-gradient(90deg,var(--solar),var(--import))}.energyFlow.flowFeeding>i:after{color:var(--export)}.energyFlow.flowDrawing>i:after{color:var(--import)}.energyTriangle{color:#fff;background:#17483e;border-radius:20px;height:285px;position:relative;overflow:hidden}.energyTriangle>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flowPath{fill:none;stroke:#55776e;stroke-width:1.2px;vector-effect:non-scaling-stroke;opacity:.3}.flowPath.active{stroke-width:2.5px;stroke-dasharray:7 5;opacity:1;animation:1.1s linear infinite energyDash}.solarToHome.active{stroke:url(#solarHomeFlow)}.solarToGrid.active{stroke:url(#solarGridFlow)}.gridToHome.active{stroke:url(#gridHomeFlow)}#arrowSolar path{fill:var(--home)}#arrowExport path{fill:var(--export)}#arrowImport path{fill:var(--home)}@keyframes energyDash{to{stroke-dashoffset:-24px}}.energyNode{justify-items:center;min-width:145px;display:grid;position:absolute;transform:translate(-50%,-50%)}.energyNode .round{margin-bottom:8px}.energyNode small{color:#a9c1bb;font-size:10px}.energyNode strong{margin-top:3px;font:700 22px Manrope}.solarNode{top:23%;left:50%}.homeNode{top:77%;left:24%}.gridNode{top:77%;left:76%}.solarNode strong{color:var(--solar)}.homeNode strong{color:#6aa9e2}.gridNode.feeding strong{color:#57d69f}.gridNode.drawing strong{color:#f07c75}@media (width<=700px){.energyTriangle{border-radius:17px;height:275px}.energyNode{min-width:105px}.energyNode strong{font-size:18px}.energyNode small{font-size:9px}.solarNode{top:28%}.homeNode{top:79%;left:24%}.gridNode{top:79%;left:76%}}@media (prefers-reduced-motion:reduce){.flowPath.active{animation:none}}.energyTriangle{margin-bottom:0}.triangleDaily,.triangleSync{z-index:2;position:absolute;top:17px}.triangleDaily{gap:7px;display:grid;left:20px}.triangleToday{display:grid}.triangleToday small{color:#a9c1bb;font-size:9px}.triangleToday strong{color:var(--solar);margin-top:2px;font:700 15px Manrope}.triangleToday.imported strong{color:var(--import)}.triangleSync{color:#a9c1bb;background:#123d34;border-radius:999px;padding:6px 9px;font-size:10px;right:20px}@media (width<=700px){.energyTriangle{margin-bottom:0}.triangleDaily{gap:5px;left:14px}.triangleSync{padding:5px 7px;font-size:9px;right:14px}.triangleToday small{font-size:8px}.triangleToday strong{font-size:12px}}.triangleSync.stale{color:#ffd8d4;background:#762f2c;border:1px solid #b95650}.logo{position:relative}.logoTrigger{color:#f5b91f;cursor:pointer;background:#173f36;border:0;border-radius:10px;place-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s;display:grid;position:relative}.logoTrigger svg{width:18px;height:18px;transition:opacity .18s,transform .22s;position:absolute}.logoTrigger .menuGlyph{opacity:0;transform:scale(.65)}.logoTrigger.active{color:#17483e;background:#e9f1ed}.logoTrigger.active .sunGlyph{opacity:0;transform:scale(.65)}.logoTrigger.active .menuGlyph{opacity:1;transform:scale(1)}.logoMenu{z-index:30;background:#fff;border:1px solid #dce6e0;border-radius:12px;width:210px;padding:7px;animation:.18s both logoMenuIn;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 18px 46px #173f3628}.logoMenu button{text-align:left;color:#47665d;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:11px 12px;font:600 10px DM Sans}.logoMenu button:hover,.logoMenu button:focus-visible{color:#17483e;background:#edf5f1;outline:0}.historyCard,.summaryCard,.batteryCard,.reconcileCard,.systems{scroll-margin-top:78px}@keyframes logoMenuIn{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}@media (width<=700px){.logoTrigger{width:32px;height:32px}.logoMenu{left:14px;top:calc(62px + env(safe-area-inset-top,0px));width:min(230px,100vw - 28px);position:fixed}}.intro p{color:var(--solar)}.homeButton{color:#557068;cursor:pointer;background:#fff;border:1px solid #dce5df;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font:600 11px DM Sans;display:flex}.homeButton:hover{color:#17483e;background:#edf4f0}.homeButton svg{width:15px;height:15px}@media (width<=700px){.homeButton{padding:8px}.homeButton span{display:none}.homeButton svg{width:17px;height:17px}}.mobileImport,.mobileSolarFlow{display:none}@media (width<=700px){.desktopImport,.desktopSolarFlow{display:none}.mobileImport,.mobileSolarFlow{display:block}}.flowArrow{z-index:1;pointer-events:none;display:block;position:absolute}.flowArrow.down{clip-path:polygon(0 0,100% 0,50% 100%);width:12px;height:9px;top:55%;transform:translate(-50%)}.homeFlowArrow{background:var(--home);left:24%}.exportFlowArrow{background:var(--export);left:76%}.flowArrow.left{background:var(--home);clip-path:polygon(0 50%,100% 0,100% 100%);width:11px;height:12px;top:69%;left:28%;transform:translate(-50%,-50%)}@media (width<=700px){.flowArrow.left{left:32%}}.historyHead h2,.summaryHead h2,.reconcileHead h2,.systemsHead h2{align-items:center;gap:9px;display:flex}.historyHead h2:before,.summaryHead h2:before,.reconcileHead h2:before,.systemsHead h2:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:16px;border-radius:9px;flex:0 0 30px;width:30px;height:30px}.historyHead h2:before{background-color:#eaf3fb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23397fc0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='m7 16 4-5 4 3 5-7'/%3E%3C/svg%3E")}.summaryHead h2:before{background-color:#f1ecfa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a6fc2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9v9z'/%3E%3Cpath d='M12 3a9 9 0 0 1 9 9h-9z'/%3E%3C/svg%3E")}.reconcileHead h2:before{background-color:#fff4d7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d99d0e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h12v20l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 7h6M9 11h6M9 15h3'/%3E%3C/svg%3E")}.systemsHead h2:before{background-color:#eaf7f1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2324ad75' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12.55a11 11 0 0 1 14.08 0M8.5 16a6 6 0 0 1 7 0M12 20h.01'/%3E%3C/svg%3E")}.systems+.batteryCard{margin-top:16px}@media (width<=700px){.historyHead h2:before,.summaryHead h2:before,.reconcileHead h2:before,.systemsHead h2:before{background-size:15px;flex-basis:28px;width:28px;height:28px}}.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}}.tariffHistory{background:#fff;border-radius:9px;gap:5px;margin:4px 0 12px;padding:10px;display:grid}.tariffHistory>small{color:#80938c;font-size:8px}.tariffHistory>span{color:#738880;justify-content:space-between;gap:10px;font-size:8px;display:flex}.tariffHistory b{color:#31584d}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}.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}.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}.chartLegend label{opacity:.42;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.chartLegend label.active{opacity:1}.chartLegend label input{opacity:0;pointer-events:none;position:absolute}.chartLegend label i{outline-offset:2px;outline:1px solid #0000}.chartLegend label.active i{outline-color:currentColor}.solarDot{background:#f0af16}.homeDot{background:#397fc0}.exportDot{background:#24ad75}.importDot{background:#df5c55}.chartSolar{stroke:#f0af16}.chartHome{stroke:#397fc0}.chartWrap path.chartGridExport,.chartWrap path.chartGridImport{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.chartGridExport{stroke:#24ad75}.chartGridImport{stroke:#df5c55}@media (width<=700px){.historyHead{gap:8px}.chartLegend{max-width:170px;line-height:1.7}}.historyCard:not(.collapsed){flex-direction:column;display:flex}.historyCard:not(.collapsed) .chartWrap,.historyCard:not(.collapsed) .emptyChart{order:3}.peakPanel{background:#fafcfb;border:1px solid #e3eae6;border-radius:12px;order:4;margin:12px 0 2px;padding:12px}.peakPanel>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;display:flex}.peakPanel h3{color:#31584d;margin:0;font:700 12px Manrope}.peakPanel>div>p{color:#657b74;margin:0;font-size:9px}.peakGrid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.peakGrid article{background:#fff;border-top:2px solid;border-radius:8px;gap:4px;padding:10px 11px;display:grid}.peakGrid article.solar{border-color:var(--solar)}.peakGrid article.home{border-color:var(--home)}.peakGrid article.exported{border-color:var(--export)}.peakGrid article.imported{border-color:var(--import)}.peakGrid small{color:#506c63;font-size:9px;font-weight:600}.peakGrid b{color:#234a40;font:700 13px Manrope}.peakGrid span{color:#607a72;font-size:9px;font-weight:600}@media (width<=700px){.peakGrid{grid-template-columns:repeat(2,1fr)}.peakPanel{padding:10px}.peakPanel>div:first-child{gap:2px;display:grid}.peakGrid article{padding:10px}}.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:#70e6b2}.chartTooltip .tooltipImport{color:#ff9b94}.markerHome{fill:#397fc0}.markerExport{fill:#24ad75;stroke:#fff;stroke-width:2px}.markerImport{fill:#df5c55;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 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: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:repeat(2,1fr);gap:10px;margin-top:12px;padding:14px;display:grid}.savingsPanel>div{border-left:1px solid #dce8e1;gap:4px;padding:8px 10px;display:grid}.savingsPanel>div:nth-child(odd){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 .giftedCostDetail b{color:#a97d0b}.savingsPanel span{color:#93a39e;font-size:8px}.summaryNote{line-height:1.5}@media (width<=700px){.savingsPanel{grid-template-columns:1fr;padding:12px}.savingsPanel>div,.savingsPanel>div:nth-child(odd){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}.totalCostValues,.totalCostValues>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}}.dayDrilldown{color:#315f52;background:#e9f4ef;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:9px 11px;font-size:9px;display:flex}.dayDrilldown button{color:#216c57;cursor:pointer;background:#fff;border:0;border-radius:7px;padding:6px 8px;font:600 8px DM Sans}.dayBars.selectedDay{background:#eaf3ef;border-radius:7px}.summaryGrid article.generated{border-color:var(--solar)}.summaryGrid article.used{border-color:var(--used)}.summaryGrid article:not([class]){border-color:var(--home)}.summaryGrid article.exported{border-color:var(--export)}.summaryGrid article.imported{border-color:var(--import)}.dayBars>button.generated{background:var(--solar)}.dayBars>button.used{background:var(--used)}.dayBars>button.consumed{background:var(--home)}.dayBars>button.exported{background:var(--export)}.dayBars>button.imported{background:var(--import)}.categoryPicker .generated i{background:var(--solar)}.categoryPicker .used i{background:var(--used)}.categoryPicker .consumed i{background:var(--home)}.categoryPicker .exported i{background:var(--export)}.categoryPicker .imported i{background:var(--import)}.activityTimes{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.activityTimes>div{background:#f7f9f7;border-left:3px solid;border-radius:11px;gap:3px;padding:12px 14px;display:grid}.activityTimes .generated{border-color:var(--solar)}.activityTimes .exported{border-color:var(--export)}.activityTimes .imported{border-color:var(--import)}.activityTimes small{color:#7d928b;font-size:9px}.activityTimes b{color:#294e44;font:700 14px Manrope}.activityTimes span{color:#9aa9a4;font-size:8px}@media (width<=600px){.activityTimes{grid-template-columns:repeat(3,1fr);gap:6px}.activityTimes>div{padding:10px 7px}.activityTimes b{white-space:nowrap;font-size:10px}.activityTimes small{font-size:7px}}.topActivityTimes{margin:12px 0 34px}.costActions{justify-items:end;gap:7px;display:grid}.costToggle{color:#d4e5e0;cursor:pointer;background:#ffffff12;border:0;border-radius:999px;align-items:center;gap:5px;padding:6px 9px 6px 11px;font:600 9px DM Sans;display:flex}.costToggle svg{width:13px;height:13px;transition:transform .2s}.costToggle.open svg{transform:rotate(180deg)}@media (width<=700px){.topActivityTimes{margin-bottom:24px}.costActions{justify-items:end}.costToggle{font-size:8px}}@media (width<=600px){.topActivityTimes{grid-template-columns:repeat(3,1fr)}.topActivityTimes>div{padding:10px 7px}.topActivityTimes span{display:none}}.batteryCard{background:#fff;border:1px solid #e1e8e3;border-radius:16px;margin:0 0 16px;padding:24px}.batteryHead{justify-content:space-between;align-items:center;gap:14px;display:flex}.batteryHead>div{align-items:center;gap:11px;display:flex}.batteryHead>div>span{width:37px;height:37px;color:var(--solar);background:#fff4d7;border-radius:11px;place-items:center;display:grid}.batteryHead svg{width:19px}.batteryHead h2{margin:0;font:700 16px Manrope}.batteryHead p{color:#899b95;margin:3px 0 0;font-size:10px}.batteryTabs{background:#f1f5f2;border-radius:11px;gap:4px;width:max-content;margin:18px 0 12px;padding:4px;display:flex}.batteryTabs button{color:#71867f;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 11px;font:600 9px DM Sans}.batteryTabs button.active{color:#17483e;background:#fff;box-shadow:0 2px 8px #173f3612}.giftedEnergy{grid-template-columns:1fr 1fr;gap:10px;display:grid}.giftedEnergy>span{border-top:3px solid var(--solar);background:#fffaf0;border-radius:12px;gap:5px;padding:15px;display:grid}.giftedEnergy>span:last-child{border-color:var(--export);background:#f1faf6}.giftedEnergy small,.capacityPicker>small,.batteryResults small,.paybackRow small{color:#7e928b;font-size:9px}.giftedEnergy strong{color:#31574d;font:700 21px Manrope}.capacityPicker{margin:14px 0}.capacityPicker>small{margin-bottom:7px;display:block}.capacityPicker>div{flex-wrap:wrap;gap:7px;display:flex}.capacityPicker button{color:#627a72;cursor:pointer;background:#fff;border:1px solid #dce6e0;border-radius:9px;padding:8px 12px;font:600 10px DM Sans}.capacityPicker button.active{color:#176b54;background:#eaf6f1;border-color:#79b7a2}.batteryResults{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.batteryResults article{border-top:3px solid var(--used);background:#f7f9f7;border-radius:12px;gap:4px;padding:14px;display:grid}.batteryResults article:nth-child(2){border-color:var(--export)}.batteryResults article:nth-child(3){border-color:#9aaba5}.batteryResults b{color:#284e44;font:700 16px Manrope}.batteryResults span,.paybackRow span,.batteryNote{color:#94a49f;font-size:8px}.paybackRow{border:1px solid #e1e9e5;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding:14px;display:grid}.paybackRow label,.paybackRow>div{color:#738880;gap:6px;font-size:9px;display:grid}.paybackRow label>span{display:block;position:relative}.paybackRow input{color:#24493f;border:1px solid #d9e4de;border-radius:9px;width:100%;padding:10px 31px 10px 10px;font:600 11px DM Sans}.paybackRow label i{color:#7e918b;font-style:normal;position:absolute;top:10px;right:11px}.paybackRow b{color:#31584d;font:700 14px Manrope}.batteryNote{margin:12px 0 0;line-height:1.5}.batteryCard.collapsed .batteryHead{margin:0}@media (width<=700px){.batteryCard{border-radius:14px;padding:18px 14px}.batteryHead h2{font-size:15px}.batteryHead p{font-size:9px}.batteryTabs{width:100%}.batteryTabs button{flex:1}.batteryResults,.paybackRow{grid-template-columns:1fr}.giftedEnergy strong{font-size:18px}}@media (width<=480px){.giftedEnergy{grid-template-columns:1fr}.capacityPicker>div{grid-template-columns:repeat(4,1fr);display:grid}.capacityPicker button{padding:8px 4px}.batteryHead>div>span{border-radius:9px;flex:0 0 28px;width:28px;height:28px}.batteryHead>div>span svg{width:15px}.batteryHead>div{gap:9px}}.batteryRecommendation{background:#edf8f3;border:1px solid #d4eade;border-radius:12px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;margin-top:12px;padding:14px 15px;display:grid}.batteryRecommendation>svg{width:21px;color:var(--export)}.batteryRecommendation>div{gap:2px;display:grid}.batteryRecommendation small{color:#6e877e;font-size:8px}.batteryRecommendation strong{color:#196c55;font:700 20px Manrope}.batteryRecommendation p{color:#81968f;margin:1px 0 0;font-size:8px;line-height:1.45}.batteryRecommendation button{color:#1c735a;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:8px;padding:8px 10px;font:600 8px DM Sans}.batteryRecommendation.waiting{background:#f7f9f7;border-color:#e4eae6}.batteryRecommendation.waiting>svg{color:#9baba5}.batteryRecommendation.waiting strong{color:#637a73;font-size:14px}.batteryStory{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin-top:4px;display:grid}.batteryStory article{border-top:3px solid var(--solar);background:#f7f9f7;border-radius:12px;align-items:flex-start;gap:9px;padding:14px;display:flex}.batteryStory article:nth-of-type(2){border-color:var(--used)}.batteryStory article.saving{border-color:var(--export);background:#f1faf6}.batteryStory article>i{color:#557068;background:#e8eeea;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font:700 8px Manrope;display:grid}.batteryStory article>div{gap:4px;display:grid}.batteryStory small{color:#7c918a;font-size:8px;line-height:1.35}.batteryStory b{color:#284e44;font:700 16px Manrope}.batteryStory .saving b{color:#1e7e60}.batteryStory span{color:#96a6a1;font-size:8px}.batteryStory>em{color:#9baca6;align-self:center;font:700 16px Manrope}.batteryRemainder{border:1px dashed #d8e3dd;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding:11px 13px;display:flex}.batteryRemainder>span{gap:3px;min-width:max-content;display:grid}.batteryRemainder small{color:#81948e;font-size:8px}.batteryRemainder b{color:#47665d;font:700 13px Manrope}.batteryRemainder p{color:#94a49f;text-align:right;margin:0;font-size:8px;line-height:1.45}@media (width<=700px){.batteryRecommendation{grid-template-columns:28px 1fr}.batteryRecommendation button{grid-column:2;width:max-content}.batteryStory{grid-template-columns:1fr}.batteryStory>em{justify-self:center;margin:-3px 0;transform:rotate(90deg)}.batteryRemainder{gap:5px;display:grid}.batteryRemainder p{text-align:left}.batteryRecommendation strong{font-size:18px}}.paybackRow>div>span{color:#71877f;font-size:9px;line-height:1.45}.batteryOutcomes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.batteryOutcomes article{background:#f7f9f7;border-top:3px solid;border-radius:12px;gap:5px;padding:14px;display:grid}.batteryOutcomes article.exported{border-color:var(--export)}.batteryOutcomes article.used{border-color:var(--used)}.batteryOutcomes article.saving{border-color:var(--solar);background:#fffaf0}.batteryOutcomes small{color:#71877f;font-size:9px;line-height:1.35}.batteryOutcomes b{color:#284e44;font:700 17px Manrope}.batteryOutcomes article.saving b{color:#8a6814}.batteryOutcomes span{color:#91a29c;font-size:8px;line-height:1.4}.batteryPriceForm{grid-template-columns:1fr auto;align-items:end;gap:7px;display:grid}.batteryPriceForm label{grid-column:1/-1}.batteryPriceForm button{color:#fff;cursor:pointer;background:#184d41;border:0;border-radius:8px;padding:10px 12px;font:600 9px DM Sans}.batteryPriceForm .priceSaved,.batteryPriceForm .priceError{align-self:center;font-size:8px}.batteryPriceForm .priceSaved{color:var(--export)}.batteryPriceForm .priceError{color:var(--import)}@media (width<=700px){.batteryOutcomes,.batteryPriceForm{grid-template-columns:1fr}.batteryPriceForm label{grid-column:auto}.batteryPriceForm button{width:100%}}.summaryDayNav{justify-content:center;align-items:center;gap:14px;margin:-4px 0 16px;display:flex}.summaryDayNav button{color:#245f51;cursor:pointer;background:#fff;border:1px solid #dce7e1;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.summaryDayNav button:disabled{opacity:.3;cursor:default}.summaryDayNav svg{width:15px}.summaryDayNav b{text-align:center;color:#45675e;text-transform:capitalize;min-width:190px;font:600 10px Manrope}@media (width<=700px){.summaryDayNav{gap:8px}.summaryDayNav b{min-width:160px;font-size:9px}}.monthChartArea{grid-template-columns:38px minmax(0,1fr);align-items:start;display:grid}.monthScale{color:#80928c;border-right:1px solid #dfe7e2;height:155px;position:relative}.monthScale span{white-space:nowrap;font:600 7px DM Sans;position:absolute;right:7px;transform:translateY(-50%)}.monthScale span:first-child{transform:none}.monthScale span:last-child{transform:translateY(-100%)}.monthChartArea .monthChartScroll{min-width:0}.monthChartArea .monthChart{padding-left:7px}@media (width<=700px){.monthChartArea{grid-template-columns:34px minmax(0,1fr)}.monthScale{height:145px}.monthScale span{font-size:6.5px;right:5px}.monthChartScroll{overflow-x:hidden}.monthChartArea .monthChart{box-sizing:border-box;gap:1px;width:100%;min-width:0;padding-left:3px;padding-right:2px}.monthChart .dayBars{flex:1;gap:1px;width:auto;min-width:0}.monthChart .dayBars>button{flex:1;width:auto;min-width:2px;max-width:5px}.monthChart .dayBars small{display:none}.monthChart .dayBars:first-child small,.monthChart .dayBars:nth-child(5n) small,.monthChart .dayBars:last-child small,.monthChart.yearChart .dayBars small{display:block}.monthChart.yearChart{justify-content:stretch;min-width:0}.monthChart.yearChart .dayBars{width:auto}}.monthSectionHead{color:#45675e;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.monthSectionHead>span{font:600 10px Manrope}.monthSection.collapsed .monthSectionHead{margin-bottom:0}.reconcileCard{background:#fff;border:1px solid #e1e8e3;border-radius:16px;margin:0 0 16px;padding:24px}.reconcileHead,.entryHead,.compareTitle,.invoiceTitle{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.reconcileHead h2,.entryHead h3,.compareTitle h3{margin:0;font:700 16px Manrope}.reconcileHead p,.compareTitle p{color:#899b95;margin:4px 0 0;font-size:10px}.periodForm{background:#f5f8f6;border-radius:12px;grid-template-columns:1fr 1fr 1.35fr auto;align-items:end;gap:10px;margin-top:12px;padding:13px;display:grid}.periodForm label,.entryForm label{color:#758a83;gap:5px;font-size:9px;display:grid}.periodForm input,.entryForm input{color:#24493f;background:#fff;border:1px solid #dbe5df;border-radius:8px;width:100%;padding:9px 10px;font:500 11px DM Sans}.periodForm button,.entryForm button{color:#fff;background:#184d41;border:0;border-radius:8px;padding:10px 13px;font:600 10px DM Sans}.periodText{color:#71877f;font-size:10px}.reconcileOverview{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.reconcileOverview article{border-top:3px solid var(--home);background:#f7f9f7;border-radius:12px;gap:4px;padding:14px;display:grid}.reconcileOverview article:nth-child(2){border-color:#315f53}.reconcileOverview article.provisional{border-color:var(--solar)}.reconcileOverview article.complete{border-color:var(--export)}.annualOverview article.eon{border-color:var(--used)}.annualOverview article.app{border-color:var(--home)}.annualOverview article.difference{border-color:var(--import)}.reconcileOverview small,.compareGrid small,.invoiceCompare small{color:#81938d;font-size:9px}.reconcileOverview b{color:#284e44;font:700 16px Manrope}.reconcileOverview span,.compareGrid span>small,.invoiceCompare span>small{color:#98a8a3;font-size:8px}.reconcileStatus{color:#826c39;background:#fff8e8;border-radius:10px;justify-content:space-between;gap:12px;margin-top:9px;padding:10px 12px;display:flex}.reconcileStatus.complete{color:#28795f;background:#edf8f3}.reconcileStatus b{font-size:10px}.reconcileStatus span{text-align:right;font-size:9px}.meterCompare,.entrySection{border:1px solid #e2e9e5;border-radius:13px;margin-top:12px;padding:16px}.compareTitle h3,.entryHead h3{font-size:14px}.compareTitle>span,.entryHead>span{color:#69847b;white-space:nowrap;background:#edf5f1;border-radius:99px;padding:6px 8px;font-size:8px}.compareGrid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px;display:grid}.compareGrid>span,.invoiceCompare>span{background:#f7f9f7;border-radius:9px;gap:4px;padding:11px;display:grid}.compareGrid b,.invoiceCompare b{color:#31584d;font:700 12px Manrope}.compareGrid .good{background:#edf8f3}.compareGrid .good b{color:var(--export)}.compareGrid .warn{background:#fff3f1}.compareGrid .warn b{color:var(--import)}.compareGrid .pending b,.invoiceCompare .pending b{color:#9a7a39}.entryList,.invoiceList{margin-top:8px;display:grid}.entryList>article{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:10px;padding:10px 2px;display:flex}.entryList>article:last-child{border:0}.entryList article>span,.invoiceTitle>span{gap:2px;display:grid}.entryList b,.invoiceTitle b{color:#31564c;font-size:11px}.entryList small,.invoiceTitle small{color:#8ea09a;font-size:9px}.entryList button,.invoiceTitle button{color:#9aaaa5;background:#f5f7f6;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.entryList button svg,.invoiceTitle button svg{width:14px}.entryList>p,.invoiceList>p{color:#98a7a2;margin:10px 2px;font-size:10px}.entryForm{border-top:1px solid #e8eeea;margin-top:10px;padding-top:10px}.entryForm summary{cursor:pointer;color:#376d5e;font-size:10px;font-weight:700}.entryForm form{grid-template-columns:repeat(3,1fr);align-items:end;gap:9px;margin-top:11px;display:grid}.invoiceSection .entryForm form{grid-template-columns:repeat(2,1fr)}.invoiceSection .entryForm label:last-of-type{grid-column:1/-1}.invoiceSection .entryForm button{width:max-content}.invoiceList>article{background:#f8faf8;border-radius:11px;margin-top:9px;padding:13px}.invoiceCompare{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.invoiceCompare .complete{background:#edf8f3}.reconcileError{color:#b34242;background:#fff0f0;border-radius:8px;margin-bottom:0;padding:9px;font-size:10px}@media (width<=700px){.reconcileCard{border-radius:14px;padding:18px 14px}.periodForm{grid-template-columns:1fr 1fr}.periodForm .annualInput,.periodForm button{grid-column:1/-1}.reconcileOverview{grid-template-columns:1fr 1fr}.reconcileOverview article:last-child{grid-column:1/-1}.reconcileStatus{display:grid}.reconcileStatus span{text-align:left}.compareGrid,.invoiceCompare,.entryForm form,.invoiceSection .entryForm form{grid-template-columns:1fr}.invoiceSection .entryForm label:last-of-type{grid-column:auto}.invoiceSection .entryForm button{width:100%}.reconcileHead h2{font-size:15px}}.entryList article>span{flex:1}.meterThumb{background:#edf3ef;border-radius:9px;flex:none;width:48px;height:48px;overflow:hidden}.meterThumb img{object-fit:cover;width:100%;height:100%;display:block}.entryForm .photoField{grid-column:1/-1}.photoPicker{color:#376d5e;background:#f5f9f7;border:1px dashed #b9cbc4;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px;display:flex;position:relative;overflow:hidden}.photoPicker input{opacity:0;cursor:pointer;position:absolute;inset:0}.photoPicker svg{width:17px}.photoPicker b{font-size:10px}.photoPreview{background:#edf3ef;border-radius:11px;grid-column:1/-1;width:min(230px,100%);position:relative;overflow:hidden}.photoPreview img{object-fit:cover;width:100%;max-height:180px;display:block}.photoPreview button{background:#173f36d9;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:7px;right:7px}.photoPreview button svg{width:14px}.photoField>small{color:#82968f;font-size:8px;line-height:1.45}.photoPicker.reading{pointer-events:none;background:#edf5f1;border-style:solid}.photoPicker.reading svg{animation:1.1s ease-in-out infinite ocrPulse}.ocrSuccess{color:#26765d;background:#edf8f3;border-radius:9px;grid-column:1/-1;margin:0;padding:9px 11px;font-size:9px;line-height:1.45}@keyframes ocrPulse{50%{opacity:.35;transform:scale(.9)}}.entryList>article.openingReading{background:#f2f8f5;border:1px solid #d9e8e1;border-radius:9px;margin:4px 0;padding:10px}.entryList>article.openingReading b{color:#26765d}.reconcileHeadActions{align-items:center;gap:7px;display:flex}.quickReadingButton{color:#236b56;cursor:pointer;background:#edf7f2;border:1px solid #dce7e1;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.quickReadingButton svg{width:17px}.quickReadingButton:hover{background:#dff1e8}.quickReadingButton:focus-visible{outline-offset:2px;outline:2px solid #236b56}.entryForm form>*{min-width:0}.entryForm input{box-sizing:border-box;min-width:0;max-width:100%}@media (width<=700px){.entryForm label{min-width:0;overflow:hidden}.entryForm input[type=datetime-local]{box-sizing:border-box;appearance:none;width:100%;min-width:0;max-width:100%;padding:9px 6px;display:block}.entryForm input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;min-width:0;margin:0}.entryForm input[type=datetime-local]::-webkit-datetime-edit{min-width:0;padding:0}}.reconcileYearNav{color:#31584d;border:1px solid #e1e9e5;border-radius:11px;grid-template-columns:34px auto 1fr 34px;align-items:center;gap:10px;margin-top:14px;padding:9px 11px;display:grid}.reconcileYearNav button{color:#245f51;background:#fff;border:1px solid #dce7e1;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.reconcileYearNav button:disabled{opacity:.3}.reconcileYearNav button svg{width:15px}.reconcileYearNav b{white-space:nowrap;font:700 11px Manrope}.reconcileYearNav span{color:#82958f;font-size:9px}.periodForm{grid-template-columns:1fr 1fr 1.25fr 1.25fr auto}.reconcileOverview{grid-template-columns:repeat(4,1fr)}.annualOverview article.eonAmount{border-color:var(--solar)}@media (width<=900px){.periodForm{grid-template-columns:1fr 1fr}.periodForm .annualInput,.periodForm button{grid-column:auto}.periodForm button{grid-column:1/-1}.reconcileOverview{grid-template-columns:1fr 1fr}}@media (width<=700px){.reconcileYearNav{grid-template-columns:32px 1fr 32px}.reconcileYearNav b{text-align:center}.reconcileYearNav span{text-align:center;grid-area:2/1/auto/-1}.periodForm .annualInput{grid-column:1/-1}.reconcileOverview article:last-child{grid-column:auto}}.periodForm>*{min-width:0}.periodForm input{box-sizing:border-box;min-width:0;max-width:100%}@media (width<=700px){.periodForm{grid-template-columns:calc(50% - 4px) calc(50% - 4px);gap:8px}.periodForm label{min-width:0}.periodForm label:first-child{grid-column:1}.periodForm label:nth-child(2){grid-column:2}.periodForm .annualInput,.periodForm button{grid-column:1/-1}.periodForm input[type=date]{box-sizing:border-box;appearance:none;text-align:center;width:100%;min-width:0;max-width:100%;padding:8px 3px;font-size:9px;display:block}.periodForm input[type=date]::-webkit-date-and-time-value{text-align:center;min-width:0;margin:0}.periodForm input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}}.yearComparison{border:1px solid #e2e9e5;border-radius:13px;margin-top:12px;padding:16px}.yearComparisonTable{margin-top:10px;display:grid;overflow-x:auto}.yearComparisonHeader,.yearComparisonRow{grid-template-columns:.55fr 1fr 1fr 1fr 1.25fr;align-items:center;gap:8px;min-width:660px;padding:9px 10px;display:grid}.yearComparisonHeader{color:#899b95;border-bottom:1px solid #e3ebe6;font-size:8px}.yearComparisonRow{color:#45675e;border-bottom:1px solid #edf2ef;font-size:10px}.yearComparisonRow:last-child{border-bottom:0}.yearComparisonRow.active{background:#edf7f2;border-radius:9px}.yearComparisonRow>b{color:#245f51;font:700 12px Manrope}.yearComparisonRow>span{gap:2px;display:grid}.yearComparisonRow small{color:#96a69f;font-size:7px}@media (width<=700px){.yearComparison{padding:13px 10px}.yearComparisonTable{margin-left:-2px;margin-right:-2px}}.yearComparisonHeader,.yearComparisonRow{grid-template-columns:.5fr 1fr 1.2fr 1fr 1fr 1fr 1.15fr;min-width:1020px}.pushSettings{background:#f5faf7;border:1px solid #dfe9e3;border-radius:13px;margin:18px 0;padding:16px}.pushTitle{align-items:center;gap:11px;display:flex}.pushIcon{color:#26745f;background:#e7f3ee;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.pushIcon svg{width:18px}.pushTitle h3{margin:0;font:700 14px Manrope}.pushTitle p{color:#7c918a;margin:3px 0 0;font-size:10px;line-height:1.4}.pushControl{background:#fff;border:1px solid #e1e9e4;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding:12px;display:flex}.pushControl>span{gap:3px;display:grid}.pushControl b{font-size:11px}.pushControl small{color:#8b9d97;font-size:8px}.pushControl button,.pushTest{white-space:nowrap;border:0;border-radius:8px;padding:9px 11px;font:600 9px DM Sans}.pushControl .enable{color:#fff;background:#184d41}.pushControl .disable{color:#aa554e;background:#fff0ee}.pushTest{color:#356f5f;background:#e7f1ed;margin-top:9px}.pushHint{border-radius:8px;margin:10px 0 0;padding:9px;font-size:9px;line-height:1.4}.pushHint.warn{color:#956245;background:#fff3eb}.pushHint.success{color:#26775f;background:#e7f5ee;align-items:center;gap:6px;display:flex}.pushHint svg{width:13px}.pushDevices{border-top:1px solid #dde8e2;margin-top:13px;padding-top:12px}.pushDevices h4{margin:0 0 5px;font:700 10px Manrope}.pushDevices article{align-items:center;gap:9px;padding:8px 2px;display:flex}.pushDevices article>svg{color:#718b82;width:16px}.pushDevices article>span{gap:2px;display:grid}.pushDevices b{font-size:10px}.pushDevices small{color:#8b9c96;font-size:8px}.pushDevices article.current b{color:#24755d}@media (width<=520px){.pushSettings{padding:13px}.pushControl{align-items:flex-start}.pushControl button{align-self:center}.pushTitle p{font-size:9px}}