/* Login Seite CSS */
html, body {
    height: 100%;
}

body {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.card {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.card-body {
    padding: 2rem;
}

.form-floating {
    margin-bottom: 1rem;
}

.form-floating input {
    border-radius: 0.5rem;
}

.btn-primary {
    border-radius: 0.5rem;
    padding: 0.75rem;
    font-weight: 600;
}

.alert {
    border-radius: 0.5rem;
}

/* Animation für Validierungsfehler */
.field-validation-error {
    animation: shake 0.5s;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}