.toast-notification{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px;min-width:300px;transform:translate(100%);transition:transform .3s ease}.toast-notification.show{transform:translate(0)}.toast-notification.hide{transform:translate(100%)}.toast-content{display:flex;align-items:center;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#232323;border-left:4px solid}.toast-notification.success .toast-content{border-left-color:#22c55e}.toast-notification.error .toast-content{border-left-color:#ef4444}.toast-notification.info .toast-content{border-left-color:#3b82f6}.toast-notification.warning .toast-content{border-left-color:#f59e0b}.toast-icon{font-size:18px;margin-right:12px;width:20px;text-align:center}.toast-notification.success .toast-icon{color:#22c55e}.toast-notification.error .toast-icon{color:#ef4444}.toast-notification.info .toast-icon{color:#3b82f6}.toast-notification.warning .toast-icon{color:#f59e0b}.toast-message{flex:1;color:#fff;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0;margin-left:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:#fff}@media(max-width:768px){.toast-notification{top:10px;right:10px;left:10px;max-width:none;min-width:auto}}