#toast-container{
position:fixed;
top:20px;
right:20px;
z-index:9999;
width:320px;
}

.toast-box{
background:#fff;
border-radius:6px;
padding:14px;
margin-bottom:12px;
box-shadow:0 5px 15px rgba(0,0,0,0.15);
display:flex;
align-items:center;
gap:10px;
transform:translateX(120%);
opacity:0;
transition:all .4s ease;
border-left:5px solid;
font-size:14px;
}

.toast-box.show{
transform:translateX(0);
opacity:1;
}

.toast-icon{
font-size:18px;
font-weight:bold;
}

.toast-message{
flex:1;
}

.toast-close{
cursor:pointer;
font-weight:bold;
font-size:18px;
}

.toast-success{border-color:#26B99A}
.toast-success .toast-icon{color:#26B99A}

.toast-danger{border-color:#E74C3C}
.toast-danger .toast-icon{color:#E74C3C}

.toast-warning{border-color:#F39C12}
.toast-warning .toast-icon{color:#F39C12}

.toast-info{border-color:#3498DB}
.toast-info .toast-icon{color:#3498DB}

.toast-progress{
position:absolute;
bottom:0;
left:0;
height:3px;
background:#000;
opacity:.2;
width:100%;
}