/* CSS pour les toasts */
.toast {
    visibility: hidden;
    max-width: 300px;
    text-align: center;
    border-radius: 5px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.5s, visibility 0.5s;
}

.toast.show {
    visibility: visible;
    opacity: 1;
}

/* Toast d'information */
.toast.info {
    background-color: #e6eeee;
    color: #222222;
    border: 2px solid #f98c37;
}

/* Toast d'erreur */
.toast.error {
    background-color: #e6eeee;
    color: #222222;
    border: 2px solid #f94872;
}

/* Toast de validation */
.toast.success {
    background-color: #e6eeee;
    color: #222222;
    border: 2px solid #bdec00;
}