.lifetime-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:16px}.lifetime-grid article{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column}.lifetime-grid article span,.lifetime-grid article small{font-size:12px;color:var(--muted)}.lifetime-grid article strong{font-size:22px;margin:9px 0 5px}.lifetime-grid article b{font-size:13px;color:var(--green2)}.lifetime-grid article small{margin-top:8px}.lifetime-grid .combined{background:#e8efe5}.inline-filter label{min-width:130px}.chart-toggle{display:flex;gap:5px;margin-bottom:12px}.chart-toggle button{border:0;background:#e8eee9;padding:7px 13px;border-radius:9px;cursor:pointer;font-size:12px}.chart-toggle button.active{background:var(--green);color:#fff}.bar-chart{height:270px;display:flex;align-items:stretch;gap:8px;border-bottom:1px solid var(--line);padding-top:28px}.bar-group{flex:1;min-width:25px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bars{height:220px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.bar{width:min(18px,42%);min-height:1px;border:0;border-radius:5px 5px 0 0;position:relative;cursor:pointer}.bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted);opacity:0;white-space:nowrap}.bar:hover span,.bar:focus span{opacity:1}.electricity-bar{background:#91b960}.water-bar{background:#82bed0}.bar-group small{font-size:10px;color:var(--muted);margin-top:7px}.chart-legend{display:flex;justify-content:center;gap:18px;margin-top:14px;font-size:12px;color:var(--muted)}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.electricity-dot{background:#91b960}.water-dot{background:#82bed0}.stacked-chart{height:245px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line);padding-top:25px}.daily-column{flex:1;height:220px;min-width:14px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer;padding:0}.daily-bar{width:min(25px,75%);background:linear-gradient(#91b960,#568e71);border-radius:5px 5px 0 0;min-height:1px}.daily-column.active .daily-bar{box-shadow:0 0 0 3px rgba(24,63,52,.18)}.daily-column b{font-size:9px;color:var(--muted);font-weight:400}.daily-column small{font-size:9px;color:var(--muted);margin-top:5px}.chart-detail{background:#edf2e9;border-radius:15px;padding:16px;margin:18px 0;display:flex;flex-direction:column;gap:5px}.chart-detail>span{font-size:12px;color:var(--muted)}.allocation-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}.allocation-list i{font-style:normal;background:white;border-radius:9px;padding:6px 9px;display:flex;gap:7px;font-size:11px}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.backup-grid .panel{display:flex;flex-direction:column;align-items:flex-start}.backup-grid p,.backup-grid small{color:var(--muted);font-size:13px;line-height:1.7}.backup-grid small{font-size:11px;margin-top:15px}.backup-grid form{display:grid;gap:14px;width:100%}.restore-warning{background:#f5e8d8;padding:11px;border-radius:11px;font-size:12px}.backup-link{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.backup-link h2{margin:5px 0}.backup-link p{margin:0;color:var(--muted);font-size:13px}@media(max-width:700px){.lifetime-grid,.backup-grid{grid-template-columns:1fr}.bar-chart,.stacked-chart{overflow-x:auto;justify-content:flex-start}.bar-group{min-width:34px}.daily-column{min-width:28px}.backup-link{align-items:flex-start;gap:15px;flex-direction:column}}