/* Styles pour les messages flash dans la page de login */
    .login-flash-messages {
        padding: 0 30px;
        margin: 0;
    }

    .login-alert {
        border: none;
        border-radius: 8px;
        padding: 12px 16px;
        margin: 0 0 16px 0;
        font-size: 0.9rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        animation: slideIn 0.3s ease-out;
    }

    .login-alert-success {
        background-color: #f0fdf4;
        color: #166534;
        border-left: 4px solid #22c55e;
    }

    .login-alert-danger {
        background-color: #fef2f2;
        color: #991b1b;
        border-left: 4px solid #ef4444;
    }

    .login-alert-warning {
        background-color: #fffbeb;
        color: #92400e;
        border-left: 4px solid #f59e0b;
    }

    .login-alert-info {
        background-color: #f0f9ff;
        color: #1e40af;
        border-left: 4px solid #3b82f6;
    }

    .login-alert-content {
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 1;
    }

    .login-alert-content i {
        font-size: 1.1rem;
    }

    .login-alert .btn-close {
        padding: 0.5rem;
        margin-left: 8px;
    }

    @keyframes slideIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }