.toast-notification{position:fixed;top:var(--toast-top, calc(var(--header-height, 65px) + 60px));right:20px;background-color:#4caf50;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 8px 16px #0003,0 4px 8px #00000026,inset 0 1px #fff3;border:1px solid rgba(0,0,0,.1);z-index:10000;display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;opacity:0;transform:translate(100%);transition:opacity var(--toast-transition-exit, 1.2s) ease,transform var(--toast-transition-enter, .45s) ease;pointer-events:none}.toast-notification.show{opacity:1;transform:translate(0);transition:opacity var(--toast-transition-enter, .45s) ease,transform var(--toast-transition-enter, .45s) ease;pointer-events:auto}.toast-notification:not(.show){transition:opacity var(--toast-transition-exit, 1.2s) ease,transform var(--toast-transition-enter, .45s) ease}.toast-notification.error{background-color:#f44336}.toast-notification.info{background-color:#2196f3}.toast-notification .toast-icon{flex-shrink:0;width:24px;height:24px}.toast-notification .toast-message{flex:1;font-weight:500}.toast-notification .toast-notification__link{color:inherit;text-decoration:underline;font-weight:600}.toast-notification .toast-notification__link:hover{text-decoration:none}@media(min-width:300px)and (max-width:499px){.toast-notification{left:50%;right:auto;transform:translate(-50%) translateY(8px)}.toast-notification.show{transform:translate(-50%) translateY(0)}}