#adminAnalyticsSection .section-head h3{font-size:clamp(24px,3vw,36px)}
#adminAnalyticsSection .analytics-filter-card{border-top:2px solid var(--brand);background:linear-gradient(125deg,rgba(255,137,25,.07),transparent 55%)}
#adminAnalyticsSection .analytics-kpi{position:relative;overflow:hidden;min-height:128px;border-color:rgba(255,154,40,.17)}
#adminAnalyticsSection .analytics-kpi strong{font-size:34px;color:var(--text)}
#adminAnalyticsSection .analytics-kpi:after{content:'';position:absolute;bottom:0;left:0;width:40%;height:3px;background:var(--brand)}
#adminAnalyticsSection .analytics-section>summary{padding:20px}
#adminAnalyticsSection .analytics-section-title b{font-size:17px}
#usageAnalyticsTrend svg{display:block;width:100%;min-height:150px}
.usage-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.usage-group-card{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.usage-group-card strong{display:block;font-size:26px;margin:14px 0}.usage-group-card small{font-size:12px;font-weight:400;color:var(--muted)}
.usage-group-card p{color:var(--muted);font-size:12px}.usage-group-card .analytics-bar{height:9px}
.usage-person{border:1px solid var(--border);border-radius:14px;margin:10px 0;overflow:hidden}.usage-person summary{display:flex;justify-content:space-between;gap:16px;padding:18px;cursor:pointer;background:rgba(255,255,255,.025)}
.usage-person summary b{font-size:16px}.usage-person summary small{display:block;color:var(--muted);font-size:12px;margin-top:5px;overflow-wrap:anywhere}.usage-person-count{text-align:right;flex-shrink:0;color:var(--brand)}
.usage-person-body{padding:18px}.usage-person-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:16px 0}.usage-person-stats span{padding:12px;background:rgba(255,255,255,.03);border-radius:10px;font-size:12px;color:var(--muted)}.usage-person-stats b{display:block;color:var(--text);font-size:22px;margin-bottom:6px}
.usage-table-wrap{overflow:auto;margin:12px 0}.usage-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.usage-table th{color:var(--brand);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.usage-table td,.usage-table th{padding:12px;border-bottom:1px solid var(--border)}
.usage-timeline{max-height:500px;overflow:auto;padding-left:18px}.usage-timeline li{display:grid;gap:5px;padding:12px;border-left:2px solid var(--brand);margin:12px 0}.usage-timeline time,.usage-timeline span{font-size:12px;color:var(--muted)}
#usageAnalyticsScope{padding:12px 16px;border-left:3px solid var(--brand);font-size:12px;line-height:1.6;color:var(--muted)}
@media(max-width:600px){.usage-person summary{display:block}.usage-person-count{display:block;text-align:left;margin-top:12px}.usage-person-body{padding:12px}}
.usage-chart-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.usage-chart-head h4{margin:12px 0}.usage-chart-head span{font-size:12px;color:var(--muted)}
.usage-chart-wrap{overflow-x:auto}.usage-chart-wrap svg{width:100%;min-width:620px;display:block}.usage-chart-wrap rect:focus{outline:none;stroke:var(--brand);stroke-width:1}
.usage-chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;margin:12px 0}.usage-chart-legend label{display:flex;gap:6px;align-items:center;cursor:pointer}.usage-chart-legend i{width:16px;height:3px;display:inline-block}.usage-chart-detail{min-height:46px;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:13px;line-height:1.6}
#usageChartMetric{max-width:360px;margin:8px 0 16px}#usageAnalyticsResources .usage-table{min-width:900px}.usage-table td{font-variant-numeric:tabular-nums}.usage-table th{max-width:240px}.analytics-kpi-note{line-height:1.6}