.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.kpi-icon.bg-primary-soft { background: rgba(79, 70, 229, 0.15); color: var(--primary-light); }
.kpi-icon.bg-success-soft { background: rgba(34, 197, 94, 0.15); color: #4ade80; }
.kpi-icon.bg-warning-soft { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }
.kpi-icon.bg-info-soft { background: rgba(6, 182, 212, 0.15); color: #22d3ee; }
.kpi-icon.bg-danger-soft { background: rgba(239, 68, 68, 0.15); color: #f87171; }

.chart-container {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 16px;
}

.chart-container h6 {
    color: var(--text-secondary);
    font-weight: 600;
    margin-bottom: 16px;
}