:root{
    --kpi-revenue:#2563eb;
    --kpi-sales:#168a55;
    --kpi-purchase:#ea7a12;
    --kpi-inventory:#d59a08;
    --kpi-customer:#7c3aed;
    --kpi-organization:#64748b;
    --kpi-geography:#0891b2;
    --kpi-product:#0f9f8f;
    --kpi-target:#4f46e5;
    --kpi-success:#168a55;
    --kpi-warning:#d88708;
    --kpi-danger:#d14343;
}
.kpi-semantic{--kpi-color:var(--kpi-organization);position:relative;overflow:hidden;border-top:3px solid var(--kpi-color)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--kpi-color) 11%,var(--bs-body-bg)) 0%,var(--bs-body-bg) 68%)!important}
.kpi-revenue{--kpi-color:var(--kpi-revenue)}
.kpi-sales{--kpi-color:var(--kpi-sales)}
.kpi-purchase{--kpi-color:var(--kpi-purchase)}
.kpi-inventory{--kpi-color:var(--kpi-inventory)}
.kpi-customer{--kpi-color:var(--kpi-customer)}
.kpi-organization{--kpi-color:var(--kpi-organization)}
.kpi-geography{--kpi-color:var(--kpi-geography)}
.kpi-product{--kpi-color:var(--kpi-product)}
.kpi-target{--kpi-color:var(--kpi-target)}
.kpi-achievement{--kpi-color:var(--ip-achievement-color,var(--kpi-warning))}
.kpi-success-semantic{--kpi-color:var(--kpi-success)}
.kpi-warning-semantic{--kpi-color:var(--kpi-warning)}
.kpi-danger-semantic{--kpi-color:var(--kpi-danger)}
.kpi-semantic :is(.dash-kpi-icon,.ip-kpi-head i){background:var(--kpi-color)!important;color:#fff!important;box-shadow:0 4px 10px color-mix(in srgb,var(--kpi-color) 24%,transparent)!important}