#toast-container{
    position:fixed;
    top:25px;
    right:25px;
    z-index:9999;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.toast{
    min-width:260px;
    max-width:320px;
    padding:14px 16px;
    border-radius:10px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    box-shadow:0 8px 25px rgba(0,0,0,0.18);
    opacity:0;
    transform:translateY(-15px);
    animation:toastIn 0.25s ease forwards;
}

.toast.success{ background:#2e7d32; }
.toast.error{ background:#c62828; }
.toast.warn{ background:#ed6c02; }

@keyframes toastIn{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.toast.hide{
    animation:toastOut 0.25s ease forwards;
}

@keyframes toastOut{
    to{
        opacity:0;
        transform:translateY(-15px);
    }
}