body {
    background: linear-gradient(135deg, #9a0073 0%, #7a005a 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.login-card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.login-header {
    background: linear-gradient(135deg, #9a0073 0%, #7a005a 100%);
    color: white;
    padding: 2rem;
    border-radius: 15px 15px 0 0;
    text-align: center;
}

.btn-primary {
    background-color: #9a0073;
    border-color: #9a0073;
}

.btn-primary:hover {
    background-color: #7a005a;
    border-color: #7a005a;
}

.login-theme-toggle {
    z-index: 1100;
}

[data-bs-theme="dark"] body {
    background: linear-gradient(135deg, #1a1d23 0%, #0d1117 100%);
}

[data-bs-theme="dark"] .login-card {
    background-color: #1f2937;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .card-body {
    background-color: #111827;
    color: #e5e7eb;
}

[data-bs-theme="dark"] .form-control {
    background-color: #111827;
    border-color: #4b5563;
    color: #f8fafc;
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: #9ca3af;
}

[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .form-text,
[data-bs-theme="dark"] a:not(.btn) {
    color: #d8b4fe !important;
}

[data-bs-theme="dark"] a:not(.btn):hover {
    color: #f5d0fe !important;
}