.admin-dashboard { width:100%; min-width:0; }
.ad-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.ad-heading .eyebrow { display:none; }
.ad-heading h1 { font-size:22px; color:var(--navy); }
.ad-heading p { color:var(--muted); font-size:13px; margin-top:6px; }
.ad-period-control { display:flex; flex:none; gap:4px; padding:4px; background:#eaf0f6; border-radius:12px; }
.ad-period-control button { border:0; border-radius:9px; padding:8px 14px; color:var(--muted); background:transparent; font-size:13px; min-height:36px; }
.ad-period-control button[aria-pressed=true] { color:var(--navy); background:white; box-shadow:0 1px 5px #172d4912; font-weight:600; }
.ad-readonly-note { display:flex; gap:8px; align-items:center; color:var(--muted); font-size:12px; padding:12px 0; border-bottom:1px solid var(--border); }
.ad-readonly-note .icon { width:17px; height:17px; }
.ad-period-summary { font-size:12px; color:var(--muted); margin:16px 0; }
.ad-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.ad-metric,.ad-panel { background:#fff; border:1px solid var(--border); border-radius:16px; box-shadow:0 2px 8px #172d4905; min-width:0; }
.ad-metric { padding:18px; }
.ad-metric-top { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:12px; color:var(--muted); }
.ad-metric-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:#eef4fb; color:var(--navy); flex:none; }
.ad-metric-icon .icon { width:17px; height:17px; }
.ad-metric > strong { display:block; color:var(--navy); font-size:30px; line-height:1.25; margin:12px 0 6px; font-weight:650; }
.ad-metric p { font-size:11px; color:var(--muted); line-height:1.6; }
.ad-metric-primary { background:#124776; border-color:#124776; }
.ad-metric-primary :is(.ad-metric-top,strong,p) { color:white; }
.ad-metric-primary .ad-metric-icon { background:#ffffff20; color:white; }
.ad-chart-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:20px; margin-bottom:24px; }
.ad-panel { padding:20px; }
.ad-panel-head { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:20px; }
.ad-panel-head h2 { color:var(--navy); font-size:16px; font-weight:600; }
.ad-panel-head p { color:var(--muted); font-size:12px; margin-top:4px; line-height:1.6; }
.ad-panel-tag { white-space:nowrap; padding:4px 8px; background:#eef3f8; border-radius:7px; font-size:11px; color:var(--muted); }
.ad-trend-legend { display:flex; justify-content:space-between; gap:12px; font-size:11px; color:var(--muted); }
.ad-trend-legend > span:first-child { display:flex; align-items:center; gap:6px; }
.ad-trend-legend i { width:8px; height:8px; border-radius:2px; background:#2163a4; }
.ad-apex-trend { width:100%; min-width:0; min-height:260px; overflow:hidden; }
.ad-apex-pie { width:100%; min-width:0; min-height:240px; overflow:hidden; }
.admin-dashboard .apexcharts-tooltip { border:1px solid #dce3eb !important; border-radius:10px; box-shadow:0 6px 20px #172d4914; }
.admin-dashboard .apexcharts-tooltip-title { background:#f5f7fb !important; border-bottom-color:#e6ebf2 !important; }
.admin-dashboard .apexcharts-canvas { max-width:100%; }
.ad-chart-note { color:var(--muted); font-size:11px; line-height:1.6; margin-top:16px; }
.ad-chart-data { margin-top:16px; font-size:12px; }
.ad-chart-data summary { color:var(--primary); min-height:32px; }
.ad-table-scroll { width:100%; overflow-x:auto; }
.ad-table-scroll caption { text-align:left; color:var(--muted); font-size:12px; padding:8px 0; }
.ad-pie-layout { display:grid; grid-template-columns:minmax(140px,.85fr) minmax(0,1.15fr); align-items:center; gap:20px; }
.ad-pie-legend { list-style:none; padding:0; margin:0; display:grid; gap:13px; }
.ad-pie-legend li { display:flex; align-items:center; gap:8px; font-size:12px; }
.ad-pie-dot { width:9px; height:9px; flex:none; border-radius:3px; }
.ad-pie-legend a { flex:1; min-width:0; color:var(--ink); }
.ad-pie-legend a:hover { color:var(--primary); text-decoration:underline; }
.ad-pie-legend strong { display:flex; gap:8px; align-items:center; font-size:12px; font-weight:600; text-align:right; min-width:58px; justify-content:flex-end; }
.ad-pie-legend small { font-size:11px; color:var(--muted); font-weight:400; min-width:30px; }
@media(max-width:500px) { .ad-pie-layout { grid-template-columns:minmax(0,1fr); gap:12px; } }
.ad-latest-table { min-width:640px; }
.ad-latest-table tbody th { background:transparent; letter-spacing:0; padding:14px; border-bottom:1px solid var(--border); }
.ad-report-number { display:block; color:var(--navy); font-size:12px; font-weight:600; }
.ad-report-category { display:block; font-size:11px; color:var(--muted); font-weight:400; margin-top:4px; }
.ad-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:1150px) { .ad-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .ad-chart-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:650px) { .ad-heading { align-items:start; flex-direction:column; } .ad-panel { padding:16px; } .ad-metric { padding:14px; } .ad-metrics { gap:10px; } .ad-metric-top { align-items:start; } .ad-metric-icon { width:26px; height:26px; } }