.toast-notification{position:fixed;top:80px;right:20px;min-width:300px;max-width:500px;padding:16px;border-radius:12px;color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:99999;opacity:0;transform:translateX(100%);transition:all .3s cubic-bezier(.4, 0, .2, 1);font-size:14px;line-height:1.5}.toast-notification.toast-show{opacity:1;transform:translateX(0)}.toast-notification.toast-hide{opacity:0;transform:translateX(100%)}.toast-success{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.toast-error{background:linear-gradient(135deg,#ef4444 0,#dc2626 100%)}.toast-warning{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%)}.toast-info{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%)}.toast-icon{font-size:20px;flex-shrink:0}.toast-icon i{display:block}.toast-message{flex:1;font-weight:500}.toast-close{background:0 0;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s;flex-shrink:0;font-size:16px;opacity:.8}.toast-close:hover{background:rgba(255,255,255,.2);opacity:1}.toast-close:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (max-width:640px){.toast-notification{top:70px;right:10px;left:10px;min-width:auto;max-width:none}}@media (max-width:768px){.toast-notification{top:70px}}@media (prefers-color-scheme:dark){.toast-notification{box-shadow:0 10px 40px rgba(0,0,0,.4)}}.toast-notification:not(:first-of-type){margin-top:10px}@media (prefers-reduced-motion:reduce){.toast-notification{transition:opacity .3s ease;transform:none!important}.toast-notification.toast-show{opacity:1}.toast-notification.toast-hide{opacity:0}}