#toastContainer{

    position:fixed;

    top:25px;

    right:25px;

    display:flex;

    flex-direction:column;

    gap:12px;

    z-index:99999;

}

.toast{

    min-width:300px;

    padding:16px 20px;

    border-radius:10px;

    color:white;

    font-size:14px;

    font-weight:600;

    opacity:0;

    transform:translateX(40px);

    transition:.30s;

    box-shadow:0 15px 35px rgba(0,0,0,.35);

}

.toast.show{

    opacity:1;

    transform:translateX(0);

}

.toast-success{

    background:#16a34a;

}

.toast-error{

    background:#dc2626;

}

.toast-warning{

    background:#d97706;

}

.toast-info{

    background:#2563eb;

}