.toast-container{position:fixed;z-index:10000;display:flex;flex-direction:column;gap:10px}.toast{position:relative;min-width:300px;max-width:400px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #0000004d;opacity:0;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast.show{opacity:1;transform:translateY(0) scale(1)}.toast.hide{opacity:0;transform:translateY(-20px) scale(.95);transition:all .2s cubic-bezier(.4,0,1,1)}.toast-container[style*=top] .toast{transform:translateY(-20px) scale(.95)}.toast-container[style*=top] .toast.show{transform:translateY(0) scale(1)}.toast-container[style*=top] .toast.hide{transform:translateY(-20px) scale(.95)}.toast-container[style*=left] .toast{transform:translate(-20px) scale(.95)}.toast-container[style*=left] .toast.show{transform:translate(0) scale(1)}.toast-container[style*=left] .toast.hide{transform:translate(-20px) scale(.95)}.toast-container[style*=right] .toast{transform:translate(20px) scale(.95)}.toast-container[style*=right] .toast.show{transform:translate(0) scale(1)}.toast-container[style*=right] .toast.hide{transform:translate(20px) scale(.95)}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.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}.toast-message{margin:0;color:#fff;font-size:14px;line-height:1.4}.toast-close-btn{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s,background-color .2s;flex-shrink:0}.toast-close-btn:hover{color:#fff;background-color:#ffffff1a}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 8px 8px;overflow:hidden;background:#ffffff1a}.toast-progress-bar{height:100%;width:100%;transform-origin:left;animation:progress linear forwards}.toast.success .toast-progress-bar{background:linear-gradient(90deg,#10b981,#34d399)}.toast.error .toast-progress-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.toast.warning .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.toast.info .toast-progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa)}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 480px){.toast-container{left:10px!important;right:10px!important;max-width:none}.toast{min-width:auto;max-width:none}}