.notif-bell{position:relative}.notif-bell__trigger{cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:inline-flex;position:relative}.notif-bell__trigger:hover{background:#f9fafb}.notif-bell__badge{color:#fff;background:#e2688f;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:0;right:0;box-shadow:0 0 0 2px #fff}.notif-bell__panel{z-index:1050;background:#fff;border-radius:14px;width:min(340px,100vw - 2.5rem);animation:.16s notif-bell-in;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 18px 44px #1118272e}@keyframes notif-bell-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-bell__header{color:#1f2937;border-bottom:1px solid #f1f1f3;justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1rem;font-size:.9rem;font-weight:700;display:flex}.notif-bell__mark-all{color:#e2688f;cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.74rem;font-weight:600;display:inline-flex}.notif-bell__mark-all:hover{color:#c44e75}.notif-bell__list{max-height:340px;overflow-y:auto}.notif-bell__item{text-align:left;cursor:pointer;background:0 0;border:none;border-top:1px solid #f1f1f3;align-items:flex-start;gap:.6rem;width:100%;padding:.75rem 1rem;transition:background-color .15s;display:flex}.notif-bell__item:hover{background:#fdf2f6}.notif-bell__item--unread{background:#fef7fa}.notif-bell__dot{background:0 0;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.4rem}.notif-bell__item--unread .notif-bell__dot{background:#e2688f}.notif-bell__item-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.notif-bell__item-title{color:#1f2937;font-size:.84rem;font-weight:700}.notif-bell__item-message{color:#6b7280;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;display:-webkit-box;overflow:hidden}.notif-bell__empty{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:.5rem;padding:2.25rem 1.25rem;display:flex}.notif-bell__empty svg{color:#d1d5db}.notif-bell__empty p{color:#1f2937;margin:0;font-size:.88rem;font-weight:700}.notif-bell__empty span{max-width:260px;font-size:.78rem;line-height:1.45}.notif-bell__footer{color:#e2688f;cursor:pointer;background:0 0;border:none;border-top:1px solid #f1f1f3;width:100%;padding:.75rem;font-size:.8rem;font-weight:600;transition:background-color .15s;display:block}.notif-bell__footer:hover{background:#fdf2f6}@media (max-width:480px){.notif-bell__panel{width:280px;right:-8px}}@media (prefers-color-scheme:dark){.notif-bell__trigger:hover{background:#272d3a}.notif-bell__panel{background:#1f2430;box-shadow:0 18px 44px #00000080}.notif-bell__header{color:#f3f4f6;border-bottom-color:#2d3340}.notif-bell__item{border-top-color:#2d3340}.notif-bell__item:hover{background:#272d3a}.notif-bell__item--unread{background:#2a2230}.notif-bell__item-title{color:#f3f4f6}.notif-bell__item-message{color:#9aa3b2}.notif-bell__footer{border-top-color:#2d3340}.notif-bell__footer:hover{background:#272d3a}}