.kpi-card {
    cursor: pointer;
    transition: transform 0.2s;
}

.kpi-card:hover {
    transform: scale(1.02);
}

.kpi-paid {
    border-left: 4px solid var(--rz-success);
}

.kpi-pending {
    border-left: 4px solid var(--rz-warning);
}

.kpi-overdue {
    border-left: 4px solid var(--rz-danger);
}

.kpi-voided {
    border-left: 4px solid var(--rz-text-disabled-color);
}

.kpi-draft {
    border-left: 4px solid var(--rz-text-disabled-color);
}

.kpi-pending-amount {
    border-left: 4px solid var(--rz-warning);
}