/* ========= DASHBOARD KPIs ========= */
        .kpi-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 14px;
            margin-bottom: 20px;
        }
        .kpi-card {
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 18px;
        }
        .kpi-card .kpi-label {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--muted);
            font-size: 0.82rem;
            margin-bottom: 6px;
        }
        .kpi-card .kpi-label svg { width: 16px; height: 16px; }
        .kpi-card .kpi-value {
            font-size: 1.7rem;
            font-weight: 800;
            color: #fff;
        }
        .kpi-card .kpi-value.green { color: var(--success); }
        .kpi-card .kpi-value.blue { color: var(--primary); }

        /* ========= DASHBOARD CHARTS ========= */
        .charts-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
            margin-bottom: 20px;
        }
        .chart-panel {
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 18px;
        }
        .chart-panel h3 {
            margin: 0 0 14px;
            font-size: 0.9rem;
            font-weight: 700;
            color: #fff;
        }
        .chart-panel canvas { max-height: 280px; }
        .chart-panel-full { grid-column: 1 / -1; }