.toast-container{z-index:1000;flex-direction:column;gap:10px;max-width:400px;display:flex;position:fixed;top:80px;right:20px}.toast{opacity:0;background:#fff;border-left:4px solid;border-radius:8px;align-items:center;gap:12px;min-width:300px;padding:16px;transition:all .3s;display:flex;transform:translate(100%);box-shadow:0 4px 12px #00000026}.toast.show{opacity:1;transform:translate(0)}.toast.hide{opacity:0;transform:translate(100%)}.toast-success{background:#f0fdf4;border-left-color:#10b981}.toast-error{background:#fef2f2;border-left-color:#ef4444}.toast-warning{background:#fffbeb;border-left-color:#f59e0b}.toast-info{background:#eff6ff;border-left-color:#3b82f6}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1;min-width:0}.toast-content p{color:#374151;margin:0;font-size:.9rem;line-height:1.4}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .2s}.toast-close:hover{color:#6b7280;background:#0000000d}@media (width<=768px){.toast-container{max-width:none;top:70px;left:10px;right:10px}.toast{width:100%;min-width:auto}}