.toast-container{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px}.toast-notification{background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:10px;padding:16px 20px;display:flex;align-items:center;gap:12px;animation:slideInRight .3s ease-out;position:relative;overflow:hidden}.toast-notification.toast-success{border-left:4px solid #28a745}.toast-notification.toast-error{border-left:4px solid #dc3545}.toast-notification.toast-warning{border-left:4px solid #ffc107}.toast-notification.toast-info{border-left:4px solid #17a2b8}.toast-icon{font-size:24px;flex-shrink:0}.toast-success .toast-icon{color:#28a745}.toast-error .toast-icon{color:#dc3545}.toast-warning .toast-icon{color:#ffc107}.toast-info .toast-icon{color:#17a2b8}.toast-content{flex:1}.toast-title{font-weight:600;font-size:14px;margin-bottom:4px;color:#333}.toast-message{font-size:13px;color:#666;line-height:1.4}.toast-close{background:none;border:0;color:#999;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#f0f0f0;color:#333}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;animation:toastProgress 5s linear}@keyframes slideInRight{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(400px);opacity:0}}@keyframes toastProgress{from{width:100%}to{width:0}}.toast-notification.toast-closing{animation:slideOutRight .3s ease-out forwards}@media (max-width:576px){.toast-container{right:10px;left:10px;max-width:none}.toast-notification{padding:12px 16px}}