.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.toast-item{background:white;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden;pointer-events:auto;min-width:300px}.toast-item.animate-slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-content{padding:12px 16px;gap:12px}.toast-content,.toast-icon{display:flex;align-items:center}.toast-icon{justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0}.toast-message{flex:1;font-size:14px;color:#333;font-weight:500}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#999;cursor:pointer;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#f0f0f0;color:#666}.toast-progress{height:3px;background:#e0e0e0;overflow:hidden}.toast-progress-bar{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);animation:progress linear forwards;transform-origin:left}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-item[data-type=error] .toast-progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast-item[data-type=warning] .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast-item[data-type=info] .toast-progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb)}@media (max-width:480px){.toast-container{left:10px;right:10px;max-width:none}.toast-item{min-width:auto}}.toast-item.removing{animation:slideOut .3s ease-in forwards}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}