body {
 
}

.mud-nav-link.active {
    color: var(--mud-palette-primary) !important;
    font-weight: 600;
}
.mud-nav-link.active .mud-icon-root {
    color: var(--mud-palette-primary) !important;
}

.mud-nav-link.active::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: color-mix( in srgb, var(--mud-palette-primary) 10%, transparent );

    z-index: -1;
}
.mud-nav-link.active {
    border-left: 4px solid var(--mud-palette-primary);
    padding-left: 12px;
}
.mud-nav-group.mud-nav-group-expanded > .mud-nav-link {
    color: var(--mud-palette-primary);
}
.mud-nav-link:hover {
    background-color: color-mix( in srgb, var(--mud-palette-primary) 6%, transparent );
}

.rounded-xl {
    border-radius: 5px !important;
}

.kpi-card {
    transition: transform .15s ease, box-shadow .15s ease;
}

.kpi-card:hover {
    transform: translateY(-2px);
}