/* ---------- Dashboard ---------- */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px;}
.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px;position:relative;overflow:hidden;}
.stat-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brass);}
.stat-card .label{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;font-weight:600;}
.stat-card .value{font-family:var(--mono);font-size:30px;font-weight:700;margin-top:6px;color:var(--slate);}
.stat-card .foot{font-size:11.5px;color:var(--muted);margin-top:4px;}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px 22px;margin-bottom:20px;}
.panel h3{margin:0 0 14px 0;font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:space-between;}
.panel h3 .tag{font-family:var(--mono);font-size:10.5px;color:var(--muted);font-weight:500;}
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px;}
.bar-row .cat{width:130px;font-size:12.5px;color:var(--slate-2);font-weight:600;flex-shrink:0;}
.bar-track{flex:1;background:var(--paper);border-radius:5px;height:16px;overflow:hidden;border:1px solid var(--line);}
.bar-fill{height:100%;background:linear-gradient(90deg,var(--brass),var(--brass-2));border-radius:5px 0 0 5px;}
.bar-count{width:60px;text-align:right;font-family:var(--mono);font-size:11.5px;color:var(--muted);flex-shrink:0;}


@media (max-width:900px){
  .stat-grid{grid-template-columns:repeat(2,1fr);}
  #view-dashboard > div[style*="grid-template-columns"]{grid-template-columns:1fr !important;}
}
@media (max-width:480px){ .stat-card{padding:14px;} .stat-card .value{font-size:24px;} .bar-row .cat{width:96px;} }