:root {
    --widi-primary: #0b78c4;
    --widi-primary-dark: #075f9b;
}

.btn-primary {
    --bs-btn-bg: var(--widi-primary);
    --bs-btn-border-color: var(--widi-primary);
    --bs-btn-hover-bg: var(--widi-primary-dark);
    --bs-btn-hover-border-color: var(--widi-primary-dark);
}

.admin-auth-page {
    min-height: 100vh;
}

.admin-auth-shell {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 1.5rem;
}

.admin-auth-card {
    max-width: 430px;
    width: 100%;
}

.admin-auth-logo {
    align-items: center;
    background: linear-gradient(135deg, var(--widi-primary), #24a8e0);
    border-radius: 1rem;
    color: #fff;
    display: flex;
    font-size: 1.5rem;
    font-weight: 700;
    height: 3.5rem;
    justify-content: center;
    width: 3.5rem;
}

.admin-otp-input {
    font-variant-numeric: tabular-nums;
    letter-spacing: .55rem;
}

.app-sidebar .sidebar-brand {
    min-height: 57px;
}

.app-sidebar .brand-link {
    align-items: center;
    color: #fff;
    display: flex;
    height: 100%;
    padding-inline: 1rem;
}

.dashboard-icon {
    align-items: center;
    border-radius: .75rem;
    display: flex;
    font-size: 1.4rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

@media (max-width: 575.98px) {
    .admin-auth-shell {
        align-items: flex-start;
        padding: 1rem;
    }

    .admin-auth-card {
        margin-top: 6vh;
    }
}