#usageControls{margin:20px 0;border:1px solid rgba(212,174,91,.28);border-radius:16px;padding:20px;background:linear-gradient(120deg,rgba(212,174,91,.09),rgba(20,20,24,.08))}
.usage-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.usage-heading h3{margin:0;font-size:20px}.usage-heading p{margin:8px 0;color:var(--text2,#aaa);font-size:12px;line-height:1.7}.usage-buttons,.usage-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#usageSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.usage-stat{padding:16px;border:1px solid var(--border, #444);border-radius:12px;min-width:0;background:var(--bg2, #202024)}.usage-stat span,.usage-stat small{display:block;color:var(--text2,#aaa);font-size:12px}.usage-stat strong{display:block;margin:12px 0;font-size:20px;overflow-wrap:anywhere;color:var(--text,#eee)}.usage-stat small{line-height:1.65}
.usage-line{display:flex;flex-wrap:wrap;gap:8px 20px;margin:10px 0 6px;font-size:12px}.usage-line b{color:var(--text,#eee)}.usage-muted{color:var(--text2,#aaa);font-size:11px;overflow-wrap:anywhere;line-height:1.8}.usage-warning{color:#e7b460;font-size:12px;line-height:1.8;margin:5px 0}.usage-sync-one{margin-top:6px}#usageSyncStatus{font-size:12px;margin-top:12px;color:var(--text2,#aaa)}#usageSearch{max-width:100%;width:260px}#usageControls input,#usageControls select{background:var(--bg2,#222);color:var(--text,#eee);border:1px solid var(--border,#555);border-radius:8px;padding:9px 12px}#usageSyncStop[hidden],#usageControls[hidden]{display:none!important}
@media(max-width:1000px){#usageSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){#usageControls{padding:12px}.usage-stat{padding:12px}.usage-stat strong{font-size:17px}.usage-filters{align-items:stretch;flex-direction:column}#usageSearch{width:100%;box-sizing:border-box}}