@keyframes bellShake{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.bell-shake{animation:bellShake .8s ease-in-out;transform-origin:center top}.notification-badge{position:absolute;top:-8px;right:-8px;background-color:#ef4444;color:white;border-radius:9999px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid white;animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}