/* ---------- dashboard ---------- */
.stats{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);background:var(--line);gap:1px;
}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{background:var(--surface);padding:30px 26px;transition:background .35s}
.stat .num{
  font-family:var(--mono);font-size:clamp(2rem,4.5vw,3rem);font-weight:700;
  color:var(--accent);line-height:1.1;
}
.stat .lbl{
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-3);margin-top:8px;
}
.dash-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  border:1px solid var(--line);border-top:none;background:var(--line);
}
@media(max-width:820px){.dash-row{grid-template-columns:1fr}}
.dash-cell{background:var(--surface);padding:24px 26px;transition:background .35s}
.dash-cell h4{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;
}
.bar-item{margin-bottom:12px}
.bar-item .bar-top{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:5px}
.bar-item .bar-top span:last-child{font-family:var(--mono);color:var(--ink-3);font-size:.72rem}
.bar{height:4px;background:var(--line);overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1)}