.toast {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 14px 18px;
    border-radius: 10px;
    opacity: 0;
    transition: opacity .3s, transform .3s;
    transform: translateY(-10px);
    z-index: 9999;
}

.toast.show {
    opacity: 1;
    transform: translateY(0);
}

.toast-success {
    background: #14532d;
    color: #bbf7d0;
}

.toast-error {
    background: #7f1d1d;
    color: #fecaca;
}