.insight-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.insight{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px}.insight small{color:var(--muted)}.insight b{display:block;font-size:20px;margin-top:7px}.analytics-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px}.chart-card{min-height:310px}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:11px}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.column-chart{height:205px;display:flex;align-items:end;gap:8px;padding:18px 4px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 50px,#eef1f5 51px)}.chart-day{height:100%;flex:1;display:flex;align-items:end;justify-content:center;gap:2px;position:relative}.chart-day i{min-width:4px;max-width:11px;flex:1;border-radius:4px 4px 0 0;transition:height .25s}.chart-day .entry{background:#2c8b66}.chart-day .consumption{background:#5265d8}.chart-day .loss{background:var(--accent)}.chart-day small{position:absolute;top:calc(100% + 7px);font-size:9px;color:var(--muted);white-space:nowrap}.donut{width:150px;aspect-ratio:1;border-radius:50%;margin:12px auto;display:grid;place-items:center}.donut:after{content:"";width:92px;aspect-ratio:1;border-radius:50%;background:#fff}.breakdown{display:grid;gap:8px}.breakdown-row{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px}.breakdown-row span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--dot);margin-right:7px}.rank-list{display:grid;gap:9px}.rank-row{display:grid;grid-template-columns:1fr auto;gap:10px}.rank-track{grid-column:1/-1;height:6px;background:#eef1f5;border-radius:5px;overflow:hidden}.rank-track i{display:block;height:100%;background:var(--accent);border-radius:inherit}.tab-empty{padding:35px;text-align:center;color:var(--muted)}@media(max-width:950px){.insight-strip{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr}}@media(max-width:600px){.insight-strip{grid-template-columns:1fr}.column-chart{gap:3px}.chart-day small{display:none}}