.notification-bell{position:relative;display:inline-flex}.notification-bell>button{position:relative}.notification-bell__dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#ef4444}.notification-bell__popover{position:absolute;z-index:120;top:calc(100% + 12px);right:0;width:min(380px,calc(100vw - 28px));border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.18);color:#111827;overflow:hidden}.notification-bell__popover header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #e2e8f0}.notification-bell__popover header>div{display:flex;align-items:center;gap:8px}.notification-bell__popover header strong{font-size:16px}.notification-bell__popover header span{color:#64748b;font-size:11px}.notification-bell__popover header button{display:grid;width:30px;height:30px;place-items:center;border:0;background:transparent;color:#475569;cursor:pointer}.notification-bell__popover header svg{width:17px}.notification-bell__list{max-height:430px;overflow-y:auto}.notification-bell__list article{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:15px 16px;border-bottom:1px solid #edf2f7}.notification-bell__list article>svg{width:18px;color:#4f46e5}.notification-bell__list article>div{display:grid;gap:5px;min-width:0}.notification-bell__list article strong{font-size:13px}.notification-bell__list article p{margin:0;color:#475569;font-size:12px;line-height:1.55;white-space:pre-wrap}.notification-bell__list article time{color:#94a3b8;font-size:10px}.notification-bell__list article a{color:#4f46e5;font-size:11px;font-weight:850;text-decoration:none}.notification-bell__empty{margin:0;padding:40px 16px;color:#64748b;font-size:13px;text-align:center}@media (max-width:720px){.notification-bell__popover{position:fixed;top:72px;right:12px}}