.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.toast{opacity:0;pointer-events:auto;background:#fff;border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:16px 20px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:relative;overflow:hidden;transform:translate(400px);box-shadow:0 4px 20px #00000026}.toast:before{content:"";background:currentColor;width:4px;position:absolute;top:0;bottom:0;left:0}.toast-visible{opacity:1;transform:translate(0)}.toast-leaving{opacity:0;transform:translate(400px)}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.toast-message{color:#333;flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{cursor:pointer;color:#999;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;font-size:18px;transition:color .2s;display:flex}.toast-close:hover{color:#333}.toast-success{color:#10b981;border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{color:#ef4444;border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-info{color:#3b82f6;border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-warning{color:#f59e0b;border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}@media (max-width:768px){.toast-container{top:10px;left:10px;right:10px}.toast{min-width:auto;max-width:100%;transform:translateY(-100px)}.toast-visible{transform:translateY(0)}.toast-leaving{transform:translateY(-100px)}}