.logo-module{position:relative}.notif-bell-wrap{position:absolute;top:12px;right:16px;z-index:200}.notif-bell{background:0 0;border:none;cursor:pointer;font-size:18px;color:#64748b;padding:6px 8px;border-radius:8px;position:relative;transition:color .15s,background .15s;line-height:1}.notif-bell:hover{color:#2563eb;background:#eff6ff}.notif-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;border-radius:999px;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none;border:2px solid #fff}.notif-dropdown{display:none;position:absolute;right:0;top:calc(100% + 8px);width:340px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.14);z-index:500;overflow:hidden}.notif-dropdown.notif-open{display:block}.notif-dropdown-header{padding:12px 16px;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid #f1f5f9;background:#f8fafc}.notif-list{max-height:280px;overflow-y:auto}a.notif-item{text-decoration:none;color:inherit}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:11px 16px;border-bottom:1px solid #f8fafc;cursor:pointer;transition:background .15s}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#eff6ff}.notif-item.unread:hover{background:#dbeafe}.notif-item-icon{color:#64748b;font-size:13px;flex-shrink:0;padding-top:2px}.notif-item.unread .notif-item-icon{color:#2563eb}.notif-item-content{flex:1;min-width:0}.notif-item-msg{font-size:13px;color:#1e293b;line-height:1.4;word-break:break-word}.notif-item-preview{font-size:12px;color:#64748b;margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notif-item-time{font-size:11px;color:#94a3b8;margin-top:3px}.notif-empty{font-size:13px;color:#94a3b8;text-align:center;padding:20px 16px;margin:0}.notif-dropdown-divider{height:1px;background:0 0}.pending-mentions-header{font-size:11px;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;border:none;border-radius:0;text-align:left;background:#f8fafc;color:#475569;font-weight:600}.pending-mentions-header:hover{background:#f1f5f9}.pending-mentions-chevron{font-size:10px;transition:transform .2s}.pending-mentions-header[aria-expanded=true] .pending-mentions-chevron{transform:rotate(180deg)}.pending-mentions-list{max-height:200px}