.analytics-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.analytics-controls label{font-size:12px;font-weight:800;color:var(--muted)}.analytics-controls select{border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--ink);padding:9px 11px;font:inherit}.analytics-controls #usage-status{min-width:80px;color:var(--muted);font-size:12px}.panel-intro{margin:-7px 0 20px;color:var(--muted)}.usage-overview{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.usage-stat{padding:15px;border:1px solid var(--border);border-radius:12px;background:#fbfdfc}.usage-stat strong{display:block;font-size:25px;line-height:1.1}.usage-stat span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.usage-layout{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px;margin-top:26px}.usage-layout h3,.usage-users-section h3{margin:0 0 12px}.usage-bars,.usage-ranked{display:flex;flex-direction:column;gap:8px}.usage-bar-row{display:grid;grid-template-columns:minmax(90px,1fr) 2.5fr auto;align-items:center;gap:8px;font-size:12px}.usage-bar-track{height:8px;overflow:hidden;border-radius:999px;background:var(--pale)}.usage-bar-track i{display:block;height:100%;border-radius:inherit;background:var(--green2)}.usage-rank-row{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:8px;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px}.usage-rank-row b{color:var(--green)}.usage-users-section{margin-top:26px}.usage-table-wrap{overflow-x:auto}.usage-users{width:100%;border-collapse:collapse}.usage-users th,.usage-users td{padding:11px 10px;border-top:1px solid var(--border);text-align:left}.usage-users th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.usage-users td:nth-child(3){font-weight:850;color:var(--green)}
@media(max-width:950px){.usage-overview{grid-template-columns:repeat(3,1fr)}.usage-layout{grid-template-columns:1fr}}
@media(max-width:620px){.analytics-heading{display:block}.analytics-controls{margin-top:12px}.usage-overview{grid-template-columns:1fr 1fr}.usage-bar-row{grid-template-columns:82px 1fr auto}}
.usage-users{min-width:1080px}.usage-users th,.usage-users td{vertical-align:top}.usage-users td:nth-child(n+2):nth-child(-n+8){font-weight:800;color:var(--green);text-align:center}.usage-student-detail summary{cursor:pointer;color:var(--green);font-weight:850;white-space:nowrap}.usage-student-detail small{display:block;margin-top:4px;color:var(--muted)}.usage-student-detail p{max-width:520px;margin:8px 0 0;color:var(--ink);font-size:12px;line-height:1.55}.usage-student-detail p span{display:block;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.usage-filter-controls{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}.usage-filter-controls label{display:flex;flex-direction:column;gap:5px;min-width:155px;font-size:12px;font-weight:750;color:var(--muted)}.usage-filter-controls select{width:100%;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--ink);padding:9px 11px;font:inherit}.usage-filter-note{margin:0;color:var(--muted);font-size:12px}.usage-users{min-width:1200px}.usage-users .usage-selected-metric{font-weight:850;color:var(--green);background:#f0f8f3}