.notification-bell,.notification-trigger{position:relative;display:inline-flex;align-items:center}.notification-trigger{border:0;background:transparent;color:inherit;padding:10px;cursor:pointer}.notification-panel a:focus-visible,.notification-trigger:focus-visible{outline:2px solid var(--blue,#1769ff);outline-offset:2px}.notification-count{position:absolute;right:-4px;top:-2px;min-width:19px;height:19px;padding:0 5px;border-radius:12px;background:#bb1364;color:#fff;font-size:11px;line-height:19px;text-align:center}.notification-panel{position:absolute;z-index:110;right:0;top:100%;width:min(350px,calc(100vw - 32px));padding:16px;background:var(--surface,#fff);color:var(--navy,#0a1736);border:1px solid var(--line,#dde3ed);border-radius:12px;box-shadow:0 12px 32px #0a17361a;font-size:14px}.notification-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.notification-heading>a{display:inline-flex;align-items:center;gap:4px;font-size:12px}.notification-panel ul{list-style:none;padding:0;margin:0;max-height:340px;overflow:auto}.notification-panel li+li{border-top:1px solid var(--line,#dde3ed)}.notification-panel li>a{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:12px 0;text-decoration:none}.notification-panel small{display:block;color:var(--muted,#64708a);font-size:12px;line-height:1.5;margin-top:3px}.notification-panel p{color:var(--muted,#64708a);line-height:1.6}.notification-panel a:hover{color:var(--blue,#1769ff)}@media(max-width:600px){.notification-panel{position:fixed;top:74px;right:16px}}