.toast-container{display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:20px;width:320px;z-index:9999}.toast{align-items:flex-start;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:16px}.toast-container>:not(:last-child){margin-bottom:0}.toast-success{background-color:#10b981}.toast-error{background-color:#ef4444}.toast-warning{background-color:#f59e0b}.toast-info{background-color:#3b82f6}.toast-message{flex:1;word-break:break-word}.toast-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;margin-left:16px;padding:0}.toast-close-btn:hover{opacity:.8}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(30px)}