.toast{z-index:9999;opacity:0;background:#fff;border-left:4px solid #007bff;border-radius:8px;min-width:300px;max-width:400px;transition:all .3s;position:fixed;top:20px;right:20px;transform:translate(100%);box-shadow:0 4px 12px #00000026}.toast.show{opacity:1;transform:translate(0)}.toast.hide{opacity:0;transform:translate(100%)}.toast-content{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.toast-message{color:#333;flex:1;font-size:14px;line-height:1.4}.toast-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:12px;padding:0;font-size:20px;transition:all .2s;display:flex}.toast-close:hover{color:#666;background:#f5f5f5}.toast.success{border-left-color:#28a745}.toast.success .toast-message{color:#155724}.toast.error{border-left-color:#dc3545}.toast.error .toast-message{color:#721c24}.toast.warning{border-left-color:#ffc107}.toast.warning .toast-message{color:#856404}.toast.info{border-left-color:#17a2b8}.toast.info .toast-message{color:#0c5460}@media (max-width:768px){.toast{min-width:auto;max-width:none;top:10px;left:10px;right:10px}.toast-content{padding:12px 16px}.toast-message{font-size:13px}}
.toast-container{z-index:9999;pointer-events:none;position:fixed;top:0;right:0}.toast-container .toast{pointer-events:auto;margin:20px}