.dash-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; margin-bottom:1.5rem }
.dash-card { background:var(--surface); border-radius:var(--radius); padding:1.25rem; box-shadow:var(--shadow); text-decoration:none; color:var(--text); display:flex; align-items:center; gap:1rem; transition:transform .15s,box-shadow .15s; cursor:pointer }
.dash-card:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(0,0,0,.12) }
.dash-card-icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0 }
.dash-card-icon.blue { background:#dbeafe; color:#2563eb }
.dash-card-icon.green { background:#d1fae5; color:#16a34a }
.dash-card-icon.purple { background:#ede9fe; color:#7c3aed }
.dash-card-icon.orange { background:#fed7aa; color:#ea580c }
.dash-card-content h3 { font-size:0.95rem; font-weight:600; margin:0 0 0.15rem }
.dash-card-content p { font-size:0.8rem; color:var(--text-muted); margin:0 }
[data-theme=dark] .dash-card-icon.blue { background:#1e3a5f; color:#93c5fd }
[data-theme=dark] .dash-card-icon.green { background:#14532d; color:#86efac }
[data-theme=dark] .dash-card-icon.purple { background:#3b0764; color:#c4b5fd }
[data-theme=dark] .dash-card-icon.orange { background:#7c2d12; color:#fdba74 }
.dash-title { font-size:1.25rem; font-weight:700; margin:0 0 0.75rem; color:var(--text) }
.chart-section { background:var(--surface); border-radius:var(--radius); padding:1.5rem; box-shadow:var(--shadow); margin-bottom:1.5rem; transition:background .3s }
.chart-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.25rem; gap:1rem; flex-wrap:wrap }
.chart-wrapper { position:relative; height:280px }
.chart-wrapper canvas { width:100% !important; height:100% !important }
@media (max-width:640px) { .chart-wrapper { height:220px } }