.bz-kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 1rem;
}

.bz-kpi {
    padding: 1rem;
    background: var(--bz-surface);
    border: 1px solid var(--bz-border);
    border-radius: var(--bz-radius-md);
    box-shadow: var(--bz-shadow-sm);
}

.bz-kpi-label {
    color: var(--bz-text-muted);
    font-size: .8rem;
    font-weight: 600;
}

.bz-kpi-value {
    margin-top: .35rem;
    color: var(--bz-text);
    font-size: 1.65rem;
    font-weight: 800;
}

.bz-kpi-detail {
    margin-top: .25rem;
    color: var(--bz-text-muted);
    font-size: .78rem;
}

.bz-progress {
    width: 100%;
    height: 9px;
    overflow: hidden;
    background: var(--bz-surface-muted);
    border-radius: 999px;
}

.bz-progress-bar {
    height: 100%;
    background: var(--bz-primary);
    border-radius: inherit;
}