@import 'ExamPro.Client.s0piw9cwbm.bundle.scp.css';

/* /Components/Account/Pages/ConfirmEmail.razor.rz.scp.css */
/* Confirmation Container */
.confirmation-container[b-yj3nec9bek] {
    width: 100%;
    max-width: 420px;
    text-align: center;
}

/* Header */
.confirmation-header[b-yj3nec9bek] {
    margin-bottom: 35px;
    animation: fadeInUp-b-yj3nec9bek 0.8s ease-out forwards;
}

.header-icon[b-yj3nec9bek] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
}

    .header-icon.success[b-yj3nec9bek] {
        background: linear-gradient(135deg, #059669, #34d399);
        box-shadow: 0 10px 25px rgba(5, 150, 105, 0.3);
    }

    .header-icon.error[b-yj3nec9bek] {
        background: linear-gradient(135deg, #dc2626, #f87171);
        box-shadow: 0 10px 25px rgba(220, 38, 38, 0.3);
    }

    .header-icon i[b-yj3nec9bek] {
        font-size: 2rem;
        color: white;
    }

.confirmation-title[b-yj3nec9bek] {
    font-size: 2rem;
    color: #1a3a8f;
    margin-bottom: 10px;
}

.confirmation-subtitle[b-yj3nec9bek] {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 360px;
    margin: 0 auto;
}

/* Buttons */
.btn[b-yj3nec9bek] {
    display: block;
    width: 100%;
    padding: 17px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
}

.btn-primary[b-yj3nec9bek] {
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: white;
}

    .btn-primary:hover[b-yj3nec9bek] {
        background: linear-gradient(to right, #15317a, #3a5bc7);
        transform: translateY(-2px);
        box-shadow: 0 7px 20px rgba(74, 111, 220, 0.3);
        text-decoration: none;
    }

.btn i[b-yj3nec9bek] {
    margin-right: 10px;
}

/* Animation */
@keyframes fadeInUp-b-yj3nec9bek {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Account/Pages/ConfirmEmailChange.razor.rz.scp.css */
/* Confirmation Container */
.confirmation-container[b-tm2r46bsu3] {
    width: 100%;
    max-width: 420px;
    text-align: center;
}

/* Header */
.confirmation-header[b-tm2r46bsu3] {
    margin-bottom: 35px;
    animation: fadeInUp-b-tm2r46bsu3 0.8s ease-out forwards;
}

.header-icon[b-tm2r46bsu3] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
}

    .header-icon.success[b-tm2r46bsu3] {
        background: linear-gradient(135deg, #059669, #34d399);
        box-shadow: 0 10px 25px rgba(5, 150, 105, 0.3);
    }

    .header-icon.error[b-tm2r46bsu3] {
        background: linear-gradient(135deg, #dc2626, #f87171);
        box-shadow: 0 10px 25px rgba(220, 38, 38, 0.3);
    }

    .header-icon i[b-tm2r46bsu3] {
        font-size: 2rem;
        color: white;
    }

.confirmation-title[b-tm2r46bsu3] {
    font-size: 2rem;
    color: #1a3a8f;
    margin-bottom: 10px;
}

.confirmation-subtitle[b-tm2r46bsu3] {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 360px;
    margin: 0 auto;
}

/* Buttons */
.btn[b-tm2r46bsu3] {
    display: block;
    width: 100%;
    padding: 17px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
}

.btn-primary[b-tm2r46bsu3] {
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: white;
}

    .btn-primary:hover[b-tm2r46bsu3] {
        background: linear-gradient(to right, #15317a, #3a5bc7);
        transform: translateY(-2px);
        box-shadow: 0 7px 20px rgba(74, 111, 220, 0.3);
        text-decoration: none;
    }

.btn i[b-tm2r46bsu3] {
    margin-right: 10px;
}

/* Animation */
@keyframes fadeInUp-b-tm2r46bsu3 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Account/Pages/ExternalLogin.razor.rz.scp.css */
/* External Login Container */
.external-login-container[b-uwq8vwgscf] {
    width: 100%;
    max-width: 480px;
    animation: fadeInUp-b-uwq8vwgscf 0.6s ease-out;
}

.external-login-card[b-uwq8vwgscf] {
    background: #fff;
    border-radius: 16px;
    padding: 36px 32px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    border: 1px solid #e5e7eb;
}

/* Header */
.external-login-header[b-uwq8vwgscf] {
    text-align: center;
    margin-bottom: 24px;
}

.external-provider-badge[b-uwq8vwgscf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: #f8fafc;
    border: 2px solid #e5e7eb;
    margin-bottom: 16px;
    transition: transform 0.3s ease;
}

.external-provider-badge:hover[b-uwq8vwgscf] {
    transform: scale(1.08);
}

.external-login-title[b-uwq8vwgscf] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1a3a8f;
    margin-bottom: 6px;
}

.external-login-subtitle[b-uwq8vwgscf] {
    font-size: 0.95rem;
    color: #6b7280;
    margin-bottom: 0;
}

/* Role Cards for External Login (interactive onclick) */
.ext-role-cards[b-uwq8vwgscf] {
    display: flex;
    gap: 14px;
    margin-bottom: 8px;
}

.ext-role-card[b-uwq8vwgscf] {
    flex: 1;
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    padding: 20px 16px;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 0;
}

.ext-role-radio-input[b-uwq8vwgscf] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.ext-role-card:hover[b-uwq8vwgscf] {
    border-color: #c4c7cc;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

.ext-role-card.selected[b-uwq8vwgscf] {
    border-color: #4a6fdc;
    background: #f5f7ff;
    box-shadow: 0 3px 16px rgba(74, 111, 220, 0.15);
}

/* Client-side selection feedback (no server roundtrip needed). */
.ext-role-card:has(.ext-role-radio-input:checked)[b-uwq8vwgscf] {
    border-color: #4a6fdc;
    background: #f5f7ff;
    box-shadow: 0 3px 16px rgba(74, 111, 220, 0.15);
}

.ext-role-card:has(.ext-role-radio-input:checked) .ext-radio-circle[b-uwq8vwgscf] {
    border-color: #4a6fdc;
    background: #4a6fdc;
}

.ext-role-card:has(.ext-role-radio-input:checked) .ext-radio-circle[b-uwq8vwgscf]::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    display: block;
    margin: auto;
}

.ext-role-card:has(.ext-role-radio-input:checked) .ext-role-card-icon[b-uwq8vwgscf] {
    background: linear-gradient(135deg, #4a6fdc, #1a3a8f);
    color: #fff;
}

.ext-role-card-radio[b-uwq8vwgscf] {
    position: absolute;
    top: 12px;
    right: 12px;
}

.ext-radio-circle[b-uwq8vwgscf] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.ext-radio-circle.checked[b-uwq8vwgscf] {
    border-color: #4a6fdc;
    background: #4a6fdc;
}

.ext-radio-circle.checked[b-uwq8vwgscf]::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
}

.ext-role-card-icon[b-uwq8vwgscf] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 1.4rem;
    color: #4a6fdc;
    transition: all 0.25s ease;
}

.ext-role-card.selected .ext-role-card-icon[b-uwq8vwgscf] {
    background: linear-gradient(135deg, #4a6fdc, #1a3a8f);
    color: #fff;
}

.ext-role-card-title[b-uwq8vwgscf] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 4px;
}

.ext-role-card-desc[b-uwq8vwgscf] {
    font-size: 0.78rem;
    color: #6b7280;
    line-height: 1.4;
}

.ext-role-card-radio[b-uwq8vwgscf] {
    position: absolute;
    top: 12px;
    right: 12px;
}

.ext-radio-circle[b-uwq8vwgscf] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #d1d5db;
    transition: all 0.2s ease;
}

.ext-role-card:hover .ext-radio-circle[b-uwq8vwgscf] {
    border-color: #4a6fdc;
}

.ext-role-card-icon[b-uwq8vwgscf] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 1.4rem;
    color: #4a6fdc;
    transition: all 0.25s ease;
}

.ext-role-card:hover .ext-role-card-icon[b-uwq8vwgscf] {
    background: linear-gradient(135deg, #4a6fdc, #1a3a8f);
    color: #fff;
}

.ext-role-card-title[b-uwq8vwgscf] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 4px;
}

.ext-role-card-desc[b-uwq8vwgscf] {
    font-size: 0.78rem;
    color: #6b7280;
    line-height: 1.4;
}

/* Alert */
[b-uwq8vwgscf] .alert-info {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
    border-radius: 10px;
    font-size: 0.9rem;
    padding: 14px 16px;
}

/* Form */
.external-login-form-wrapper[b-uwq8vwgscf] {
    margin-top: 24px;
}

.external-login-form-wrapper .form-control[b-uwq8vwgscf] {
    padding: 14px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

.external-login-form-wrapper .form-control:focus[b-uwq8vwgscf] {
    border-color: #4a6fdc;
    box-shadow: 0 0 0 3px rgba(74, 111, 220, 0.15);
}

.external-login-form-wrapper .form-floating > label[b-uwq8vwgscf] {
    padding-left: 16px;
    color: #9ca3af;
}

[b-uwq8vwgscf] .validation-message {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 4px;
    display: block;
}

/* Register Button */
.external-register-btn[b-uwq8vwgscf] {
    padding: 14px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    border: none;
    transition: all 0.3s ease;
}

.external-register-btn:hover:not(:disabled)[b-uwq8vwgscf] {
    background: linear-gradient(to right, #15317a, #3a5bc7);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(74, 111, 220, 0.25);
}

.external-register-btn:disabled[b-uwq8vwgscf] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Footer */
.external-login-footer[b-uwq8vwgscf] {
    text-align: center;
    margin-top: 20px;
    color: #9ca3af;
    font-size: 0.8rem;
}

.external-login-footer a[b-uwq8vwgscf] {
    color: #4a6fdc;
    text-decoration: none;
    font-weight: 500;
}

.external-login-footer a:hover[b-uwq8vwgscf] {
    text-decoration: underline;
}

/* Animations */
@keyframes fadeInUp-b-uwq8vwgscf {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 900px) {
    .external-login-container[b-uwq8vwgscf] {
        max-width: 400px;
    }

    .external-login-card[b-uwq8vwgscf] {
        padding: 28px 22px;
    }

    .external-login-title[b-uwq8vwgscf] {
        font-size: 1.4rem;
    }

    .ext-role-cards[b-uwq8vwgscf] {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .external-login-container[b-uwq8vwgscf] {
        max-width: 100%;
    }

    .external-login-card[b-uwq8vwgscf] {
        padding: 22px 16px;
        border-radius: 12px;
    }
}
/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
/* Forgot Password Container */
.forgot-password-container[b-iqp46818r6] {
    width: 100%;
    max-width: 420px;
}

/* Header */
.forgot-password-header[b-iqp46818r6] {
    margin-bottom: 35px;
    text-align: center;
    animation: fadeInUp-b-iqp46818r6 0.8s ease-out forwards;
}

.header-icon[b-iqp46818r6] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #1a3a8f, #4a6fdc);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    box-shadow: 0 10px 25px rgba(74, 111, 220, 0.3);
}

    .header-icon i[b-iqp46818r6] {
        font-size: 2rem;
        color: white;
    }

.forgot-password-title[b-iqp46818r6] {
    font-size: 2rem;
    color: #1a3a8f;
    margin-bottom: 10px;
}

.forgot-password-subtitle[b-iqp46818r6] {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.5;
    max-width: 340px;
    margin: 0 auto;
}

/* Form Groups */
.form-group[b-iqp46818r6] {
    margin-bottom: 22px;
}

    .form-group label[b-iqp46818r6] {
        display: block;
        margin-bottom: 8px;
        color: #374151;
        font-weight: 600;
    }

/* Input with Icons */
.input-with-icon[b-iqp46818r6] {
    position: relative;
}

    .input-with-icon i[b-iqp46818r6] {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #9ca3af;
        font-size: 1.1rem;
        transition: color 0.3s;
    }

.form-control[b-iqp46818r6] {
    width: 100%;
    padding: 16px 15px 16px 50px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 1rem;
    transition: all 0.3s;
    background: white;
}

    .form-control:focus[b-iqp46818r6] {
        outline: none;
        border-color: #4a6fdc;
        box-shadow: 0 0 0 3px rgba(74, 111, 220, 0.2);
    }

/* Buttons */
.btn[b-iqp46818r6] {
    display: block;
    width: 100%;
    padding: 17px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
}

.btn-primary[b-iqp46818r6] {
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: white;
    margin-bottom: 15px;
}

    .btn-primary:hover[b-iqp46818r6] {
        background: linear-gradient(to right, #15317a, #3a5bc7);
        transform: translateY(-2px);
        box-shadow: 0 7px 20px rgba(74, 111, 220, 0.3);
    }

.btn-secondary[b-iqp46818r6] {
    background-color: #f8fafc;
    color: #374151;
    border: 2px solid #e5e7eb;
}

    .btn-secondary:hover[b-iqp46818r6] {
        background-color: #f1f5f9;
        border-color: #4a6fdc;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        text-decoration: none;
    }

.btn i[b-iqp46818r6] {
    margin-right: 10px;
}

/* Validation */
.text-danger[b-iqp46818r6] {
    font-size: 0.875rem;
    margin-top: 6px;
}

/* Animation */
@keyframes fadeInUp-b-iqp46818r6 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Account/Pages/ForgotPasswordConfirmation.razor.rz.scp.css */
/* Confirmation Container */
.confirmation-container[b-s9px63vh2a] {
    width: 100%;
    max-width: 420px;
    text-align: center;
}

/* Header */
.confirmation-header[b-s9px63vh2a] {
    margin-bottom: 35px;
    animation: fadeInUp-b-s9px63vh2a 0.8s ease-out forwards;
}

.header-icon[b-s9px63vh2a] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
}

    .header-icon.info[b-s9px63vh2a] {
        background: linear-gradient(135deg, #1a3a8f, #4a6fdc);
        box-shadow: 0 10px 25px rgba(74, 111, 220, 0.3);
    }

    .header-icon i[b-s9px63vh2a] {
        font-size: 2rem;
        color: white;
    }

.confirmation-title[b-s9px63vh2a] {
    font-size: 2rem;
    color: #1a3a8f;
    margin-bottom: 10px;
}

.confirmation-subtitle[b-s9px63vh2a] {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 360px;
    margin: 0 auto;
}

/* Info Card */
.info-card[b-s9px63vh2a] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #f0f7ff;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 24px;
    text-align: left;
    font-size: 0.9rem;
    color: #4b5563;
}

    .info-card i[b-s9px63vh2a] {
        color: #4a6fdc;
        margin-top: 2px;
        flex-shrink: 0;
    }

/* Buttons */
.btn[b-s9px63vh2a] {
    display: block;
    width: 100%;
    padding: 17px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
}

.btn-primary[b-s9px63vh2a] {
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: white;
}

    .btn-primary:hover[b-s9px63vh2a] {
        background: linear-gradient(to right, #15317a, #3a5bc7);
        transform: translateY(-2px);
        box-shadow: 0 7px 20px rgba(74, 111, 220, 0.3);
        text-decoration: none;
    }

.btn i[b-s9px63vh2a] {
    margin-right: 10px;
}

/* Animation */
@keyframes fadeInUp-b-s9px63vh2a {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Account/Pages/Lockout.razor.rz.scp.css */
/* Lockout Container */
.lockout-container[b-99hkyi75xm] {
    width: 100%;
    max-width: 420px;
    text-align: center;
}

/* Header */
.lockout-header[b-99hkyi75xm] {
    margin-bottom: 35px;
    animation: fadeInUp-b-99hkyi75xm 0.8s ease-out forwards;
}

.header-icon[b-99hkyi75xm] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
}

    .header-icon.danger[b-99hkyi75xm] {
        background: linear-gradient(135deg, #dc2626, #f87171);
        box-shadow: 0 10px 25px rgba(220, 38, 38, 0.3);
    }

    .header-icon i[b-99hkyi75xm] {
        font-size: 2rem;
        color: white;
    }

.lockout-title[b-99hkyi75xm] {
    font-size: 2rem;
    color: #dc2626;
    margin-bottom: 10px;
}

.lockout-subtitle[b-99hkyi75xm] {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 360px;
    margin: 0 auto;
}

/* Info Card */
.info-card[b-99hkyi75xm] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 24px;
    text-align: left;
    font-size: 0.9rem;
}

    .info-card.warning[b-99hkyi75xm] {
        background: #fef3c7;
        border: 1px solid #fde68a;
        color: #92400e;
    }

        .info-card.warning i[b-99hkyi75xm] {
            color: #d97706;
            margin-top: 2px;
            flex-shrink: 0;
        }

/* Buttons */
.btn[b-99hkyi75xm] {
    display: block;
    width: 100%;
    padding: 17px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
}

.btn-primary[b-99hkyi75xm] {
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: white;
}

    .btn-primary:hover[b-99hkyi75xm] {
        background: linear-gradient(to right, #15317a, #3a5bc7);
        transform: translateY(-2px);
        box-shadow: 0 7px 20px rgba(74, 111, 220, 0.3);
        text-decoration: none;
    }

.btn i[b-99hkyi75xm] {
    margin-right: 10px;
}

/* Animation */
@keyframes fadeInUp-b-99hkyi75xm {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-form-container[b-358s7yypjy] {
    --login-color: #315acb;
    --login-deep: #172f78;
    --login-soft: #eef3ff;
    --login-tint: #dbe6ff;
    --login-border: #d7e2ff;
    --ink: #14213d;
    --muted: #667085;
    --line: #e5e9f2;
    width: 100%;
    max-width: 470px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    padding: 4px 10px 10px 4px;
    color: var(--ink);
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.login-form-container[b-358s7yypjy]::-webkit-scrollbar {
    width: 5px;
}

.login-form-container[b-358s7yypjy]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

.login-form-container[b-358s7yypjy]::-webkit-scrollbar-track {
    background: transparent;
}

.login-eyebrow[b-358s7yypjy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 17px;
    color: var(--login-color);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.login-eyebrow > span:first-child[b-358s7yypjy],
.login-portal-label[b-358s7yypjy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.eyebrow-dot[b-358s7yypjy] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--login-color);
    box-shadow: 0 0 0 4px var(--login-soft);
}

.login-portal-label[b-358s7yypjy] {
    color: var(--muted);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.login-portal-label i[b-358s7yypjy] {
    color: var(--login-color);
}

.login-header[b-358s7yypjy] {
    margin: 0;
}

.login-title-row[b-358s7yypjy] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.login-icon[b-358s7yypjy] {
    display: flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid var(--login-border);
    border-radius: 15px;
    background: var(--login-soft);
    color: var(--login-color);
    font-size: 1.15rem;
    box-shadow: 0 6px 16px rgba(20, 33, 61, 0.06);
}

.login-title[b-358s7yypjy] {
    margin: 0 0 4px;
    color: var(--ink);
    font-size: clamp(1.65rem, 2.5vw, 2.05rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.15;
}

.login-subtitle[b-358s7yypjy] {
    max-width: 360px;
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.55;
}

.login-context[b-358s7yypjy] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 15px;
}

.login-context span[b-358s7yypjy] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: #fbfcfe;
    color: #667085;
    font-size: 0.7rem;
    font-weight: 700;
}

.login-context i[b-358s7yypjy] {
    color: var(--login-color);
    font-size: 0.68rem;
}

.login-form[b-358s7yypjy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-358s7yypjy] .login-validation-summary {
    margin: 0;
    padding: 11px 14px 11px 34px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fff6f6;
    color: #b42318;
    font-size: 0.75rem;
}

[b-358s7yypjy] .login-validation-summary:empty {
    display: none;
}

[b-358s7yypjy] .login-validation-summary ul {
    margin: 0;
    padding-left: 0.85rem;
}

.login-status:empty[b-358s7yypjy] {
    display: none;
}

[b-358s7yypjy] .login-status .alert {
    margin: 0;
    border-radius: 12px;
    font-size: 0.75rem;
}

.login-field[b-358s7yypjy] {
    position: relative;
}

.field-label[b-358s7yypjy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    min-height: 18px;
    margin-bottom: 7px;
}

.field-label label[b-358s7yypjy] {
    color: #344054;
    font-size: 0.8rem;
    font-weight: 800;
}

.field-label > span[b-358s7yypjy] {
    color: #98a2b3;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}

.forgot-password[b-358s7yypjy] {
    color: var(--login-color);
    font-size: 0.75rem;
    font-weight: 800;
    text-decoration: none;
}

.forgot-password:hover[b-358s7yypjy] {
    color: var(--login-deep);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.input-with-icon[b-358s7yypjy] {
    position: relative;
}

.input-with-icon > i[b-358s7yypjy] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: #98a2b3;
    font-size: 0.84rem;
    pointer-events: none;
    transition: color 0.2s ease;
}

.input-with-icon:focus-within > i[b-358s7yypjy] {
    color: var(--login-color);
}

[b-358s7yypjy] .form-control {
    width: 100%;
    min-height: 42px;
    padding: 10px 13px 10px 41px;
    border: 1px solid #d9e0ea;
    border-radius: 10px;
    background: #fbfcfe;
    color: var(--ink);
    font-size: 0.86rem;
    line-height: 1.35;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

[b-358s7yypjy] .form-control::placeholder {
    color: #aab3c0;
}

[b-358s7yypjy] .form-control:focus {
    border-color: var(--login-color);
    background: #fff;
    box-shadow: 0 0 0 3px var(--login-soft);
    outline: none;
}

[b-358s7yypjy] .form-control.invalid,
[b-358s7yypjy] .form-control.is-invalid {
    border-color: #e5484d;
    box-shadow: 0 0 0 3px #fff0f0;
}

[b-358s7yypjy] .validation-message {
    display: block;
    margin-top: 5px;
    color: #b42318;
    font-size: 0.72rem;
    line-height: 1.35;
}

.input-with-action[b-358s7yypjy]  .form-control {
    padding-right: 45px;
}

.password-toggle[b-358s7yypjy] {
    position: absolute;
    top: 50%;
    right: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #98a2b3;
    cursor: pointer;
    transform: translateY(-50%);
    transition: color 0.2s ease, background-color 0.2s ease;
}

.password-toggle:hover[b-358s7yypjy],
.password-toggle:focus-visible[b-358s7yypjy] {
    background: var(--login-soft);
    color: var(--login-color);
    outline: none;
}

.form-options[b-358s7yypjy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: -2px;
}

.remember-me[b-358s7yypjy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #475467;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
    user-select: none;
}

.remember-me input[b-358s7yypjy] {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: var(--login-color);
    cursor: pointer;
}

.remember-me input:focus-visible[b-358s7yypjy] {
    outline: 3px solid var(--login-tint);
    outline-offset: 2px;
}

.session-note[b-358s7yypjy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #98a2b3;
    font-size: 0.69rem;
}

.session-note i[b-358s7yypjy] {
    color: var(--login-color);
}

.login-submit[b-358s7yypjy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 11px 17px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(110deg, var(--login-deep), var(--login-color));
    box-shadow: 0 8px 18px rgba(49, 90, 203, 0.2);
    color: #fff;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.login-submit:hover:not(:disabled)[b-358s7yypjy] {
    box-shadow: 0 11px 24px rgba(49, 90, 203, 0.28);
    filter: saturate(1.08);
    transform: translateY(-1px);
}

.login-submit:focus-visible[b-358s7yypjy],
.access-link:focus-visible[b-358s7yypjy],
.donate-link:focus-visible[b-358s7yypjy],
.rbc-link:focus-visible[b-358s7yypjy] {
    outline: 3px solid var(--login-tint);
    outline-offset: 3px;
}

.login-submit:disabled[b-358s7yypjy] {
    cursor: not-allowed;
    opacity: 0.7;
}

.login-button-text[b-358s7yypjy],
.login-button-loading[b-358s7yypjy] {
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.login-button-text[b-358s7yypjy] {
    display: inline-flex;
}

.login-button-loading[b-358s7yypjy] {
    display: none;
}

.login-submit.is-loading .login-button-text[b-358s7yypjy] {
    display: none;
}

.login-submit.is-loading .login-button-loading[b-358s7yypjy] {
    display: inline-flex;
}

.spinner[b-358s7yypjy] {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: login-spin-b-358s7yypjy 0.7s linear infinite;
}

.access-link[b-358s7yypjy] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 9px 11px;
    border: 1px solid var(--login-border);
    border-radius: 12px;
    background: var(--login-soft);
    color: #667085;
    font-size: 0.74rem;
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.access-link:hover[b-358s7yypjy] {
    border-color: var(--login-color);
    background: #e7edff;
    color: var(--login-deep);
    transform: translateY(-1px);
}

.access-link-icon[b-358s7yypjy],
.support-link-icon[b-358s7yypjy] {
    display: inline-flex;
    flex: 0 0 29px;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 9px;
    background: #fff;
    color: var(--login-color);
    box-shadow: 0 2px 6px rgba(20, 33, 61, 0.07);
}

.access-link > span:nth-child(2)[b-358s7yypjy],
.support-link-icon + span[b-358s7yypjy] {
    min-width: 0;
    flex: 1;
}

.access-link strong[b-358s7yypjy],
.support-link-icon + span strong[b-358s7yypjy],
.support-link-icon + span small[b-358s7yypjy] {
    display: block;
}

.access-link strong[b-358s7yypjy] {
    color: var(--login-deep);
    font-weight: 800;
}

.access-link > i[b-358s7yypjy],
.login-support-links > a > i[b-358s7yypjy] {
    flex: 0 0 auto;
    color: var(--login-color);
    font-size: 0.7rem;
}

.login-divider[b-358s7yypjy] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 15px 0 9px;
    color: #98a2b3;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}

.login-divider[b-358s7yypjy]::before,
.login-divider[b-358s7yypjy]::after {
    flex: 1;
    height: 1px;
    background: var(--line);
    content: "";
}

.external-login-panel[b-358s7yypjy] {
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #fbfcfe;
}

[b-358s7yypjy] .external-login-form,
[b-358s7yypjy] .external-login-buttons {
    width: 100%;
}

[b-358s7yypjy] .external-login-buttons {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

[b-358s7yypjy] .external-btn {
    min-height: 40px;
    padding: 7px 13px;
    border-radius: 9px;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 700;
}

[b-358s7yypjy] .external-btn-google {
    min-height: 36px;
    padding-top: 6px;
    padding-bottom: 6px;
}

[b-358s7yypjy] .external-btn-google .external-btn-icon,
[b-358s7yypjy] .external-btn-google .external-btn-icon svg {
    width: 18px;
    height: 18px;
}

[b-358s7yypjy] .external-btn-text {
    margin-right: 20px;
}

[b-358s7yypjy] .external-login-panel > div > p {
    margin: 0;
    color: var(--muted);
    font-size: 0.75rem;
    line-height: 1.5;
}

.login-support-links[b-358s7yypjy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
}

.login-support-links > a[b-358s7yypjy] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fff;
    color: #667085;
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.login-support-links > a:hover[b-358s7yypjy] {
    border-color: var(--login-border);
    background: #fbfcff;
    transform: translateY(-1px);
}

.support-link-icon[b-358s7yypjy] {
    background: var(--login-soft);
}

.donate-icon[b-358s7yypjy] {
    background: #fff0f1;
    color: #e65d6a;
}

.support-link-icon + span strong[b-358s7yypjy] {
    color: #344054;
    font-size: 0.73rem;
    font-weight: 800;
}

.support-link-icon + span small[b-358s7yypjy] {
    margin-top: 2px;
    color: #98a2b3;
    font-size: 0.67rem;
    line-height: 1.25;
}

@keyframes login-spin-b-358s7yypjy {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 620px) {
    .login-form-container[b-358s7yypjy] {
        max-height: calc(100vh - 80px);
        padding: 2px 8px 10px 2px;
    }

    .login-eyebrow[b-358s7yypjy] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .login-title-row[b-358s7yypjy] {
        gap: 11px;
    }

    .login-icon[b-358s7yypjy] {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }

    .login-context span[b-358s7yypjy] {
        font-size: 0.68rem;
    }

    .form-options[b-358s7yypjy] {
        align-items: flex-start;
        flex-direction: column;
    }

    .session-note[b-358s7yypjy] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-form-container *[b-358s7yypjy],
    .login-form-container *[b-358s7yypjy]::before,
    .login-form-container *[b-358s7yypjy]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Account/Pages/PendingApproval.razor.rz.scp.css */
/* Confirmation Container */
.confirmation-container[b-ln2la9im06] {
    width: 100%;
    max-width: 460px;
    text-align: center;
}

/* Header */
.confirmation-header[b-ln2la9im06] {
    margin-bottom: 30px;
    animation: fadeInUp-b-ln2la9im06 0.8s ease-out forwards;
}

.header-icon[b-ln2la9im06] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 24px;
}

.header-icon.warning[b-ln2la9im06] {
    background: linear-gradient(135deg, #f59e0b, #f97316);
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.35);
}

.header-icon i[b-ln2la9im06] {
    font-size: 2.2rem;
    color: white;
}

.confirmation-title[b-ln2la9im06] {
    font-size: 1.85rem;
    color: #1a3a8f;
    margin-bottom: 12px;
    font-weight: 700;
}

.confirmation-subtitle[b-ln2la9im06] {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.7;
    max-width: 380px;
    margin: 0 auto;
}

.confirmation-subtitle strong[b-ln2la9im06] {
    color: #1a3a8f;
}

/* Alert Card */
.alert-card[b-ln2la9im06] {
    text-align: left;
    border-radius: 14px;
    padding: 20px 22px;
    margin-bottom: 24px;
    animation: fadeInUp-b-ln2la9im06 0.8s ease-out 0.2s forwards;
    opacity: 0;
}

.alert-card.warning[b-ln2la9im06] {
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
    border: 1px solid #fde68a;
}

.alert-card-header[b-ln2la9im06] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.alert-card-header i[b-ln2la9im06] {
    font-size: 1.3rem;
    color: #f59e0b;
}

.alert-card-header span[b-ln2la9im06] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #92400e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.alert-card-body[b-ln2la9im06] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.alert-card-body i[b-ln2la9im06] {
    color: #d97706;
    font-size: 0.95rem;
    margin-top: 3px;
    flex-shrink: 0;
}

.alert-card-body span[b-ln2la9im06] {
    color: #78350f;
    font-size: 0.9rem;
    line-height: 1.6;
}

/* Steps List */
.steps-list[b-ln2la9im06] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 28px;
    animation: fadeInUp-b-ln2la9im06 0.8s ease-out 0.35s forwards;
    opacity: 0;
}

.step-item[b-ln2la9im06] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px 18px;
    text-align: left;
    transition: all 0.25s;
}

.step-item:hover[b-ln2la9im06] {
    border-color: #f59e0b;
    background: #fffbeb;
    transform: translateX(4px);
}

.step-number[b-ln2la9im06] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f59e0b, #f97316);
    color: white;
    font-weight: 700;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.step-text[b-ln2la9im06] {
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Buttons */
.btn[b-ln2la9im06] {
    display: block;
    width: 100%;
    padding: 16px;
    border: none;
    border-radius: 10px;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
    animation: fadeInUp-b-ln2la9im06 0.8s ease-out 0.5s forwards;
    opacity: 0;
}

.btn-primary[b-ln2la9im06] {
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: white;
}

.btn-primary:hover[b-ln2la9im06] {
    background: linear-gradient(to right, #15317a, #3a5bc7);
    transform: translateY(-2px);
    box-shadow: 0 7px 20px rgba(74, 111, 220, 0.35);
    text-decoration: none;
}

.btn i[b-ln2la9im06] {
    margin-right: 10px;
}

/* Animation */
@keyframes fadeInUp-b-ln2la9im06 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Account/Pages/Register.razor.rz.scp.css */
.register-page[b-hdwnvmy4jf] {
    --role-color: #315acb;
    --role-deep: #172f78;
    --role-soft: #eef3ff;
    --role-tint: #dbe6ff;
    --role-border: #d7e2ff;
    --ink: #14213d;
    --muted: #667085;
    --line: #e5e9f2;
    --surface: #ffffff;
    width: 100%;
    max-width: 820px;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    padding: 4px 12px 28px 4px;
    color: var(--ink);
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.register-page[b-hdwnvmy4jf]::-webkit-scrollbar {
    width: 5px;
}

.register-page[b-hdwnvmy4jf]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

.register-page[b-hdwnvmy4jf]::-webkit-scrollbar-track {
    background: transparent;
}

.register-role-instructor[b-hdwnvmy4jf] {
    --role-color: #b76d17;
    --role-deep: #713f12;
    --role-soft: #fff7e6;
    --role-tint: #ffebbd;
    --role-border: #f4d18d;
}

.register-role-admin[b-hdwnvmy4jf] {
    --role-color: #7653c7;
    --role-deep: #4c2c91;
    --role-soft: #f5f0ff;
    --role-tint: #e5d9ff;
    --role-border: #ded1fb;
}

.register-header[b-hdwnvmy4jf] {
    padding: 4px 4px 20px;
}

.register-eyebrow[b-hdwnvmy4jf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
    color: var(--role-color);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.register-eyebrow > span:first-child[b-hdwnvmy4jf],
.register-time[b-hdwnvmy4jf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.eyebrow-dot[b-hdwnvmy4jf] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--role-color);
    box-shadow: 0 0 0 4px var(--role-soft);
}

.register-time[b-hdwnvmy4jf] {
    color: var(--muted);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.register-time i[b-hdwnvmy4jf] {
    color: var(--role-color);
}

.register-title-row[b-hdwnvmy4jf] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.register-role-icon[b-hdwnvmy4jf] {
    display: flex;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid var(--role-border);
    border-radius: 15px;
    background: var(--role-soft);
    color: var(--role-color);
    font-size: 1.2rem;
    box-shadow: 0 6px 16px rgba(20, 33, 61, 0.06);
}

.register-title[b-hdwnvmy4jf] {
    margin: 0 0 4px;
    color: var(--ink);
    font-size: clamp(1.6rem, 2.2vw, 2.05rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.15;
}

.register-subtitle[b-hdwnvmy4jf] {
    max-width: 590px;
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.55;
}

.role-badge[b-hdwnvmy4jf] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 18px;
    padding: 10px 12px;
    border: 1px solid var(--role-border);
    border-radius: 12px;
    background: var(--role-soft);
    color: var(--role-deep);
    font-size: 0.82rem;
}

.role-badge-icon[b-hdwnvmy4jf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--surface);
    color: var(--role-color);
    box-shadow: 0 2px 6px rgba(20, 33, 61, 0.07);
}

.role-badge strong[b-hdwnvmy4jf] {
    font-weight: 800;
}

.role-change-link[b-hdwnvmy4jf] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    color: var(--role-color);
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.role-change-link:hover[b-hdwnvmy4jf] {
    color: var(--role-deep);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.role-change-link i[b-hdwnvmy4jf] {
    font-size: 0.66rem;
}

.register-steps[b-hdwnvmy4jf] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.register-step[b-hdwnvmy4jf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: #9aa4b2;
}

.register-step.is-active[b-hdwnvmy4jf] {
    color: var(--role-deep);
}

.step-number[b-hdwnvmy4jf] {
    display: inline-flex;
    flex: 0 0 27px;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border: 1px solid #dce2eb;
    border-radius: 9px;
    background: #f8fafc;
    font-size: 0.64rem;
    font-weight: 800;
}

.register-step.is-active .step-number[b-hdwnvmy4jf] {
    border-color: var(--role-color);
    background: var(--role-color);
    color: #fff;
    box-shadow: 0 4px 10px color-mix(in srgb, var(--role-color) 22%, transparent);
}

.register-step strong[b-hdwnvmy4jf],
.register-step small[b-hdwnvmy4jf] {
    display: block;
    line-height: 1.2;
}

.register-step strong[b-hdwnvmy4jf] {
    font-size: 0.74rem;
    font-weight: 800;
}

.register-step small[b-hdwnvmy4jf] {
    margin-top: 2px;
    color: #98a2b3;
    font-size: 0.66rem;
    white-space: nowrap;
}

.step-connector[b-hdwnvmy4jf] {
    flex: 1;
    height: 1px;
    min-width: 10px;
    background: var(--line);
}

.register-status[b-hdwnvmy4jf] {
    margin: 0 4px 14px;
}

.register-status:empty[b-hdwnvmy4jf] {
    display: none;
}

.register-form[b-hdwnvmy4jf] {
    display: block;
}

[b-hdwnvmy4jf] .register-validation-summary {
    margin: 0 4px 14px;
    padding: 11px 14px 11px 34px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fff6f6;
    color: #b42318;
    font-size: 0.8rem;
}

[b-hdwnvmy4jf] .register-validation-summary:empty {
    display: none;
}

[b-hdwnvmy4jf] .register-status .alert {
    margin: 0;
    border-radius: 12px;
    font-size: 0.78rem;
}

.register-section[b-hdwnvmy4jf] {
    margin: 0 4px 14px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
    box-shadow: 0 7px 22px rgba(20, 33, 61, 0.035);
}

.section-heading[b-hdwnvmy4jf] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 17px;
}

.section-number[b-hdwnvmy4jf] {
    display: inline-flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: var(--role-soft);
    color: var(--role-color);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.section-heading h3[b-hdwnvmy4jf] {
    margin: 1px 0 3px;
    color: var(--ink);
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.section-heading p[b-hdwnvmy4jf] {
    margin: 0;
    color: var(--muted);
    font-size: 0.8rem;
    line-height: 1.45;
}

.register-grid[b-hdwnvmy4jf] {
    display: grid;
    gap: 14px;
}

.register-grid-two[b-hdwnvmy4jf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.register-field[b-hdwnvmy4jf] {
    min-width: 0;
    position: relative;
}

.register-field-full[b-hdwnvmy4jf] {
    grid-column: 1 / -1;
}

.field-label[b-hdwnvmy4jf] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    min-height: 18px;
    margin-bottom: 6px;
}

.field-label label[b-hdwnvmy4jf] {
    color: #344054;
    font-size: 0.8rem;
    font-weight: 800;
}

.required-mark[b-hdwnvmy4jf],
.required-note span[b-hdwnvmy4jf] {
    color: var(--role-color);
}

.field-optional[b-hdwnvmy4jf] {
    color: #98a2b3;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}

.input-with-icon[b-hdwnvmy4jf] {
    position: relative;
}

.input-with-icon > i[b-hdwnvmy4jf] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: #98a2b3;
    font-size: 0.82rem;
    pointer-events: none;
    transition: color 0.2s ease;
}

.input-with-icon:focus-within > i[b-hdwnvmy4jf] {
    color: var(--role-color);
}

[b-hdwnvmy4jf] .form-control,
[b-hdwnvmy4jf] .form-select {
    width: 100%;
    min-height: 46px;
    border: 1px solid #d9e0ea;
    border-radius: 10px;
    background-color: #fbfcfe;
    color: var(--ink);
    font-size: 0.86rem;
    line-height: 1.35;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

[b-hdwnvmy4jf] .form-control {
    padding: 11px 13px 11px 40px;
}

[b-hdwnvmy4jf] .form-select {
    padding: 11px 34px 11px 40px;
}

[b-hdwnvmy4jf] .form-control::placeholder {
    color: #aab3c0;
}

[b-hdwnvmy4jf] .form-control:focus,
[b-hdwnvmy4jf] .form-select:focus {
    border-color: var(--role-color);
    background-color: #fff;
    box-shadow: 0 0 0 3px var(--role-soft);
    outline: none;
}

[b-hdwnvmy4jf] .form-control.invalid,
[b-hdwnvmy4jf] .form-control.is-invalid,
[b-hdwnvmy4jf] .form-select.invalid,
[b-hdwnvmy4jf] .form-select.is-invalid {
    border-color: #e5484d;
    box-shadow: 0 0 0 3px #fff0f0;
}

[b-hdwnvmy4jf] .form-control.valid.modified:not([type=checkbox]) {
    border-color: #5abf8a;
}

[b-hdwnvmy4jf] .field-error-tooltip,
[b-hdwnvmy4jf] .validation-message {
    display: block;
    margin-top: 5px;
    color: #b42318;
    font-size: 0.72rem;
    line-height: 1.35;
}

.register-textarea[b-hdwnvmy4jf] {
    min-height: 88px !important;
    padding-left: 13px !important;
    resize: vertical;
}

.field-helper[b-hdwnvmy4jf],
.security-note[b-hdwnvmy4jf] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    color: #98a2b3;
    font-size: 0.7rem;
    line-height: 1.4;
}

.field-helper i[b-hdwnvmy4jf],
.security-note i[b-hdwnvmy4jf] {
    color: var(--role-color);
}

.register-choice-grid[b-hdwnvmy4jf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 15px 0;
}

.register-choice[b-hdwnvmy4jf] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fbfcfe;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.register-choice:hover[b-hdwnvmy4jf] {
    border-color: var(--role-border);
    background: var(--role-soft);
}

[b-hdwnvmy4jf] .choice-input {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin: 0;
    appearance: none;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-hdwnvmy4jf] .choice-input:checked {
    border-color: var(--role-color);
    background: var(--role-color);
}

[b-hdwnvmy4jf] .choice-input:checked::after {
    display: block;
    width: 5px;
    height: 9px;
    margin: 3px auto 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: "";
    transform: rotate(45deg);
}

[b-hdwnvmy4jf] .choice-input:focus-visible {
    outline: 3px solid var(--role-tint);
    outline-offset: 2px;
}

.choice-mark[b-hdwnvmy4jf] {
    display: none;
}

.register-choice strong[b-hdwnvmy4jf],
.register-choice small[b-hdwnvmy4jf] {
    display: block;
}

.register-choice strong[b-hdwnvmy4jf] {
    overflow: hidden;
    color: #344054;
    font-size: 0.77rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.register-choice small[b-hdwnvmy4jf] {
    margin-top: 2px;
    color: #98a2b3;
    font-size: 0.68rem;
    line-height: 1.3;
}

.qualification-grid[b-hdwnvmy4jf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.qualification-option[b-hdwnvmy4jf] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 8px 9px;
    border: 1px solid var(--line);
    border-radius: 9px;
    color: #475467;
    cursor: pointer;
    font-size: 0.75rem;
    line-height: 1.2;
    transition: all 0.2s ease;
}

.qualification-option:hover[b-hdwnvmy4jf] {
    border-color: var(--role-border);
    background: var(--role-soft);
}

.qualification-input[b-hdwnvmy4jf] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.qualification-check[b-hdwnvmy4jf] {
    display: inline-flex;
    flex: 0 0 15px;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background: #fff;
    color: #fff;
    font-size: 0.48rem;
    transition: all 0.2s ease;
}

.qualification-input:checked + .qualification-check[b-hdwnvmy4jf] {
    border-color: var(--role-color);
    background: var(--role-color);
}

.other-qualification[b-hdwnvmy4jf] {
    display: none;
    margin-top: 8px;
}

.other-qualification[b-hdwnvmy4jf]  .form-control {
    padding-left: 12px;
    min-height: 38px;
    font-size: 0.74rem;
}

.qualification-error[b-hdwnvmy4jf] {
    display: block;
    margin-top: 6px;
    color: #b42318;
    font-size: 0.7rem;
}

.role-guidance[b-hdwnvmy4jf] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 0 4px 14px;
    padding: 13px 14px;
    border: 1px solid var(--role-border);
    border-radius: 13px;
    background: linear-gradient(135deg, var(--role-soft), #fff);
}

.guidance-icon[b-hdwnvmy4jf] {
    display: inline-flex;
    flex: 0 0 29px;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 9px;
    background: var(--role-color);
    color: #fff;
    font-size: 0.72rem;
}

.role-guidance strong[b-hdwnvmy4jf] {
    display: block;
    margin-bottom: 2px;
    color: var(--role-deep);
    font-size: 0.8rem;
    font-weight: 800;
}

.role-guidance p[b-hdwnvmy4jf] {
    margin: 0;
    color: #667085;
    font-size: 0.76rem;
    line-height: 1.45;
}

.register-section-security[b-hdwnvmy4jf] {
    margin-bottom: 16px;
}

.input-with-action[b-hdwnvmy4jf]  .form-control {
    padding-right: 44px;
}

.password-toggle[b-hdwnvmy4jf] {
    position: absolute;
    top: 50%;
    right: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #98a2b3;
    cursor: pointer;
    transform: translateY(-50%);
    transition: color 0.2s ease, background-color 0.2s ease;
}

.password-toggle:hover[b-hdwnvmy4jf],
.password-toggle:focus-visible[b-hdwnvmy4jf] {
    background: var(--role-soft);
    color: var(--role-color);
    outline: none;
}

.password-strength[b-hdwnvmy4jf] {
    height: 4px;
    margin-top: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf0f5;
}

.password-strength-bar[b-hdwnvmy4jf] {
    width: 0;
    height: 100%;
    border-radius: inherit;
    transition: width 0.3s ease, background-color 0.3s ease;
}

.password-strength-text[b-hdwnvmy4jf] {
    display: block;
    min-height: 14px;
    margin-top: 4px;
    color: #98a2b3;
    font-size: 0.7rem;
}

.security-note[b-hdwnvmy4jf] {
    margin-top: 14px;
    padding-top: 11px;
    border-top: 1px solid #eef1f5;
}

.register-actions[b-hdwnvmy4jf] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 4px;
}

.back-link[b-hdwnvmy4jf] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    color: #667085;
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.back-link:hover[b-hdwnvmy4jf] {
    color: var(--role-color);
}

.back-link i[b-hdwnvmy4jf] {
    font-size: 0.65rem;
}

.register-submit[b-hdwnvmy4jf] {
    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 17px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(110deg, var(--role-deep), var(--role-color));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--role-color) 20%, transparent);
    color: #fff;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.register-submit:hover:not(:disabled)[b-hdwnvmy4jf] {
    box-shadow: 0 11px 24px color-mix(in srgb, var(--role-color) 28%, transparent);
    filter: saturate(1.08);
    transform: translateY(-1px);
}

.register-submit:focus-visible[b-hdwnvmy4jf],
.back-link:focus-visible[b-hdwnvmy4jf],
.role-change-link:focus-visible[b-hdwnvmy4jf] {
    outline: 3px solid var(--role-tint);
    outline-offset: 3px;
}

.register-submit:disabled[b-hdwnvmy4jf] {
    cursor: not-allowed;
    opacity: 0.7;
}

.btn-text[b-hdwnvmy4jf],
.btn-loading[b-hdwnvmy4jf] {
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.btn-text[b-hdwnvmy4jf] {
    display: inline-flex;
}

.btn-loading[b-hdwnvmy4jf] {
    display: none;
}

.register-submit.is-loading .btn-text[b-hdwnvmy4jf] {
    display: none;
}

.register-submit.is-loading .btn-loading[b-hdwnvmy4jf] {
    display: inline-flex;
}

.spinner[b-hdwnvmy4jf] {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: register-spin-b-hdwnvmy4jf 0.7s linear infinite;
}

.required-note[b-hdwnvmy4jf] {
    margin: 9px 4px 0;
    color: #98a2b3;
    font-size: 0.69rem;
    text-align: right;
}

@keyframes register-spin-b-hdwnvmy4jf {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 620px) {
    .register-page[b-hdwnvmy4jf] {
        max-height: calc(100vh - 80px);
        padding: 2px 8px 24px 2px;
    }

    .register-eyebrow[b-hdwnvmy4jf] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .register-title-row[b-hdwnvmy4jf] {
        gap: 11px;
    }

    .register-role-icon[b-hdwnvmy4jf] {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        border-radius: 12px;
    }

    .role-badge[b-hdwnvmy4jf] {
        align-items: flex-start;
    }

    .role-change-link[b-hdwnvmy4jf] {
        align-self: center;
    }

    .register-steps[b-hdwnvmy4jf] {
        gap: 5px;
    }

    .register-step[b-hdwnvmy4jf] {
        gap: 5px;
    }

    .register-step small[b-hdwnvmy4jf] {
        display: none;
    }

    .register-step strong[b-hdwnvmy4jf] {
        font-size: 0.68rem;
    }

    .register-section[b-hdwnvmy4jf] {
        padding: 15px;
    }

    .register-grid-two[b-hdwnvmy4jf],
    .register-choice-grid[b-hdwnvmy4jf] {
        grid-template-columns: 1fr;
    }

    .register-field-full-on-mobile[b-hdwnvmy4jf] {
        grid-column: 1 / -1;
    }

    .qualification-grid[b-hdwnvmy4jf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .register-actions[b-hdwnvmy4jf] {
        align-items: stretch;
        flex-direction: column-reverse;
        gap: 12px;
    }

    .register-submit[b-hdwnvmy4jf] {
        flex: none;
        width: 100%;
    }

    .back-link[b-hdwnvmy4jf] {
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .register-page *[b-hdwnvmy4jf],
    .register-page *[b-hdwnvmy4jf]::before,
    .register-page *[b-hdwnvmy4jf]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
/* Confirmation Container */
.confirmation-container[b-9oa4qzd2xk] {
    width: 100%;
    max-width: 420px;
    text-align: center;
}

/* Header */
.confirmation-header[b-9oa4qzd2xk] {
    margin-bottom: 35px;
    animation: fadeInUp-b-9oa4qzd2xk 0.8s ease-out forwards;
}

.header-icon[b-9oa4qzd2xk] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
}

    .header-icon.info[b-9oa4qzd2xk] {
        background: linear-gradient(135deg, #1a3a8f, #4a6fdc);
        box-shadow: 0 10px 25px rgba(74, 111, 220, 0.3);
    }

    .header-icon i[b-9oa4qzd2xk] {
        font-size: 2rem;
        color: white;
    }

.confirmation-title[b-9oa4qzd2xk] {
    font-size: 2rem;
    color: #1a3a8f;
    margin-bottom: 10px;
}

.confirmation-subtitle[b-9oa4qzd2xk] {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 360px;
    margin: 0 auto;
}

    .confirmation-subtitle strong[b-9oa4qzd2xk] {
        color: #1a3a8f;
    }

/* Info Card */
.info-card[b-9oa4qzd2xk] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #f0f7ff;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 24px;
    text-align: left;
    font-size: 0.9rem;
    color: #4b5563;
}

    .info-card i[b-9oa4qzd2xk] {
        color: #4a6fdc;
        margin-top: 2px;
        flex-shrink: 0;
    }

/* Buttons */
.btn[b-9oa4qzd2xk] {
    display: block;
    width: 100%;
    padding: 17px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
}

.btn-primary[b-9oa4qzd2xk] {
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: white;
}

    .btn-primary:hover[b-9oa4qzd2xk] {
        background: linear-gradient(to right, #15317a, #3a5bc7);
        transform: translateY(-2px);
        box-shadow: 0 7px 20px rgba(74, 111, 220, 0.3);
        text-decoration: none;
    }

.btn i[b-9oa4qzd2xk] {
    margin-right: 10px;
}

/* Animation */
@keyframes fadeInUp-b-9oa4qzd2xk {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
/* Resend Confirmation Container */
.resend-container[b-cjdipibk4m] {
    width: 100%;
    max-width: 420px;
}

/* Header */
.resend-header[b-cjdipibk4m] {
    margin-bottom: 35px;
    text-align: center;
    animation: fadeInUp-b-cjdipibk4m 0.8s ease-out forwards;
}

.header-icon[b-cjdipibk4m] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #1a3a8f, #4a6fdc);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    box-shadow: 0 10px 25px rgba(74, 111, 220, 0.3);
}

    .header-icon i[b-cjdipibk4m] {
        font-size: 2rem;
        color: white;
    }

.resend-title[b-cjdipibk4m] {
    font-size: 2rem;
    color: #1a3a8f;
    margin-bottom: 10px;
}

.resend-subtitle[b-cjdipibk4m] {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.5;
    max-width: 340px;
    margin: 0 auto;
}

/* Form Groups */
.form-group[b-cjdipibk4m] {
    margin-bottom: 22px;
}

    .form-group label[b-cjdipibk4m] {
        display: block;
        margin-bottom: 8px;
        color: #374151;
        font-weight: 600;
    }

/* Input with Icons */
.input-with-icon[b-cjdipibk4m] {
    position: relative;
}

    .input-with-icon i[b-cjdipibk4m] {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #9ca3af;
        font-size: 1.1rem;
        transition: color 0.3s;
        z-index: 1;
    }

.form-control[b-cjdipibk4m] {
    width: 100%;
    padding: 16px 15px 16px 50px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 1rem;
    transition: all 0.3s;
    background: white;
}

    .form-control:focus[b-cjdipibk4m] {
        outline: none;
        border-color: #4a6fdc;
        box-shadow: 0 0 0 3px rgba(74, 111, 220, 0.2);
    }

/* Buttons */
.btn[b-cjdipibk4m] {
    display: block;
    width: 100%;
    padding: 17px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
}

.btn-primary[b-cjdipibk4m] {
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: white;
    margin-bottom: 15px;
}

    .btn-primary:hover[b-cjdipibk4m] {
        background: linear-gradient(to right, #15317a, #3a5bc7);
        transform: translateY(-2px);
        box-shadow: 0 7px 20px rgba(74, 111, 220, 0.3);
    }

.btn-secondary[b-cjdipibk4m] {
    background-color: #f8fafc;
    color: #374151;
    border: 2px solid #e5e7eb;
}

    .btn-secondary:hover[b-cjdipibk4m] {
        background-color: #f1f5f9;
        border-color: #4a6fdc;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        text-decoration: none;
    }

.btn i[b-cjdipibk4m] {
    margin-right: 10px;
}

/* Validation */
.text-danger[b-cjdipibk4m] {
    font-size: 0.875rem;
    margin-top: 6px;
}

/* Animation */
@keyframes fadeInUp-b-cjdipibk4m {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Account/Pages/ResetPassword.razor.rz.scp.css */
/* Reset Password Container */
.reset-password-container[b-pubbtebxpc] {
    width: 100%;
    max-width: 420px;
}

/* Header */
.reset-password-header[b-pubbtebxpc] {
    margin-bottom: 35px;
    text-align: center;
    animation: fadeInUp-b-pubbtebxpc 0.8s ease-out forwards;
}

.header-icon[b-pubbtebxpc] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #1a3a8f, #4a6fdc);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    box-shadow: 0 10px 25px rgba(74, 111, 220, 0.3);
}

    .header-icon i[b-pubbtebxpc] {
        font-size: 2rem;
        color: white;
    }

.reset-password-title[b-pubbtebxpc] {
    font-size: 2rem;
    color: #1a3a8f;
    margin-bottom: 10px;
}

.reset-password-subtitle[b-pubbtebxpc] {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.5;
    max-width: 340px;
    margin: 0 auto;
}

/* Form Groups */
.form-group[b-pubbtebxpc] {
    margin-bottom: 20px;
}

    .form-group label[b-pubbtebxpc] {
        display: block;
        margin-bottom: 8px;
        color: #374151;
        font-weight: 600;
    }

/* Input with Icons */
.input-with-icon[b-pubbtebxpc] {
    position: relative;
}

    .input-with-icon i[b-pubbtebxpc] {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #9ca3af;
        font-size: 1.1rem;
        transition: color 0.3s;
        z-index: 1;
    }

.form-control[b-pubbtebxpc] {
    width: 100%;
    padding: 16px 15px 16px 50px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 1rem;
    transition: all 0.3s;
    background: white;
}

    .form-control:focus[b-pubbtebxpc] {
        outline: none;
        border-color: #4a6fdc;
        box-shadow: 0 0 0 3px rgba(74, 111, 220, 0.2);
    }

/* Buttons */
.btn[b-pubbtebxpc] {
    display: block;
    width: 100%;
    padding: 17px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
}

.btn-primary[b-pubbtebxpc] {
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: white;
    margin-bottom: 15px;
}

    .btn-primary:hover[b-pubbtebxpc] {
        background: linear-gradient(to right, #15317a, #3a5bc7);
        transform: translateY(-2px);
        box-shadow: 0 7px 20px rgba(74, 111, 220, 0.3);
    }

.btn-secondary[b-pubbtebxpc] {
    background-color: #f8fafc;
    color: #374151;
    border: 2px solid #e5e7eb;
}

    .btn-secondary:hover[b-pubbtebxpc] {
        background-color: #f1f5f9;
        border-color: #4a6fdc;
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        text-decoration: none;
    }

.btn i[b-pubbtebxpc] {
    margin-right: 10px;
}

/* Validation */
.text-danger[b-pubbtebxpc] {
    font-size: 0.875rem;
    margin-top: 6px;
}

/* Animation */
@keyframes fadeInUp-b-pubbtebxpc {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Account/Pages/ResetPasswordConfirmation.razor.rz.scp.css */
/* Confirmation Container */
.confirmation-container[b-8ojafvb2wp] {
    width: 100%;
    max-width: 420px;
    text-align: center;
}

/* Header */
.confirmation-header[b-8ojafvb2wp] {
    margin-bottom: 35px;
    animation: fadeInUp-b-8ojafvb2wp 0.8s ease-out forwards;
}

.header-icon[b-8ojafvb2wp] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
}

    .header-icon.success[b-8ojafvb2wp] {
        background: linear-gradient(135deg, #059669, #34d399);
        box-shadow: 0 10px 25px rgba(5, 150, 105, 0.3);
    }

    .header-icon i[b-8ojafvb2wp] {
        font-size: 2rem;
        color: white;
    }

.confirmation-title[b-8ojafvb2wp] {
    font-size: 2rem;
    color: #1a3a8f;
    margin-bottom: 10px;
}

.confirmation-subtitle[b-8ojafvb2wp] {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 340px;
    margin: 0 auto;
}

/* Buttons */
.btn[b-8ojafvb2wp] {
    display: block;
    width: 100%;
    padding: 17px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    text-decoration: none;
}

.btn-primary[b-8ojafvb2wp] {
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: white;
}

    .btn-primary:hover[b-8ojafvb2wp] {
        background: linear-gradient(to right, #15317a, #3a5bc7);
        transform: translateY(-2px);
        box-shadow: 0 7px 20px rgba(74, 111, 220, 0.3);
        text-decoration: none;
    }

.btn i[b-8ojafvb2wp] {
    margin-right: 10px;
}

/* Animation */
@keyframes fadeInUp-b-8ojafvb2wp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Account/Pages/RoleSelection.razor.rz.scp.css */
.role-selection-container[b-isgof7btn2] {
    width: 100%;
    max-width: 580px;
    animation: fadeInUp-b-isgof7btn2 0.6s ease-out;
}

.role-selection-header[b-isgof7btn2] {
    text-align: center;
    margin-bottom: 28px;
}

.role-selection-title[b-isgof7btn2] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1a3a8f;
    margin-bottom: 6px;
}

.role-selection-subtitle[b-isgof7btn2] {
    color: #6b7280;
    font-size: 0.95rem;
}

.role-cards[b-isgof7btn2] {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.role-radio[b-isgof7btn2] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.role-card[b-isgof7btn2] {
    flex: 1;
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 14px;
    padding: 24px 20px;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.role-card:hover[b-isgof7btn2] {
    border-color: #c4c7cc;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

.role-card:has(.role-radio:checked)[b-isgof7btn2] {
    border-color: #4a6fdc;
    background: #f5f7ff;
    box-shadow: 0 4px 20px rgba(74, 111, 220, 0.15);
}

.role-card-radio[b-isgof7btn2] {
    position: absolute;
    top: 14px;
    right: 14px;
}

.radio-circle[b-isgof7btn2] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.role-card:has(.role-radio:checked) .radio-circle[b-isgof7btn2] {
    border-color: #4a6fdc;
    background: #4a6fdc;
}

.role-card:has(.role-radio:checked) .radio-circle[b-isgof7btn2]::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.role-card-icon[b-isgof7btn2] {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    font-size: 1.6rem;
    color: #4a6fdc;
    transition: all 0.25s ease;
}

.role-card:has(.role-radio:checked) .role-card-icon[b-isgof7btn2] {
    background: linear-gradient(135deg, #4a6fdc, #1a3a8f);
    color: #fff;
}

.role-card-title[b-isgof7btn2] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 6px;
}

.role-card-desc[b-isgof7btn2] {
    font-size: 0.82rem;
    color: #6b7280;
    margin-bottom: 14px;
    line-height: 1.5;
}

.role-card-features[b-isgof7btn2] {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%;
    font-size: 0.8rem;
}

.role-card-features li[b-isgof7btn2] {
    color: #4b5563;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.role-card-features li i[b-isgof7btn2] {
    color: #22c55e;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.role-continue-btn[b-isgof7btn2] {
    display: block;
    width: 100%;
    padding: 15px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(to right, #1a3a8f, #4a6fdc);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.role-continue-btn:hover:not(:disabled)[b-isgof7btn2] {
    background: linear-gradient(to right, #15317a, #3a5bc7);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(74, 111, 220, 0.25);
}

.role-continue-btn:disabled[b-isgof7btn2] {
    opacity: 0.5;
    cursor: not-allowed;
}

.role-selection-footer[b-isgof7btn2] {
    text-align: center;
    color: #6b7280;
    font-size: 0.9rem;
}

.role-selection-footer a[b-isgof7btn2] {
    color: #4a6fdc;
    text-decoration: none;
    font-weight: 600;
}

.role-selection-footer a:hover[b-isgof7btn2] {
    text-decoration: underline;
}

@keyframes fadeInUp-b-isgof7btn2 {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
    .role-cards[b-isgof7btn2] {
        flex-direction: column;
    }

    .role-selection-container[b-isgof7btn2] {
        max-width: 100%;
    }

    .role-selection-title[b-isgof7btn2] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Admin/Security/AuditLog.razor.rz.scp.css */
.audit-log-page .admin-ops-hero[b-knknwmkcib] {
    background:
        radial-gradient(circle at 84% 12%, rgba(255, 255, 255, 0.16), transparent 27%),
        linear-gradient(120deg, #111c43 0%, #243d82 54%, #4265d3 100%);
    box-shadow: 0 18px 35px rgba(36, 61, 130, 0.2);
}

.audit-log-page .admin-ops-kicker[b-knknwmkcib] {
    color: #c7d2fe;
}

.audit-log-page .admin-ops-hero[b-knknwmkcib]::after {
    border-color: rgba(199, 210, 254, 0.2);
    box-shadow: 0 0 0 2rem rgba(199, 210, 254, 0.05), 0 0 0 4rem rgba(199, 210, 254, 0.03);
}

.audit-log-page .admin-ops-surface-header[b-knknwmkcib] {
    align-items: center;
}

.audit-admin-badge[b-knknwmkcib] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.65rem;
    border: 1px solid #dbe4ff;
    border-radius: 999px;
    background: #eef3ff;
    color: #315acb;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.audit-log-page .admin-ops-stat-icon[b-knknwmkcib] {
    color: #315acb;
    background: #eef3ff;
}

.audit-log-page .admin-ops-stat-icon.success[b-knknwmkcib] {
    color: #16804b;
    background: #effbf4;
}

.audit-log-page .admin-ops-stat-icon.warning[b-knknwmkcib] {
    color: #b76d17;
    background: #fff7e6;
}

.audit-log-page .admin-ops-stat-icon.danger[b-knknwmkcib] {
    color: #7653c7;
    background: #f5f0ff;
}

.audit-stat-text[b-knknwmkcib] {
    overflow: hidden;
    font-size: 1.05rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-search-filter[b-knknwmkcib] {
    min-width: min(100%, 290px);
}

.audit-user-filter[b-knknwmkcib] {
    min-width: 230px;
}

.audit-user-filter .form-select[b-knknwmkcib] {
    min-height: 42px;
    border-color: #dbe3ee;
    border-radius: 11px;
    color: #172033;
    font-size: 0.84rem;
}

.audit-user-filter .form-select:focus[b-knknwmkcib] {
    border-color: #60a5fa;
    box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.12);
}

[b-knknwmkcib] .audit-search-field {
    min-width: 270px;
}

[b-knknwmkcib] .audit-search-field .mud-input-root {
    min-height: 42px;
    border-radius: 11px;
}

[b-knknwmkcib] .audit-search-field .mud-input-root-outlined {
    padding-top: 0;
    padding-bottom: 0;
}

.audit-log-table-shell[b-knknwmkcib] {
    padding-top: 0.4rem;
}

[b-knknwmkcib] .audit-log-grid .mud-table-head .mud-table-cell {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

[b-knknwmkcib] .audit-log-grid .mud-table-cell {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.audit-event-date[b-knknwmkcib],
.audit-primary-cell[b-knknwmkcib] {
    color: #172033;
    font-size: 0.82rem;
    font-weight: 750;
}

.audit-event-meta[b-knknwmkcib],
.audit-secondary-cell[b-knknwmkcib] {
    margin-top: 0.18rem;
    color: #6b7280;
    font-size: 0.7rem;
}

.audit-user-cell[b-knknwmkcib] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.audit-user-avatar[b-knknwmkcib] {
    display: inline-flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: linear-gradient(135deg, #dbeafe, #e0e7ff);
    color: #1d4ed8;
    font-size: 0.68rem;
    font-weight: 900;
}

.audit-ip[b-knknwmkcib] {
    display: inline-block;
    max-width: 130px;
    overflow: hidden;
    padding: 0.28rem 0.45rem;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #f8fafc;
    color: #475569;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-change-indicator[b-knknwmkcib] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.5rem;
    border: 1px solid #dbe4ff;
    border-radius: 8px;
    background: #eef3ff;
    color: #315acb;
    font-size: 0.7rem;
    font-weight: 800;
}

.audit-no-change[b-knknwmkcib] {
    color: #98a2b3;
    font-size: 0.7rem;
}

@media (max-width: 991.98px) {
    .audit-log-page .admin-ops-surface-header[b-knknwmkcib] {
        align-items: flex-start;
        flex-direction: column;
    }

    .audit-search-filter[b-knknwmkcib],
    .audit-user-filter[b-knknwmkcib] {
        min-width: 190px;
    }
}

@media (max-width: 575.98px) {
    .audit-log-page .admin-ops-toolbar-left[b-knknwmkcib],
    .audit-log-page .admin-ops-toolbar-right[b-knknwmkcib],
    .audit-search-filter[b-knknwmkcib],
    .audit-user-filter[b-knknwmkcib],
    [b-knknwmkcib] .audit-search-field {
        width: 100%;
        min-width: 0;
    }

    .audit-log-page .admin-ops-toolbar-right .btn[b-knknwmkcib] {
        width: 100%;
    }

    .audit-log-page .admin-ops-toolbar-left[b-knknwmkcib] {
        align-items: stretch;
        flex-direction: column;
    }

    .audit-stat-text[b-knknwmkcib] {
        font-size: 0.9rem;
    }
}
/* /Components/Pages/Admin/Users/UserList.razor.rz.scp.css */
.all-users-directory .directory-hero[b-bsi8ven1ku] {
    background: linear-gradient(120deg, #111c43 0%, #243d82 55%, #4265d3 100%);
}

.all-users-directory .directory-eyebrow[b-bsi8ven1ku] {
    color: #c7d2fe;
}

.all-users-directory .directory-hero[b-bsi8ven1ku]::after {
    border-color: rgba(199, 210, 254, 0.22);
    box-shadow: 0 0 0 28px rgba(199, 210, 254, 0.05), 0 0 0 58px rgba(199, 210, 254, 0.03);
}

.all-users-directory .directory-filter-heading i[b-bsi8ven1ku] {
    color: #315acb;
}

.all-users-search-wrap[b-bsi8ven1ku] {
    position: relative;
}

.all-users-search-wrap > i[b-bsi8ven1ku] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 13px;
    color: #94a3b8;
    font-size: 0.8rem;
    pointer-events: none;
    transform: translateY(-50%);
}

.all-users-search-wrap .form-control[b-bsi8ven1ku] {
    padding-left: 2.35rem;
}

.all-users-search-hint[b-bsi8ven1ku] {
    display: block;
    margin-top: 0.4rem;
    color: #94a3b8;
    font-size: 0.7rem;
}

.directory-scope-links[b-bsi8ven1ku] {
    display: grid;
    gap: 0.35rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #eef2f7;
}

.directory-scope-label[b-bsi8ven1ku] {
    margin-bottom: 0.25rem;
    color: #94a3b8;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.directory-scope-link[b-bsi8ven1ku] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #64748b;
    font-size: 0.78rem;
    text-decoration: none;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.directory-scope-link span[b-bsi8ven1ku] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.directory-scope-link span i[b-bsi8ven1ku] {
    width: 16px;
    color: #94a3b8;
    text-align: center;
}

.directory-scope-link > i[b-bsi8ven1ku] {
    color: #cbd5e1;
    font-size: 0.62rem;
}

.directory-scope-link:hover[b-bsi8ven1ku],
.directory-scope-link.is-active[b-bsi8ven1ku] {
    border-color: #dbe4ff;
    background: #eef3ff;
    color: #243d82;
}

.directory-scope-link:hover[b-bsi8ven1ku] {
    transform: translateX(2px);
}

.directory-scope-link.is-active[b-bsi8ven1ku] {
    font-weight: 800;
}

.directory-scope-link.is-active span i[b-bsi8ven1ku],
.directory-scope-link.is-active > i[b-bsi8ven1ku] {
    color: #315acb;
}

.all-users-toolbar-actions[b-bsi8ven1ku] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
}

.all-users-add-button[b-bsi8ven1ku] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    border-radius: 9px;
    font-size: 0.78rem;
    font-weight: 750;
}

.all-user-card[b-bsi8ven1ku] {
    min-height: 270px;
}

.all-user-card[b-bsi8ven1ku]::before {
    background: linear-gradient(90deg, #315acb, #7c5ce0);
}

.all-user-role-list[b-bsi8ven1ku] {
    display: flex;
    max-width: 52%;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.3rem;
}

.all-user-role-list .directory-chip[b-bsi8ven1ku] {
    gap: 0.25rem;
}

.all-user-role-list .directory-chip i[b-bsi8ven1ku] {
    font-size: 0.62rem;
}

.all-user-role-list .directory-chip.admin-role[b-bsi8ven1ku] {
    color: #6b21a8;
    background: #f3e8ff;
}

.all-user-role-list .directory-chip.instructor-role[b-bsi8ven1ku] {
    color: #92400e;
    background: #fef3c7;
}

.all-user-role-list .directory-chip.student-role[b-bsi8ven1ku] {
    color: #1d4ed8;
    background: #dbeafe;
}

.all-user-card .directory-details[b-bsi8ven1ku] {
    margin-top: 1.1rem;
}

.all-user-card .directory-detail.muted[b-bsi8ven1ku] {
    color: #94a3b8;
}

.all-user-card .directory-detail.muted i[b-bsi8ven1ku] {
    color: #cbd5e1;
}

.all-user-card .directory-card-footer > span[b-bsi8ven1ku] {
    display: inline-flex;
    align-items: center;
}

.all-user-card .directory-card-footer > span i[b-bsi8ven1ku] {
    color: #315acb;
}

@media (max-width: 991.98px) {
    .all-user-role-list[b-bsi8ven1ku] {
        max-width: 58%;
    }
}

@media (max-width: 575.98px) {
    .all-users-toolbar-actions[b-bsi8ven1ku] {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }

    .all-users-add-button[b-bsi8ven1ku] {
        justify-content: center;
        width: 100%;
    }

    .all-user-role-list[b-bsi8ven1ku] {
        max-width: 48%;
    }

    .all-user-role-list .directory-chip[b-bsi8ven1ku] {
        font-size: 0.62rem;
    }
}
/* /Components/Pages/Instructor/Assessments/CreateAssessment.razor.rz.scp.css */
.question-step-intro[b-9r67h8cu8h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #dbeafe;
    border-radius: 0.9rem;
    background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);
}

.question-step-intro p[b-9r67h8cu8h] {
    color: #526079;
    font-size: 0.9rem;
}

[b-9r67h8cu8h] .answer-key-invalid {
    border: 1px solid #ef4444;
    border-radius: 0.6rem;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}

.answer-option-row[b-9r67h8cu8h] {
    padding: 0.55rem 0.65rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.65rem;
    background: #f8fafc;
}

.correct-answer-control[b-9r67h8cu8h] {
    min-width: 5.25rem;
    margin: 0;
}

.accepted-answer-icon[b-9r67h8cu8h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    border-radius: 50%;
    background: #dcfce7;
    color: #15803d;
    font-size: 0.75rem;
}

.manual-grading-note[b-9r67h8cu8h] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.8rem 0.95rem;
    border-radius: 0.7rem;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.9rem;
}

@media (max-width: 640px) {
    .question-step-intro[b-9r67h8cu8h] {
        align-items: stretch;
        flex-direction: column;
    }

    .answer-option-row[b-9r67h8cu8h] {
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Instructor/Monitoring/LiveMonitor.razor.rz.scp.css */
.monitor-page[b-lo8p9h1wgx] { max-width: 1280px; margin: auto; }
.monitor-head[b-lo8p9h1wgx] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.monitor-cards[b-lo8p9h1wgx] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1rem; }
.monitor-cards > div[b-lo8p9h1wgx] { background: #fff; border: 1px solid #e2e8f0; border-radius: .75rem; padding: 1rem; }
.monitor-cards strong[b-lo8p9h1wgx] { display: block; font-size: 1.6rem; }
.monitor-cards span[b-lo8p9h1wgx] { color: #64748b; }
.monitor-filters[b-lo8p9h1wgx] { display: flex; gap: .75rem; margin-bottom: 1rem; }
.monitor-filters > *[b-lo8p9h1wgx] { max-width: 280px; }
.presence[b-lo8p9h1wgx] { width: .6rem; height: .6rem; border-radius: 50%; display: inline-block; margin-right: .3rem; }
.online[b-lo8p9h1wgx] { background: #16a34a; }
.offline[b-lo8p9h1wgx] { background: #94a3b8; }
@media (max-width: 700px) {
    .monitor-cards[b-lo8p9h1wgx] { grid-template-columns: repeat(2, 1fr); }
    .monitor-filters[b-lo8p9h1wgx] { display: block; }
    .monitor-filters > *[b-lo8p9h1wgx] { max-width: none; margin-bottom: .5rem; }
    .monitor-head[b-lo8p9h1wgx] { align-items: start; }
}
/* /Components/Pages/Public/Donate.razor.rz.scp.css */
.donation-page[b-j8kwlhfh10] {
    --donate-deep: #172a67;
    --donate-blue: #4265d3;
    --donate-soft: #eef3ff;
    --donate-accent: #f58a6d;
    --donate-accent-soft: #fff0ed;
    --ink: #14213d;
    --muted: #667085;
    --line: #e4e9f2;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0.25rem 0 1.25rem;
    color: var(--ink);
}

.donation-layout[b-j8kwlhfh10] {
    display: grid;
    grid-template-columns: minmax(275px, 0.82fr) minmax(0, 1.35fr);
    align-items: stretch;
    gap: 16px;
}

.donation-form-column[b-j8kwlhfh10] {
    display: flex;
    min-width: 0;
}

.donation-hero[b-j8kwlhfh10] {
    position: relative;
    display: flex;
    overflow: hidden;
    min-height: 100%;
    flex-direction: column;
    margin-bottom: 0;
    padding: 22px;
    border-radius: 22px;
    background: linear-gradient(120deg, #172a67 0%, #2b4ca9 58%, #496bd4 100%);
    box-shadow: 0 16px 34px rgba(23, 42, 103, 0.2);
    color: #fff;
}

.donation-hero[b-j8kwlhfh10]::before,
.donation-hero[b-j8kwlhfh10]::after {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.donation-hero[b-j8kwlhfh10]::before {
    top: -90px;
    right: -30px;
    width: 220px;
    height: 220px;
}

.donation-hero[b-j8kwlhfh10]::after {
    right: 85px;
    bottom: -115px;
    width: 180px;
    height: 180px;
    background: rgba(255, 255, 255, 0.06);
}

.donation-kicker[b-j8kwlhfh10],
.donation-promises[b-j8kwlhfh10],
.donation-kicker > span[b-j8kwlhfh10],
.donation-promises span[b-j8kwlhfh10] {
    display: flex;
    align-items: center;
}

.donation-kicker[b-j8kwlhfh10] {
    position: relative;
    z-index: 1;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
    color: #dce6ff;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.donation-kicker > span[b-j8kwlhfh10] {
    gap: 8px;
}

.donation-kicker > span:last-child[b-j8kwlhfh10] {
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0;
    white-space: nowrap;
}

.donation-kicker > span:last-child i[b-j8kwlhfh10] {
    color: #ffad9c;
}

.donation-kicker-dot[b-j8kwlhfh10] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ffad9c;
    box-shadow: 0 0 0 4px rgba(255, 173, 156, 0.16);
}

.donation-hero-content[b-j8kwlhfh10] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr;
    align-content: center;
    gap: 20px;
    flex: 1;
}

.donation-hero h1[b-j8kwlhfh10] {
    max-width: 600px;
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(1.65rem, 3vw, 2.2rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.12;
}

.donation-hero p[b-j8kwlhfh10] {
    max-width: 600px;
    margin: 0;
    color: #dce6ff;
    font-size: 0.86rem;
    line-height: 1.6;
}

.donation-impact-card[b-j8kwlhfh10] {
    display: flex;
    position: relative;
    z-index: 1;
    flex-direction: column;
    gap: 5px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
}

.donation-impact-card > i[b-j8kwlhfh10] {
    margin-bottom: 6px;
    color: #ffad9c;
    font-size: 1.25rem;
}

.donation-impact-card strong[b-j8kwlhfh10] {
    color: #fff;
    font-size: 0.86rem;
}

.donation-impact-card span[b-j8kwlhfh10] {
    color: #dce6ff;
    font-size: 0.72rem;
    line-height: 1.4;
}

.donation-promises[b-j8kwlhfh10] {
    position: relative;
    z-index: 1;
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
    margin-top: 20px;
}

.donation-promises span[b-j8kwlhfh10] {
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #e8edff;
    font-size: 0.7rem;
    font-weight: 700;
}

.donation-promises i[b-j8kwlhfh10] {
    color: #a9c0ff;
}

.donation-loading[b-j8kwlhfh10] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 480px;
    flex-direction: column;
    gap: 7px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 33, 61, 0.04);
    text-align: center;
}

.donation-loading strong[b-j8kwlhfh10] {
    margin-top: 5px;
    color: var(--ink);
    font-size: 0.9rem;
}

.donation-loading span:last-child[b-j8kwlhfh10] {
    color: var(--muted);
    font-size: 0.75rem;
}

.donation-spinner[b-j8kwlhfh10] {
    width: 31px;
    height: 31px;
    border: 3px solid #dbe4ff;
    border-top-color: var(--donate-blue);
    border-radius: 50%;
    animation: donation-spin-b-j8kwlhfh10 0.75s linear infinite;
}

.donation-stepper[b-j8kwlhfh10] {
    width: 100%;
}

[b-j8kwlhfh10] #donation-stepper > .container-fluid {
    padding: 0;
}

[b-j8kwlhfh10] #donation-stepper > .container-fluid > div > ul {
    display: none;
}

[b-j8kwlhfh10] #donation-stepper .row,
[b-j8kwlhfh10] #donation-stepper .col-md-12 {
    margin: 0;
    padding: 0;
}

[b-j8kwlhfh10] .donation-card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(20, 33, 61, 0.06);
}

[b-j8kwlhfh10] .donation-processing {
    position: absolute;
    z-index: 10;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    background: rgba(23, 42, 103, 0.9);
    color: #fff;
    text-align: center;
}

[b-j8kwlhfh10] .donation-processing strong {
    margin-top: 5px;
    font-size: 0.95rem;
}

[b-j8kwlhfh10] .donation-processing span {
    color: #dce6ff;
    font-size: 0.75rem;
}

[b-j8kwlhfh10] .donation-card-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 17px 18px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(180deg, #fff, #fbfcff);
}

[b-j8kwlhfh10] .donation-org-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #e1e7f3;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 14px rgba(20, 33, 61, 0.07);
}

[b-j8kwlhfh10] .donation-org-logo img {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    object-fit: contain;
}

[b-j8kwlhfh10] .donation-card-kicker {
    display: block;
    margin-bottom: 3px;
    color: var(--donate-blue);
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.13em;
}

[b-j8kwlhfh10] .donation-card-header h2 {
    margin: 0 0 3px;
    color: var(--ink);
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -0.025em;
}

[b-j8kwlhfh10] .donation-card-header p {
    margin: 0;
    color: var(--muted);
    font-size: 0.75rem;
    line-height: 1.4;
}

[b-j8kwlhfh10] .donation-secure-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid #ccebdc;
    border-radius: 999px;
    background: #effbf4;
    color: #16804b;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

[b-j8kwlhfh10] .donation-card-body {
    padding: 18px;
}

[b-j8kwlhfh10] .donation-form-section {
    padding-bottom: 16px;
    border-bottom: 1px solid #edf0f5;
}

[b-j8kwlhfh10] .donation-donor-section {
    padding-top: 16px;
}

[b-j8kwlhfh10] .donation-section-heading {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

[b-j8kwlhfh10] .donation-section-heading > span {
    display: inline-flex;
    flex: 0 0 29px;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    border-radius: 9px;
    background: var(--donate-soft);
    color: var(--donate-blue);
    font-size: 0.67rem;
    font-weight: 900;
}

[b-j8kwlhfh10] .donation-section-heading h3 {
    margin: 1px 0 3px;
    color: var(--ink);
    font-size: 0.98rem;
    font-weight: 800;
}

[b-j8kwlhfh10] .donation-section-heading p {
    margin: 0;
    color: var(--muted);
    font-size: 0.74rem;
    line-height: 1.45;
}

[b-j8kwlhfh10] .donation-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

[b-j8kwlhfh10] .donation-field {
    min-width: 0;
    margin-bottom: 10px;
}

[b-j8kwlhfh10] .donation-field > label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    color: #344054;
    font-size: 0.76rem;
    font-weight: 800;
}

[b-j8kwlhfh10] .donation-field > label span {
    color: #98a2b3;
    font-size: 0.66rem;
    font-weight: 600;
    white-space: nowrap;
}

[b-j8kwlhfh10] .donation-control {
    width: 100%;
    min-height: 40px;
    padding: 9px 11px;
    border: 1px solid #d9e0ea;
    border-radius: 10px;
    background: #fbfcfe;
    color: var(--ink);
    font: inherit;
    font-size: 0.8rem;
    line-height: 1.35;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

[b-j8kwlhfh10] .donation-control::placeholder {
    color: #aab3c0;
}

[b-j8kwlhfh10] .donation-control:focus {
    border-color: var(--donate-blue);
    background: #fff;
    box-shadow: 0 0 0 3px var(--donate-soft);
    outline: none;
}

[b-j8kwlhfh10] .donation-control[readonly] {
    background: #f5f7fb;
    color: #667085;
}

[b-j8kwlhfh10] .donation-message {
    min-height: 70px;
    resize: vertical;
}

[b-j8kwlhfh10] .donation-amount-input {
    display: flex;
    align-items: stretch;
}

[b-j8kwlhfh10] .donation-amount-input > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    border: 1px solid #d9e0ea;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    background: #f5f7fb;
    color: #667085;
    font-size: 0.8rem;
    font-weight: 800;
}

[b-j8kwlhfh10] .donation-amount-input .donation-control {
    border-radius: 0 10px 10px 0;
}

[b-j8kwlhfh10] .donation-conversion {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
    color: #667085;
    font-size: 0.67rem;
}

[b-j8kwlhfh10] .donation-conversion i {
    color: var(--donate-blue);
}

[b-j8kwlhfh10] .donation-presets-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin: 4px 0 8px;
}

[b-j8kwlhfh10] .donation-presets-heading span {
    color: #344054;
    font-size: 0.75rem;
    font-weight: 800;
}

[b-j8kwlhfh10] .donation-presets-heading small {
    color: #98a2b3;
    font-size: 0.68rem;
}

[b-j8kwlhfh10] .donation-presets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

[b-j8kwlhfh10] .donation-preset {
    min-height: 53px;
    padding: 8px;
    border: 1px solid #d9e0ea;
    border-radius: 10px;
    background: #fff;
    color: #475467;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

[b-j8kwlhfh10] .donation-preset:hover,
[b-j8kwlhfh10] .donation-preset.is-selected {
    border-color: var(--donate-blue);
    background: var(--donate-soft);
    color: var(--donate-deep);
    transform: translateY(-1px);
}

[b-j8kwlhfh10] .donation-preset strong,
[b-j8kwlhfh10] .donation-preset small {
    display: block;
}

[b-j8kwlhfh10] .donation-preset strong {
    font-size: 0.82rem;
    font-weight: 800;
}

[b-j8kwlhfh10] .donation-preset small {
    margin-top: 2px;
    color: #98a2b3;
    font-size: 0.65rem;
}

[b-j8kwlhfh10] .donation-preset.is-selected small {
    color: var(--donate-blue);
}

[b-j8kwlhfh10] .anonymous-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    padding: 11px 12px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #fbfcfe;
    cursor: pointer;
}

[b-j8kwlhfh10] .anonymous-toggle-copy {
    flex: 1;
    min-width: 0;
}

[b-j8kwlhfh10] .anonymous-toggle-copy strong,
[b-j8kwlhfh10] .anonymous-toggle-copy small {
    display: block;
}

[b-j8kwlhfh10] .anonymous-toggle-copy strong {
    color: #344054;
    font-size: 0.75rem;
    font-weight: 800;
}

[b-j8kwlhfh10] .anonymous-toggle-copy small {
    margin-top: 2px;
    color: #98a2b3;
    font-size: 0.67rem;
    line-height: 1.35;
}

[b-j8kwlhfh10] .anonymous-toggle input {
    flex: 0 0 43px;
    width: 43px;
    height: 24px;
    margin: 0;
    appearance: none;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #e9edf3;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

[b-j8kwlhfh10] .anonymous-toggle input::after {
    display: block;
    width: 18px;
    height: 18px;
    margin: 2px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(20, 33, 61, 0.18);
    content: "";
    transition: transform 0.2s ease;
}

[b-j8kwlhfh10] .anonymous-toggle input:checked {
    border-color: var(--donate-blue);
    background: var(--donate-blue);
}

[b-j8kwlhfh10] .anonymous-toggle input:checked::after {
    transform: translateX(19px);
}

[b-j8kwlhfh10] .anonymous-toggle input:focus-visible {
    outline: 3px solid #dbe6ff;
    outline-offset: 2px;
}

[b-j8kwlhfh10] .toggle-track {
    display: none;
}

[b-j8kwlhfh10] .donation-action-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding-top: 15px;
}

[b-j8kwlhfh10] .donation-action-row strong,
[b-j8kwlhfh10] .donation-action-row small {
    display: block;
}

[b-j8kwlhfh10] .donation-action-row strong {
    color: #344054;
    font-size: 0.78rem;
    font-weight: 800;
}

[b-j8kwlhfh10] .donation-action-row small {
    margin-top: 3px;
    color: #98a2b3;
    font-size: 0.67rem;
    line-height: 1.35;
}

[b-j8kwlhfh10] .donation-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 210px;
    min-height: 46px;
    padding: 11px 15px;
    border: 0;
    border-radius: 11px;
    background: linear-gradient(110deg, #16804b, #26a269);
    box-shadow: 0 8px 18px rgba(22, 128, 75, 0.2);
    color: #fff;
    font-size: 0.79rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

[b-j8kwlhfh10] .donation-submit:hover:not(:disabled) {
    box-shadow: 0 11px 23px rgba(22, 128, 75, 0.28);
    filter: saturate(1.08);
    transform: translateY(-1px);
}

[b-j8kwlhfh10] .donation-submit:focus-visible {
    outline: 3px solid #bdebd0;
    outline-offset: 3px;
}

[b-j8kwlhfh10] .donation-submit:disabled {
    cursor: not-allowed;
    filter: grayscale(0.35);
    opacity: 0.55;
}

[b-j8kwlhfh10] .donation-submit small {
    display: inline;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.68rem;
}

[b-j8kwlhfh10] .donation-privacy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 14px 0 0;
    color: #98a2b3;
    font-size: 0.67rem;
    text-align: center;
}

[b-j8kwlhfh10] .donation-privacy i {
    color: #16804b;
}

@keyframes donation-spin-b-j8kwlhfh10 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 900px) {
    .donation-layout[b-j8kwlhfh10] {
        grid-template-columns: 1fr;
    }

    .donation-hero[b-j8kwlhfh10] {
        min-height: auto;
        margin-bottom: 0;
    }

    .donation-hero-content[b-j8kwlhfh10] {
        grid-template-columns: minmax(0, 1fr) 190px;
        align-content: initial;
        gap: 22px;
        flex: initial;
    }

    .donation-promises[b-j8kwlhfh10] {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .donation-loading[b-j8kwlhfh10] {
        min-height: 330px;
    }
}

@media (max-width: 760px) {
    .donation-page[b-j8kwlhfh10] {
        padding-top: 0;
    }

    .donation-hero-content[b-j8kwlhfh10] {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .donation-impact-card[b-j8kwlhfh10] {
        max-width: 245px;
    }

    .donation-promises[b-j8kwlhfh10] {
        align-items: flex-start;
    }

    [b-j8kwlhfh10] .donation-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-j8kwlhfh10] .donation-amount-field {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .donation-hero[b-j8kwlhfh10] {
        padding: 20px 18px;
        border-radius: 18px;
    }

    .donation-kicker[b-j8kwlhfh10] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .donation-hero h1[b-j8kwlhfh10] {
        font-size: 1.75rem;
    }

    .donation-hero p[b-j8kwlhfh10] {
        font-size: 0.84rem;
    }

    .donation-promises[b-j8kwlhfh10] {
        gap: 6px;
    }

    .donation-promises span[b-j8kwlhfh10] {
        font-size: 0.66rem;
    }

    [b-j8kwlhfh10] .donation-card-header {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 17px 15px;
    }

    [b-j8kwlhfh10] .donation-secure-badge {
        grid-column: 1 / -1;
        justify-self: start;
    }

    [b-j8kwlhfh10] .donation-card-body {
        padding: 16px 15px;
    }

    [b-j8kwlhfh10] .donation-grid,
    [b-j8kwlhfh10] .donation-presets {
        grid-template-columns: 1fr;
    }

    [b-j8kwlhfh10] .donation-amount-field {
        grid-column: auto;
    }

    [b-j8kwlhfh10] .donation-action-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    [b-j8kwlhfh10] .donation-submit {
        width: 100%;
    }

    [b-j8kwlhfh10] .donation-privacy {
        align-items: flex-start;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .donation-page *[b-j8kwlhfh10],
    .donation-page *[b-j8kwlhfh10]::before,
    .donation-page *[b-j8kwlhfh10]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}
/* /Components/Pages/Shared/StepperControl.razor.rz.scp.css */
/*button.nav-link {
    background: #e9ecef;
    border-radius: 0;
    border: none;
    &:focus

{
    outline: none;
}

&.active:hover {
    color: white
}

&:active {
    outline: none;
}

&.active:focus {
    outline: none;
}

}*/


button.nav-link[b-bj8dsckixu] {
    background: #e9ecef;
    border-radius: 0;
    border: none;
}

    button.nav-link:focus[b-bj8dsckixu] {
        outline: none;
    }

    button.nav-link.active:hover[b-bj8dsckixu] {
        color: white;
    }

    button.nav-link:active[b-bj8dsckixu] {
        outline: none;
    }

    button.nav-link.active:focus[b-bj8dsckixu] {
        outline: none;
    }
/* /Components/Pages/Student/Assessments/AllAssessments.razor.rz.scp.css */
.assessment-hero[b-0grhz1an6l] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    overflow: hidden;
    padding: clamp(1.5rem, 4vw, 2.75rem);
    margin-bottom: 1.25rem;
    border-radius: 1.25rem;
    color: #fff;
    background: radial-gradient(circle at 85% 15%, rgba(96, 165, 250, .35), transparent 28%), linear-gradient(135deg, #172554 0%, #1e3a8a 52%, #1d4ed8 100%);
    box-shadow: 0 20px 45px rgba(30, 58, 138, .18);
}

.assessment-hero[b-0grhz1an6l]::after {
    content: "";
    position: absolute;
    right: -4rem;
    bottom: -7rem;
    width: 17rem;
    height: 17rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    box-shadow: 0 0 0 2.5rem rgba(255, 255, 255, .04), 0 0 0 5rem rgba(255, 255, 255, .025);
}

.assessment-hero__copy[b-0grhz1an6l],
.assessment-hero__focus[b-0grhz1an6l] { position: relative; z-index: 1; }

.assessment-eyebrow[b-0grhz1an6l] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    color: #bfdbfe;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.assessment-hero h1[b-0grhz1an6l] {
    margin: 0 0 .55rem;
    font-size: clamp(1.75rem, 4vw, 2.6rem);
    font-weight: 800;
    letter-spacing: -.035em;
}

.assessment-hero p[b-0grhz1an6l] { max-width: 42rem; margin: 0; color: #dbeafe; font-size: 1rem; }

.assessment-hero__focus[b-0grhz1an6l] {
    display: flex;
    align-items: center;
    min-width: 17rem;
    gap: .85rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: .9rem;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(10px);
}

.assessment-hero__focus-icon[b-0grhz1an6l] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    flex: 0 0 2.5rem;
    border-radius: .75rem;
    color: #1e3a8a;
    background: #fff;
}

.assessment-hero__focus strong[b-0grhz1an6l],
.assessment-hero__focus span[b-0grhz1an6l] { display: block; }
.assessment-hero__focus span[b-0grhz1an6l] { margin-top: .15rem; color: #dbeafe; font-size: .78rem; }

.assessment-loading[b-0grhz1an6l] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 20rem;
    gap: .8rem;
    color: #64748b;
}

.assessment-stats[b-0grhz1an6l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
    margin-bottom: 1.25rem;
}

.assessment-stat[b-0grhz1an6l] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: .95rem;
    text-align: left;
    color: #0f172a;
    background: #fff;
    box-shadow: 0 7px 22px rgba(15, 23, 42, .05);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.assessment-stat:hover[b-0grhz1an6l],
.assessment-stat.is-active[b-0grhz1an6l] { transform: translateY(-2px); border-color: #93c5fd; box-shadow: 0 12px 28px rgba(37, 99, 235, .1); }

.assessment-stat__icon[b-0grhz1an6l] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    flex: 0 0 2.7rem;
    border-radius: .8rem;
    color: #2563eb;
    background: #eff6ff;
}

.assessment-stat--progress .assessment-stat__icon[b-0grhz1an6l] { color: #b45309; background: #fffbeb; }
.assessment-stat--completed .assessment-stat__icon[b-0grhz1an6l] { color: #15803d; background: #f0fdf4; }
.assessment-stat strong[b-0grhz1an6l], .assessment-stat small[b-0grhz1an6l] { display: block; }
.assessment-stat strong[b-0grhz1an6l] { font-size: 1.35rem; line-height: 1.1; }
.assessment-stat small[b-0grhz1an6l] { margin-top: .18rem; color: #64748b; font-size: .76rem; }

.assessment-toolbar[b-0grhz1an6l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1.55rem 0 1rem;
}

.assessment-toolbar h2[b-0grhz1an6l] { margin: 0; color: #0f172a; font-size: 1.2rem; font-weight: 800; }
.assessment-toolbar p[b-0grhz1an6l] { margin: .2rem 0 0; color: #64748b; font-size: .82rem; }

.assessment-search[b-0grhz1an6l] {
    display: flex;
    align-items: center;
    width: min(100%, 22rem);
    gap: .65rem;
    padding: .66rem .8rem;
    border: 1px solid #dbe3ee;
    border-radius: .75rem;
    color: #94a3b8;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.assessment-search:focus-within[b-0grhz1an6l] { border-color: #60a5fa; box-shadow: 0 0 0 3px rgba(59, 130, 246, .12); }
.assessment-search input[b-0grhz1an6l] { width: 100%; min-width: 0; border: 0; outline: 0; color: #0f172a; background: transparent; font-size: .88rem; }
.assessment-search button[b-0grhz1an6l] { padding: 0; border: 0; color: #64748b; background: transparent; }

.assessment-filters[b-0grhz1an6l] {
    display: flex;
    overflow-x: auto;
    gap: .45rem;
    padding-bottom: .4rem;
    margin-bottom: 1rem;
}

.assessment-filters button[b-0grhz1an6l] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    gap: .5rem;
    padding: .52rem .75rem;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #475569;
    background: #fff;
    font-size: .8rem;
    font-weight: 700;
}

.assessment-filters button span[b-0grhz1an6l] {
    display: grid;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 .3rem;
    place-items: center;
    border-radius: 999px;
    color: #64748b;
    background: #f1f5f9;
    font-size: .7rem;
}

.assessment-filters button.is-active[b-0grhz1an6l] { border-color: #1d4ed8; color: #fff; background: #1d4ed8; }
.assessment-filters button.is-active span[b-0grhz1an6l] { color: #1e3a8a; background: #dbeafe; }

.assessment-grid[b-0grhz1an6l] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }

.assessment-card[b-0grhz1an6l] {
    position: relative;
    display: flex;
    overflow: hidden;
    min-width: 0;
    min-height: 22rem;
    flex-direction: column;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
    transition: transform .2s ease, box-shadow .2s ease;
}

.assessment-card:hover[b-0grhz1an6l] { transform: translateY(-3px); box-shadow: 0 17px 36px rgba(15, 23, 42, .11); }
.assessment-card__accent[b-0grhz1an6l] { height: .3rem; background: #94a3b8; }
.assessment-card__accent.accent-available[b-0grhz1an6l] { background: #2563eb; }
.assessment-card__accent.accent-progress[b-0grhz1an6l] { background: #f59e0b; }
.assessment-card__accent.accent-completed[b-0grhz1an6l] { background: #22c55e; }
.assessment-card__accent.accent-attention[b-0grhz1an6l] { background: #ef4444; }

.assessment-card__header[b-0grhz1an6l] { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem .2rem; }

.assessment-type-icon[b-0grhz1an6l] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: .7rem;
    color: #1d4ed8;
    background: #eff6ff;
}

.assessment-status[b-0grhz1an6l] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .55rem;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 800;
}

.status-available[b-0grhz1an6l] { color: #1d4ed8; background: #dbeafe; }
.status-progress[b-0grhz1an6l] { color: #92400e; background: #fef3c7; }
.status-completed[b-0grhz1an6l] { color: #166534; background: #dcfce7; }
.status-attention[b-0grhz1an6l], .status-overdue[b-0grhz1an6l] { color: #b91c1c; background: #fee2e2; }
.status-neutral[b-0grhz1an6l] { color: #475569; background: #f1f5f9; }

.assessment-card__body[b-0grhz1an6l] { display: flex; padding: .8rem 1rem 1rem; flex: 1; flex-direction: column; }

.assessment-course[b-0grhz1an6l] {
    overflow: hidden;
    margin-bottom: .45rem;
    color: #2563eb;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.assessment-card h3[b-0grhz1an6l] {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #0f172a;
    font-size: 1.04rem;
    font-weight: 800;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.assessment-description[b-0grhz1an6l] { margin: .65rem 0 0; color: #64748b; font-size: .8rem; line-height: 1.5; }

.assessment-meta[b-0grhz1an6l] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding-top: 1rem; margin-top: auto; }
.assessment-meta span[b-0grhz1an6l] { display: flex; align-items: center; min-width: 0; gap: .42rem; color: #64748b; font-size: .72rem; }
.assessment-meta i[b-0grhz1an6l] { width: .9rem; color: #94a3b8; text-align: center; }
.assessment-meta strong[b-0grhz1an6l] { color: #334155; font-size: .77rem; }

.assessment-card__footer[b-0grhz1an6l] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .8rem;
    padding: .85rem 1rem;
    border-top: 1px solid #edf2f7;
    background: #fbfdff;
}

.assessment-due[b-0grhz1an6l] { display: flex; align-items: center; min-width: 0; gap: .55rem; color: #64748b; }
.assessment-due span[b-0grhz1an6l], .assessment-score[b-0grhz1an6l] { min-width: 0; }
.assessment-due small[b-0grhz1an6l], .assessment-due strong[b-0grhz1an6l], .assessment-score small[b-0grhz1an6l], .assessment-score strong[b-0grhz1an6l] { display: block; }
.assessment-due small[b-0grhz1an6l], .assessment-score small[b-0grhz1an6l] { color: #94a3b8; font-size: .64rem; text-transform: uppercase; }
.assessment-due strong[b-0grhz1an6l], .assessment-score strong[b-0grhz1an6l] { overflow: hidden; color: #334155; font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
.assessment-due.due-soon i[b-0grhz1an6l], .assessment-due.due-soon strong[b-0grhz1an6l] { color: #b45309; }
.assessment-due.due-overdue i[b-0grhz1an6l], .assessment-due.due-overdue strong[b-0grhz1an6l] { color: #dc2626; }
.assessment-due.due-complete i[b-0grhz1an6l] { color: #16a34a; }
.assessment-score[b-0grhz1an6l] { text-align: right; }
.assessment-score strong[b-0grhz1an6l] { color: #15803d; }

.assessment-action[b-0grhz1an6l] {
    display: inline-flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: .75rem;
    padding: .64rem .78rem;
    border: 0;
    border-radius: .65rem;
    color: #fff;
    background: #1d4ed8;
    font-size: .78rem;
    font-weight: 800;
    transition: background .18s ease;
}

.assessment-action:hover[b-0grhz1an6l] { background: #1e40af; }

.assessment-state[b-0grhz1an6l] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 17rem;
    padding: 2rem;
    border: 1px dashed #cbd5e1;
    border-radius: 1rem;
    flex-direction: column;
    text-align: center;
    background: #f8fafc;
}

.assessment-state__icon[b-0grhz1an6l] {
    display: grid;
    width: 3.4rem;
    height: 3.4rem;
    margin-bottom: .9rem;
    place-items: center;
    border-radius: 1rem;
    color: #2563eb;
    background: #dbeafe;
    font-size: 1.25rem;
}

.assessment-state h2[b-0grhz1an6l] { margin: 0; color: #0f172a; font-size: 1.05rem; font-weight: 800; }
.assessment-state p[b-0grhz1an6l] { max-width: 30rem; margin: .45rem 0 1rem; color: #64748b; font-size: .86rem; }
.assessment-state--error[b-0grhz1an6l] { border-color: #fecaca; background: #fffafa; }
.assessment-state--error .assessment-state__icon[b-0grhz1an6l] { color: #dc2626; background: #fee2e2; }

@media (max-width: 1100px) {
    .assessment-grid[b-0grhz1an6l] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    .assessment-hero[b-0grhz1an6l] { align-items: flex-start; flex-direction: column; }
    .assessment-hero__focus[b-0grhz1an6l] { width: 100%; min-width: 0; }
    .assessment-stats[b-0grhz1an6l] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .assessment-hero[b-0grhz1an6l] { padding: 1.35rem; border-radius: 1rem; }
    .assessment-toolbar[b-0grhz1an6l] { align-items: stretch; flex-direction: column; }
    .assessment-search[b-0grhz1an6l] { width: 100%; }
    .assessment-grid[b-0grhz1an6l] { grid-template-columns: 1fr; }
    .assessment-card[b-0grhz1an6l] { min-height: 0; }
}

@media (max-width: 430px) {
    .assessment-stats[b-0grhz1an6l] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Student/Assessments/TakeAssessment.razor.rz.scp.css */
.exam-workspace[b-kiketgvjug] {
    max-width: 1180px;
    margin: auto;
    padding: 1rem;
}
.exam-header[b-kiketgvjug] { display: flex; justify-content: space-between; gap: 1rem; background: #172554; color: white; padding: 1.25rem; border-radius: 1rem; margin-bottom: 1rem; }
.exam-header h3[b-kiketgvjug] { margin: 0; }
.sync[b-kiketgvjug] { color: #bbf7d0; }
.exam-stats[b-kiketgvjug] { text-align: right; display: grid; }
.exam-grid[b-kiketgvjug] { display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 1rem; }
.question-card[b-kiketgvjug], .navigator[b-kiketgvjug] { background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1.5rem; }
.question-card h5[b-kiketgvjug] { margin: 1.5rem 0; }
.answer-option[b-kiketgvjug] { display: block; padding: .8rem; border: 1px solid #e2e8f0; border-radius: .6rem; margin: .5rem 0; cursor: pointer; }
.nav-question[b-kiketgvjug] { width: 2.1rem; height: 2.1rem; border: 0; border-radius: .4rem; margin: .18rem; background: #e2e8f0; }
.nav-question.active[b-kiketgvjug] { outline: 3px solid #2563eb; }
.nav-question.answered[b-kiketgvjug] { background: #bbf7d0; }
.exam-lock[b-kiketgvjug] { position: fixed; inset: 0; background: #0f172acc; z-index: 1000; display: grid; place-items: center; color: white; text-align: center; }
.exam-lock > div[b-kiketgvjug] { background: #172554; padding: 2rem; border-radius: 1rem; max-width: 420px; }
@media (max-width: 768px) {
    .exam-header[b-kiketgvjug] { display: block; }
    .exam-stats[b-kiketgvjug] { text-align: left; margin-top: .75rem; }
    .exam-grid[b-kiketgvjug] { grid-template-columns: 1fr; }
    .navigator[b-kiketgvjug] { order: -1; }
    .question-card[b-kiketgvjug] { padding: 1rem; }
}