/* R198 css/dashboard.css */
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.kpi-grid-4{grid-template-columns:repeat(2,1fr)}
@media(min-width:400px){.kpi-grid-4{grid-template-columns:repeat(4,1fr)}}
.kpi-card{background:var(--card);border-radius:12px;padding:10px 6px;text-align:center;border:1px solid var(--border);position:relative}
.kpi-card.fade-in{animation:fadeUp .35s ease backwards}
.kpi-val{display:block;font-size:18px;font-weight:800;color:var(--primary)}
.kpi-label{font-size:10px;color:var(--text-secondary);margin-top:4px}
.kpi-delta{position:absolute;top:4px;right:6px;font-size:10px;font-weight:700}
.kpi-delta.up{color:var(--success)}.kpi-delta.down{color:var(--error)}.kpi-delta.flat{color:var(--text-secondary)}
.ach-list{list-style:none;padding:0;margin:0}
.ach-list li{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--border)}
.ach-list li:last-child{border-bottom:none}