.toast-container{position:fixed;top:20px;right:20px;z-index:99999;pointer-events:none}.toast{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);padding:20px 24px;margin-bottom:15px;min-width:320px;max-width:450px;pointer-events:auto;transform:translateX(400px);opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;gap:15px;border-left:4px solid}.toast.show{transform:translateX(0);opacity:1}.toast.success{border-left-color:#28a745;background:linear-gradient(135deg,#f0fff4 0,#fff 100%)}.toast.error{border-left-color:#dc3545;background:linear-gradient(135deg,#fff5f5 0,#fff 100%)}.toast.warning{border-left-color:#ffc107;background:linear-gradient(135deg,#fffbf0 0,#fff 100%)}.toast-icon{font-size:32px;flex-shrink:0}.toast.success .toast-icon::before{content:'✅'}.toast.error .toast-icon::before{content:'❌'}.toast.warning .toast-icon::before{content:'⚠️'}.toast-content{flex:1}.toast-title{font-weight:600;font-size:16px;margin:0 0 5px 0;color:#333}.toast-message{font-size:14px;color:#666;margin:0;line-height:1.5}.toast-close{background:0 0;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;line-height:1;transition:color .2s}.toast-close:hover{color:#333}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(0,0,0,.1);width:100%;border-radius:0 0 12px 12px;overflow:hidden}.toast-progress-bar{height:100%;background:currentColor;animation:toastProgress 5s linear forwards}.toast.success .toast-progress-bar{color:#28a745}.toast.error .toast-progress-bar{color:#dc3545}.toast.warning .toast-progress-bar{color:#ffc107}@keyframes toastProgress{from{width:100%}to{width:0}}@media (max-width:576px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}.toast.loading .toast-icon::before{content:'⏳';animation:rotate 1s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}