:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#14211b;background:#f2f3ed;--green:#184f3b;--lime:#d9f05b;--line:#d8ddd5}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px max(24px,calc((100vw - 1120px)/2));background:var(--green);color:white}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4rem);line-height:.9;margin-bottom:0}.eyebrow{font-size:.72rem;letter-spacing:.18em;color:var(--lime)}.eyebrow.dark{color:#547062}main{max-width:1120px;margin:32px auto;padding:0 24px}.card,.stats article,.toolbar{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 35px #1e432c0c}.auth{max-width:520px;margin:8vh auto}.grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stats span{display:block;color:#607067;font-size:.8rem}.stats strong{display:block;font-size:1.5rem;margin-top:10px}.stats small{display:block;color:#7d8982;margin-top:5px}.stats .featured{background:var(--green);color:white}.stats .featured span,.stats .featured small{color:#c5d8cf}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.chart-card{min-width:0}.chart-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.chart-heading h2{margin:5px 0 0}.chart-heading>strong{font-size:1.35rem}.mix{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:28px;margin-top:22px}.donut{position:relative;display:grid;width:170px;aspect-ratio:1;place-items:center;border-radius:50%;background:conic-gradient(#e69635 0 var(--fuel-share,0%),#1d7254 var(--fuel-share,0%) 100%)}.donut:before{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:white;content:""}.donut div{position:relative;text-align:center}.donut strong,.donut span{display:block}.donut span{font-size:.7rem;color:#6b756e;margin-top:3px}.legend{display:grid;gap:13px}.legend p{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;margin:0;font-size:.8rem}.legend i{width:9px;height:9px;border-radius:50%}.fuel-dot{background:#e69635}.charge-dot{background:#1d7254}.pv-dot{background:var(--lime)}.bar-chart{height:205px;display:flex;align-items:end;gap:10px;padding-top:25px;overflow-x:auto}.bar-column{height:100%;min-width:42px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar{width:min(32px,80%);min-height:3px;border-radius:8px 8px 3px 3px;background:linear-gradient(#d9f05b,#1d7254);position:relative}.bar:hover:after{content:attr(data-value);position:absolute;left:50%;top:-28px;transform:translateX(-50%);background:#14211b;color:white;padding:4px 7px;border-radius:6px;font-size:.68rem;white-space:nowrap}.bar-column small{font-size:.65rem;color:#657168}.toolbar{display:flex;align-items:end;gap:12px}.toolbar label{flex:1}label{display:grid;gap:7px;margin:12px 0;font-size:.84rem;font-weight:650}input,select{width:100%;padding:12px;border:1px solid #bdc8c0;border-radius:10px;background:white;font:inherit}input[readonly]{background:#eef2ef;color:#536159}.tariff-fields{margin:12px 0;padding:13px;border:1px solid var(--line);border-radius:13px;background:#f8faf7}.tariff-fields label{margin:0 0 10px}.tariff-fields>small{display:block;margin-top:9px;color:#6b756e}.tariff-actions{display:flex;gap:8px}.compact{padding:8px 12px;font-size:.75rem}button{border:0;border-radius:999px;padding:11px 18px;background:var(--green);color:white;font:inherit;font-weight:750;cursor:pointer}.secondary{background:var(--lime);color:#173226}.ghost{background:transparent;color:inherit;border:1px solid currentColor}.actions{display:flex;gap:10px}.entries{display:grid;gap:10px}.entry{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.entry small{display:block;color:#6b756e}.danger{color:#a12d28;border-color:#d8aaa7;padding:7px 11px}.hidden{display:none!important}#toast{position:fixed;right:20px;bottom:20px;max-width:360px;padding:13px 18px;border-radius:10px;background:#14211b;color:white;opacity:0;transform:translateY(8px);transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar button{width:100%}.mix{grid-template-columns:1fr;justify-items:center}.legend{width:100%}.tariff-actions{flex-direction:column}.tariff-actions button{width:100%}}