.usage-loading{min-height:60vh;color:var(--color-text-muted);place-items:center;display:grid}.usage-loading .spinner{border:4px solid var(--color-border);border-top-color:var(--color-info);border-radius:50%;width:3rem;height:3rem}.usage-header .header-actions{gap:var(--space-3);display:flex}.date-range-btn,.usage-controls select{min-height:2.75rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:.65rem .9rem}.usage-stats-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.usage-stat-card{transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.usage-stat-card:before{content:"";background:var(--brand-gradient);height:2px;position:absolute;top:0;left:0;right:0}.usage-stat-card:hover{border-color:var(--color-border-strong);transform:translateY(-3px)}.stat-card-header{align-items:center;gap:var(--space-3);display:flex}.stat-card-header h3{margin:0 0 var(--space-1);color:var(--color-text);font-size:1rem}.stat-subtitle,.stat-description{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.5}.stat-icon{border-radius:var(--radius-md);border:1px solid;flex:0 0 2.75rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.stat-icon.blur{color:var(--color-info);background:var(--color-info-surface);border-color:var(--color-info-border)}.stat-icon.documents{color:var(--color-success);background:var(--color-success-surface);border-color:var(--color-success-border)}.stat-icon.requests{color:var(--color-warning);background:var(--color-warning-surface);border-color:var(--color-warning-border)}.stat-card-content{margin-top:var(--space-5)}.stat-main-value{margin-bottom:var(--space-4);color:var(--color-text);font-family:var(--font-display);font-size:max(2rem,min(4vw,3rem));font-weight:800;line-height:1}.stat-progress-bar{background:var(--color-bg-band);border:1px solid var(--color-border);border-radius:999px;height:.55rem;overflow:hidden}.stat-progress-fill{background:var(--brand-gradient);border-radius:inherit;min-width:2px;height:100%;transition:width .32s}.requests-fill{background:linear-gradient(90deg,var(--color-warning),var(--brand-secondary))}.stat-progress-info{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);color:var(--color-text-muted);font-size:.8rem;display:flex}.stat-warning{padding:var(--space-3);margin-top:var(--space-4);color:var(--color-warning);background:var(--color-warning-surface);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);font-size:.85rem}.usage-controls,.usage-chart-section{padding:var(--space-5);margin-top:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.usage-chart-section h2{color:var(--color-text)}.chart-container{min-height:18rem;color:var(--color-text-muted)}.chart-bar{background:var(--brand-gradient);border-radius:var(--radius-sm)var(--radius-sm)0 0}.chart-tooltip{padding:var(--space-2);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-card)}@media (max-width:940px){.usage-stats-grid{grid-template-columns:1fr}}@media (max-width:620px){.usage-header .header-actions,.date-range-btn{width:100%}}@media (prefers-reduced-motion:reduce){.usage-stat-card:hover{transform:none}}