:root {
    --beycha-azul: #1f4e79;
    --beycha-dorado: #d4af37;
    --beycha-fondo: #f8f9fa;
}

body {
    background-color: var(--beycha-fondo);
}

.beycha-navbar {
    background: linear-gradient(90deg, var(--beycha-azul), #163956);
}

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

.login-card {
    width: 100%;
    max-width: 430px;
    border-radius: 1rem;
}

.stat-card {
    border-radius: 0.8rem;
}

.btn-primary {
    background-color: var(--beycha-azul);
    border-color: var(--beycha-azul);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #163956;
    border-color: #163956;
}

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