.notif-bell-btn{position:relative;background:none;border:none;cursor:pointer;color:var(--text);padding:6px;width:32px;height:32px;flex:0 0 32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.notif-bell-btn:hover{background:#1a1a1a0f;color:var(--primary)}.notif-badge{position:absolute;top:1px;right:1px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:9px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;font-family:var(--font-sans)}@keyframes notifBellShake{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}to{transform:rotate(0)}}.notif-bell-btn.has-new svg{animation:notifBellShake .6s ease-in-out}.notif-panel-root{position:fixed;inset:0;z-index:299;pointer-events:none;overflow-anchor:none}.notif-panel-root.hidden{display:none!important}.notif-panel-overlay{position:absolute;inset:0;background:transparent;pointer-events:auto}.notif-panel{position:absolute;z-index:1;top:calc(var(--mobile-header-h) + 4px);right:12px;width:min(380px,calc(100vw - 24px));max-height:420px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;overflow-anchor:none}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.notif-panel-title{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--text)}.notif-panel-close{background:none;border:none;font-size:22px;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:6px;line-height:1;transition:background .15s,color .15s}.notif-panel-close:hover{background:#1a1a1a0f;color:var(--text)}.notif-panel-list{overflow-y:auto;flex:1;padding:4px 0}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(0,0,0,.04)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#2a5c4e0a}.notif-item.notif-unread{background:#b5432a0a}.notif-item.notif-unread:hover{background:#b5432a14}.notif-item-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.notif-icon-interest{background:var(--secondary)}.notif-icon-mutual{background:var(--primary)}.notif-icon-message{background:var(--amber)}.notif-icon-badge{background:#7c5cbf}.notif-icon-system{background:var(--text-muted)}.notif-item-content{flex:1;min-width:0}.notif-item-text{font-size:13px;color:var(--text);line-height:1.45;margin:0}.notif-item-text strong{font-weight:600}.notif-item-time{font-size:11px;color:var(--text-muted);margin-top:3px}.notif-item-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:6px}.notif-item:not(.notif-unread) .notif-item-dot{display:none}.notif-dismiss-btn{flex-shrink:0;width:28px;height:28px;border:none;background:transparent;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-top:2px;opacity:0;transition:opacity .15s,background .15s,color .15s}.notif-item:hover .notif-dismiss-btn{opacity:1}.notif-dismiss-btn:hover{background:#c94a2a1a;color:var(--primary)}.notif-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:13px}@media(min-width:900px){.notif-bell-desktop{display:flex}#notif-bell-mobile{display:none}.notif-panel{top:12px;left:calc(var(--sidebar-w) + 12px);right:auto}}@media(max-width:899px){.notif-bell-desktop{display:none}}