:root {
    --bs-primary: #b42318;
    --bs-primary-rgb: 180, 35, 24;
    --bs-body-font-family: "Segoe UI", sans-serif;
}

body.login-page {
    background:
        radial-gradient(circle at top left, rgba(180, 35, 24, 0.18), transparent 35%),
        linear-gradient(135deg, #fff4f2 0%, #f5d7d2 100%);
}

.auth-card {
    width: 100%;
    max-width: 460px;
    border-radius: 1.25rem;
}

.card-kpi {
    border-radius: 1rem;
}

.navbar .nav-link {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.82);
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
    color: #ffffff;
}

.navbar .nav-link.active {
    font-weight: 700;
}

.table > :not(caption) > * > * {
    vertical-align: middle;
}