.usage-cards{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin:8px 0 18px}
.usage-cards>div{min-width:0;padding:20px;background:#111824;border:1px solid #344359;border-radius:12px}
.usage-cards label{font-size:14px;margin:0 0 8px}
.usage-cards strong{display:block;font-size:clamp(22px,3vw,36px);line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.usage-cards small{display:block;font-size:13px;letter-spacing:0;margin-top:6px;color:#aebacf}
.usage-cards .usage-primary{border-color:#3b789b;background:#122333}
.usage-primary strong{color:#88d7ff}
#usageSection th{font-size:14px;white-space:nowrap}
#usageSection td{font-variant-numeric:tabular-nums;font-size:14px}
#usageSection p{font-size:14px}
#usageError{color:#ffc786}
@media(max-width:650px){.usage-cards{grid-template-columns:1fr 1fr;gap:10px}.usage-cards .usage-primary{grid-column:1/-1}.usage-cards>div{padding:14px}}
#monthlySummary { white-space:pre-line; font-variant-numeric:tabular-nums; }
#monthlyDays { max-height:320px; overflow:auto; }
.monthly-row { display:flex; justify-content:space-between; gap:16px; padding:5px 0; }
.month-controls { display:flex; gap:8px; margin:10px 0; }