#toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:10000}.toast{align-items:center;animation:toastSlideIn .3s ease-out;background:#fff;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);display:flex;gap:12px;max-width:400px;min-width:300px;overflow:hidden;padding:16px 20px;pointer-events:all;position:relative}.toast.toast-success{border-left-color:#10b981}.toast.toast-error{border-left-color:#ef4444}.toast.toast-warning{border-left-color:#f59e0b}.toast.toast-info{border-left-color:#3b82f6}.toast.toast-hiding{animation:toastSlideOut .3s ease-in forwards}.toast-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;width:24px}.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-title{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px}.toast-message{color:#6b7280;font-size:13px;line-height:1.4}.toast-close{align-items:center;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.toast-close:hover{background:#f3f4f6;color:#4b5563}.toast-progress{animation:toastProgress 5s linear;background:currentColor;bottom:0;height:3px;left:0;position:absolute;width:100%}.toast-success .toast-progress{color:#10b981}.toast-error .toast-progress{color:#ef4444}.toast-warning .toast-progress{color:#f59e0b}.toast-info .toast-progress{color:#3b82f6}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}@keyframes toastProgress{0%{width:100%}to{width:0}}@media (max-width:576px){#toast-container{left:10px;right:10px;top:70px}.toast{max-width:none;min-width:auto;padding:14px 16px}.toast-icon{font-size:16px}.toast-title{font-size:13px}.toast-message{font-size:12px}}