:root{font-family:system-ui,sans-serif;color-scheme:light dark}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#1d2d43}.usage-page{max-width:1180px;margin:auto;padding:24px}.usage-header,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.eyebrow,.muted{color:#66758c}h1{font-size:32px;margin:6px 0}.back-link{color:#165bac}.toolbar{justify-content:flex-start;margin:25px 0}button,select{border:1px solid #b9c8dc;border-radius:8px;padding:9px 12px;background:#fff;color:#213550;cursor:pointer}.usage-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:24px 0}.usage-kpis article,.tables section{background:#fff;border:1px solid #dce4ee;border-radius:12px;padding:16px}.usage-kpis strong{font-size:24px;display:block;margin-top:8px}.usage-kpis span{color:#66758c}.tables{display:grid;gap:20px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:10px;border-bottom:1px solid #e5e9f1;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}td:first-child{white-space:normal;overflow-wrap:anywhere}.warning{padding:12px;background:#fff3d3;border:1px solid #a87b26}.status,footer{margin:20px 0}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #408be0}@media(max-width:600px){.usage-page{padding:14px}.usage-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-color-scheme:dark){body{background:#111a2b;color:#eef3f9}.usage-kpis article,.tables section,button,select{background:#1c2a41;color:#eef3f9;border-color:#465977}th,td{border-color:#465977}.eyebrow,.muted{color:#adbed6}.back-link{color:#93c5ff}.warning{background:#433217;color:#fff0d0}}
