:root{color:#183128;font-synthesis:none;--green:#173b2f;--mint:#dcebe1;--orange:#d47b19;--paper:#fbfcf9;--line:#dce4dc;background:#f2f5f0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.shell>aside{color:#fff;background:#102820;flex-direction:column;width:238px;padding:34px 24px;display:flex;position:fixed;inset:0 auto 0 0}.logo{letter-spacing:-.04em;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.logo svg{color:#f2ad43}.shell nav{gap:7px;margin-top:70px;display:grid}.shell nav button,.logout{color:#b9c9c1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;display:flex}.shell nav svg,.logout svg{width:19px}.shell nav button.active{color:#fff;background:#25483b}.logout{margin-top:auto}.content{grid-column:2;width:100%;max-width:1500px;padding:48px clamp(28px,5vw,76px)}.section-head{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#648073;margin:0 0 10px;font-size:11px;font-weight:700}.section-head h1,.entry h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,47px);line-height:1.06}.section-head p{color:#708079;margin:8px 0 0}.date-chip,.icon-button{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:12px 16px}.icon-button{cursor:pointer;color:var(--green)}.solar-card{color:#fff;background:linear-gradient(125deg,#285c48,#153a2f);border-radius:24px;grid-template-columns:1fr auto 1fr;align-items:center;padding:30px 34px;display:grid;box-shadow:0 16px 40px #163c2d20}.solar-card strong{font-size:48px}.solar-card strong small{font-size:16px}.solar-card p{color:#bad1c6;margin:3px 0}.eyebrow.light{color:#cde0d6}.sun{color:#f3ae3e;filter:drop-shadow(0 0 22px #e69f3e88);margin:0 24px}.solar-stats{justify-self:end;gap:36px;display:flex}.solar-stats span{color:#b9cec5;font-size:12px;display:grid}.solar-stats b{color:#fff;margin-bottom:5px;font-size:18px}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0;display:grid}.kpis article,.chart-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px}.mini-icon{background:var(--mint);color:#2f7457;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.kpis p{color:#718078;margin:18px 0 6px;font-size:12px}.kpis strong{font-size:24px}.kpis strong small{color:#77847e;font-size:12px}.delta{color:#829088;margin-top:9px;font-size:10px;display:block}.chart-card h2{margin:0;font-size:20px}.chart-card>div>p{color:#74837b;margin:4px 0}.empty{text-align:center;color:#7b8a82;place-content:center;height:250px;display:grid}.entry{max-width:1000px}.meter-form{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:28px}.date-field{gap:8px;max-width:250px;margin-bottom:22px;font-weight:600;display:grid}.date-field input,.meter-input input,.note textarea{background:#fff;border:1px solid #ced8d0;border-radius:11px;outline:none;padding:12px}.date-field input:focus,.meter-input input:focus,.note textarea:focus{border-color:#3d8064;box-shadow:0 0 0 3px #3d80641c}.meter-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.meter-input{border:1px solid var(--line);background:#f8faf6;border-radius:15px;grid-template-columns:auto 1fr 135px;align-items:center;gap:12px;padding:13px;display:grid}.meter-icon{background:var(--mint);color:#2c7557;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.meter-input span:nth-child(2){display:grid}.meter-input small,.photo small{color:#7c8b84;margin-top:3px;font-size:11px}.extras{grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;display:grid}.photo{color:#486157;cursor:pointer;border:1px dashed #9cad9f;border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex;position:relative}.photo input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo span{display:grid}.note{gap:7px;font-weight:600;display:grid}.note textarea{resize:vertical}.save,.login button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;gap:8px;padding:14px 22px;font-weight:700;display:flex}.success{color:#26734f}.error{color:#b73d32}.login{background:radial-gradient(circle at 20% 10%,#d9eadc,#0000 30%),#eff3ed;place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:#fbfcf9;border-radius:24px;width:min(430px,100%);padding:38px;box-shadow:0 25px 70px #16332816}.brand-mark{background:var(--green);color:#f2ae42;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:28px;display:grid}.login h1{letter-spacing:-.04em;margin:0;font-size:38px}.muted{color:#74827b}.login form{gap:13px;margin-top:28px;display:grid}.login label{gap:7px;font-weight:600;display:grid}.login input{border:1px solid #ccd6ce;border-radius:11px;padding:13px}.mobile-head{display:none}@media (width<=900px){.shell{display:block}.shell>aside{display:none}.content{padding:20px}.mobile-head{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.mobile-head button{background:var(--green);color:#fff;border:0;border-radius:10px;padding:10px}.solar-card{grid-template-columns:1fr auto}.solar-stats{grid-column:1/-1;justify-self:start;margin-top:20px}.kpis{grid-template-columns:repeat(2,1fr)}.meter-grid,.extras{grid-template-columns:1fr}}@media (width<=560px){.section-head{align-items:flex-start}.date-chip{display:none}.solar-card{padding:24px}.solar-card strong{font-size:38px}.sun{width:48px}.solar-stats{gap:24px}.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpis article,.meter-form{padding:15px}.meter-input{grid-template-columns:auto 1fr}.meter-input input{grid-column:1/-1}.section-head h1,.entry h1{font-size:34px}}.chart-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.chart-tabs{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.chart-tabs button{border:1px solid var(--line);color:#5c7066;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:12px;display:inline-flex}.chart-tabs button.active{background:var(--green);color:#fff;border-color:#2d7455}@media (width<=720px){.chart-heading{display:grid}.chart-tabs{justify-content:flex-start}}.year-select{color:#61756a;gap:6px;font-size:12px;font-weight:700;display:grid}.year-select select,.login select{background:#fff;border:1px solid #ccd6ce;border-radius:11px;padding:11px}.bill-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.bill-summary article,.billing-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px}.bill-summary span{color:#6d8076;margin-bottom:8px;font-size:12px;display:block}.bill-summary b{font-size:22px}.bill-summary .due{background:#fffaf1;border-color:#d9b283}.bill-summary .credit{background:#f2fbf4;border-color:#9ac8ab}.pdf-button{background:var(--green);color:#fff;border-radius:11px;margin-bottom:20px;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-block}.billing-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.billing-card h2{margin:0;font-size:20px}.billing-card>p,.billing-note{color:#74837b;font-size:13px;line-height:1.5}.compact-form{grid-template-columns:1fr 1fr;gap:9px;margin:16px 0;display:grid}.compact-form input{border:1px solid #ced8d0;border-radius:9px;min-width:0;padding:10px}.compact-form button{color:#fff;cursor:pointer;background:#285c48;border:0;border-radius:9px;grid-column:1/-1;padding:10px;font-weight:700}.data-list{gap:8px;display:grid}.data-list>div{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding-top:9px;font-size:12px;display:grid}.data-list span{color:#687b71}.data-list button{color:#a4493d;cursor:pointer;background:0 0;border:0;font-size:11px}.billing-note{max-width:850px;margin-top:20px}@media (width<=900px){.billing-grid{grid-template-columns:1fr}.bill-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.bill-summary{grid-template-columns:1fr 1fr}.billing .section-head{gap:12px}.data-list>div{grid-template-columns:1fr auto}.data-list span{grid-area:2/1/auto/-1}.compact-form{grid-template-columns:1fr}}.reading-list{gap:9px;max-width:850px;display:grid}.reading-list article{border:1px solid var(--line);background:var(--paper);border-radius:13px;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex}.reading-list article>div{gap:4px;display:grid}.reading-list span{color:#718178;font-size:13px}.reading-list button{color:#285c48;cursor:pointer;background:#fff;border:1px solid #aac4b5;border-radius:9px;padding:8px 11px;font-weight:700}.dialog-backdrop{z-index:10;background:#09211988;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.edit-dialog{background:var(--paper);border-radius:20px;gap:15px;width:min(760px,100%);max-height:90vh;padding:24px;display:grid;overflow:auto}.dialog-head{justify-content:space-between;align-items:flex-start;display:flex}.dialog-head h2{margin:0}.dialog-head button{cursor:pointer;background:0 0;border:0;font-size:30px;line-height:1}.edit-dialog label{gap:5px;font-weight:700;display:grid}.edit-dialog small{color:#718178;font-size:11px}.edit-dialog input,.edit-dialog textarea{font:inherit;border:1px solid #ced8d0;border-radius:9px;padding:10px}.edit-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){.edit-grid{grid-template-columns:1fr}.reading-list article{flex-direction:column;align-items:flex-start}}