.usage-page { max-width:1500px; margin:auto; padding:20px; }
.usage-page .usage-filters { display:flex; gap:12px; flex-wrap:wrap; align-items:end; margin:20px 0; }
.usage-page .usage-filters label { min-width:150px; }
.usage-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; margin:20px 0; }
.usage-cards small,.usage-cards strong { display:block; }
.usage-cards strong { font-size:24px; margin-top:8px; }
.usage-page .panel-card { margin-bottom:16px; padding:18px; }
.usage-table { overflow-x:auto; }
.usage-table table { width:100%; border-collapse:collapse; text-align:left; }
.usage-table th,.usage-table td { padding:10px; border-bottom:1px solid #dbe5f0; vertical-align:top; }
.usage-table th { background:#f3f7fc; white-space:nowrap; }
.usage-warning { padding:12px; background:#fff5db; border:1px solid #eac781; border-radius:8px; margin:12px 0; }

.usage-periods { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:12px 0; }