@keyframes bell-shake{0%{transform:rotate(0)}15%{transform:rotate(5deg)}30%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}85%{transform:rotate(-2deg)}to{transform:rotate(0)}}.notification-pulse{animation:bell-shake .8s cubic-bezier(.36,.07,.19,.97) both;transform-origin:top center}.notification-tooltip{position:absolute;bottom:-40px;right:0;background-color:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none;z-index:50;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.notification-tooltip.show{opacity:1;transform:translateY(0)}