* {
    font-family: "Roboto", Arial, sans-serif;
}

body {
    position: relative;
    font-size: 16px;
    justify-content: center;
}

.welcome-page {
    background-color: #f8f9fa;
    min-height: 100vh;
}

/*.account-forms,
.register-form {
    background-color: rgb(255, 255, 255, 0.5);
    padding: 20px;
    border-radius: 8px;
}*/

    .account-forms span {
        font-size: 12px;
    }

.account-forms-main {
    width: 50%;
    padding: 2rem;
}
/*.register-form {
    width: 400px;
}*/

alert-table {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    height: fit-content;
}

.account-side-layout {
    width: 50%;
    background-color: #5e17eb;
    padding: 2rem;
}

/* Dark theme styles */
[data-bs-theme="dark"] .welcome-page {
    background-color: #212529;
    color: #dee2e6;
}

[data-bs-theme="dark"] .account-forms-main,
[data-bs-theme="dark"] .account-forms-main > * {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .account-side-layout {
    background-color: #5e17eb;
}

[data-bs-theme="dark"] .form-control {
    background-color: #2c3034;
    border-color: #373b3e;
    color: #dee2e6;
    box-shadow: none;
}

    [data-bs-theme="dark"] .form-control:focus {
        background-color: #2c3034;
        border-color: #0d6efd;
        color: #dee2e6;
        box-shadow: none;
    }

[data-bs-theme="dark"] .form-label {
    color: #dee2e6;
}

[data-bs-theme="dark"] .text-muted {
    color: #adb5bd !important;
}

[data-bs-theme="dark"] .btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd;
    box-shadow: none;
}

    [data-bs-theme="dark"] .btn-outline-primary:hover {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
        box-shadow: none;
    }

[data-bs-theme="dark"] .btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
    box-shadow: none;
}

    [data-bs-theme="dark"] .btn-primary:hover {
        color: #fff;
        background-color: #0b5ed7;
        border-color: #0a58ca;
        box-shadow: none;
    }

[data-bs-theme="dark"] .validation-summary-errors {
    color: #dc3545;
}

[data-bs-theme="dark"] .field-validation-error {
    color: #dc3545;
}

[data-bs-theme="dark"] .input-validation-error {
    border-color: #dc3545 !important;
}

[data-bs-theme="dark"] .alert {
    background-color: #2c3034;
    border: 1px solid #373b3e;
    color: #dee2e6;
    box-shadow: none;
}

[data-bs-theme="dark"] .alert-warning {
    background-color: #2c2a00;
    border-color: #3d3a00;
    color: #ffd43b;
}

[data-bs-theme="dark"] .alert-success {
    background-color: #0f2e1d;
    border-color: #1a3d28;
    color: #75b798;
}

[data-bs-theme="dark"] .alert-danger {
    background-color: #2c0b0e;
    border-color: #3d0f13;
    color: #ea868f;
}

[data-bs-theme="dark"] .dropdown-menu {
    background-color: #2c3034;
    border-color: #373b3e;
    box-shadow: none;
}

[data-bs-theme="dark"] .dropdown-item {
    color: #dee2e6;
}

    [data-bs-theme="dark"] .dropdown-item:hover {
        background-color: #373b3e;
        color: #fff;
    }

[data-bs-theme="dark"] .btn-link {
    color: #0d6efd;
}

    [data-bs-theme="dark"] .btn-link:hover {
        color: #0a58ca;
    }

/* Remove all shadows in dark mode */
[data-bs-theme="dark"] * {
    box-shadow: none !important;
}

/* Responsive styles */
@media (max-width: 768px) {
    .account-forms-main {
        width: 100%;
    }

    .account-side-layout {
        display: none;
    }
}

@media only screen and (max-width: 650px) {
    body {
        flex-direction: column !important;
    }

    .account-side-layout {
        height: 420px;
    }

    .logo img {
        margin-top: 20px;
    }

    .account-forms {
        margin-bottom: 30px;
    }
}