#adminUsageOpen{margin-left:8px}
#adminUsageDialog{width:min(1100px,calc(100vw - 28px));height:90dvh;max-height:calc(100dvh - 24px);padding:0;border:1px solid #dce0e8;border-radius:12px;color:#173b64;overflow:hidden}
#adminUsageDialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
#adminUsageDialog::backdrop{background:#172b4d88}
#adminUsageDialog>header{padding:16px 22px;border-bottom:1px solid #dce0e8;margin:0;gap:12px}
#adminUsageDialog h2{margin:0}
.usageBody{min-height:0;overflow:auto;padding:0 22px 22px;overscroll-behavior:contain}
.usageControls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.usageControls label{flex:1;min-width:0;max-width:340px;margin-bottom:0}
.usageControls>button{flex:none;height:44px;min-height:44px;margin:0;box-sizing:border-box}
.usageControls select,.usageFilters select,.usageFilters input{width:100%;height:44px;box-sizing:border-box}
.usageMuted{color:#52647b;font-size:.88rem;overflow-wrap:anywhere}
.usageCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.usageCard{--usage-accent:#0755e9;--usage-ink:#fff;background:#fff;border:1px solid var(--usage-accent);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.usageCard--participation{--usage-accent:#00843d}
.usageCard--rhythm{--usage-accent:#ffdf00;--usage-ink:#183153}
.usageCard--attention{--usage-accent:#db1638}
.usageCardHeading{background:var(--usage-accent);color:var(--usage-ink);padding:16px;flex:1}
.usageCard strong{display:block;font-size:1.7rem;color:inherit}
.usageCard h3{font-size:.95rem;margin:6px 0 0;color:inherit}
.usageCard p{font-size:.8rem;line-height:1.5;margin:0;padding:12px 16px;color:#52647b}
.usageTableWrap{max-width:100%;overflow-x:auto}
.usageTable{width:100%;border-collapse:collapse;font-size:.88rem}
.usageTable th,.usageTable td{padding:10px;text-align:left;border-bottom:1px solid #dce0e8}
.usageTable thead{background:#edf2fc}
#usageContent>details{margin:20px 0}
#usageContent summary{cursor:pointer;color:#154baa;padding:8px 0}
.usageFilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.usageCheck{display:flex;align-items:center;gap:8px;margin:14px 0}
.usageCheck input{width:auto;margin:0}
.usageAccount{padding:14px 16px;border:1px solid #dce0e8;border-radius:10px;margin:10px 0;overflow-wrap:anywhere}
.usageAccount h4{margin:0}.usageAccount p{margin:6px 0;font-size:.9rem}
.usageDay{display:grid;grid-template-columns:95px minmax(40px,1fr) 150px;gap:10px;align-items:center;margin:6px 0;font-size:.85rem}
.usageDay progress{width:100%;accent-color:#195bea}
@media(max-width:600px){.usageBody{padding:0 14px 14px}.usageCards{grid-template-columns:repeat(2,minmax(0,1fr))}.usageCardHeading,.usageCard p{padding:12px}.usageFilters{grid-template-columns:1fr}.usageDay{grid-template-columns:80px minmax(30px,1fr) 115px;gap:6px;font-size:.75rem}}
@media(max-width:360px){.usageCards{grid-template-columns:1fr}}