.notif-bell-wrap{position:relative;display:none}.notif-bell-btn{background:none;border:none;cursor:pointer;padding:6px 8px;color:var(--text-main, var(--text-primary, #e0e0e0));border-radius:50%;display:flex;align-items:center;transition:background .15s,color .15s}.notif-bell-btn:hover{background:var(--bg-hover, rgba(255,255,255,.07))}.notif-bell-btn .material-symbols-outlined{font-size:22px}.notif-badge{display:none;position:absolute;top:2px;right:2px;background:var(--neon-pink, #ff007f);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:2px 5px;min-width:16px;text-align:center;pointer-events:none;line-height:1.4;box-shadow:0 0 6px #ff007f80}.notif-dropdown{position:fixed;top:calc(var(--topbar-h, 64px) + 8px);right:12px;width:360px;max-width:calc(100vw - 24px);max-height:460px;background:#0a0c12f7;border:1px solid rgba(0,229,255,.25);border-radius:20px;box-shadow:0 8px 32px #0009,0 24px 64px #00000080,0 0 0 1px #00e5ff0f,inset 0 1px #ffffff0d;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:2000;display:none;flex-direction:column;overflow:hidden;font-family:var(--font-body, "Inter", sans-serif)}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff08;border-radius:20px 20px 0 0;flex-shrink:0}.notif-dropdown-header strong{font-family:var(--font-heading, "Outfit", sans-serif);font-size:15px;font-weight:700;color:var(--text-primary, #fff);letter-spacing:.2px}.notif-mark-all-btn{font-size:12px;color:var(--neon-blue, #00e5ff);background:none;border:none;cursor:pointer;font-family:var(--font-body, inherit);padding:0;opacity:.8;transition:opacity .15s}.notif-mark-all-btn:hover{opacity:1;text-decoration:underline}.notif-list{overflow-y:auto;flex:1}.notif-empty{text-align:center;color:var(--text-muted, #888);font-size:13px;padding:28px 16px}.notif-section-header{padding:6px 18px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted, #666);background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0}.notif-item{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .12s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff0a}.notif-item--unread{background:#00e5ff0a}.notif-item--unread:hover{background:#00e5ff14}.notif-item.notif-admin-row{background:#ff007f12;padding:14px 18px;border-left:2px solid rgba(255,0,127,.4)}.notif-item.notif-admin-row:hover{background:#ff007f1f}.notif-row{display:flex;gap:12px;align-items:flex-start}.notif-icon{font-size:17px;flex-shrink:0;line-height:1.5}.notif-body{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:600;color:var(--text-primary, #fff);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item--unread .notif-title{color:var(--neon-blue, #00e5ff)}.notif-item.notif-admin-row .notif-title{color:var(--text-primary, #fff)}.notif-msg{font-size:12px;color:var(--text-secondary, #999);line-height:1.5;margin-bottom:3px}.notif-time{font-size:11px;color:var(--text-muted, #555)}.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--neon-blue, #00e5ff);flex-shrink:0;margin-top:5px;box-shadow:0 0 4px #00e5ff99}.notif-dot--pink{background:var(--neon-pink, #ff007f);box-shadow:0 0 4px #ff007f99}.notif-fr-actions{display:flex;gap:6px;margin-top:8px}.notif-fr-btn{font-size:11px;font-weight:600;font-family:var(--font-body, inherit);padding:5px 12px;border-radius:6px;cursor:pointer;transition:opacity .15s,background .15s,border-color .15s}.notif-fr-btn:disabled{opacity:.45;cursor:not-allowed}.notif-fr-accept{background:var(--neon-green, #0f8);color:#000;border:1px solid var(--neon-green, #0f8)}.notif-fr-accept:hover:not(:disabled){filter:brightness(1.1)}.notif-fr-reject{background:transparent;color:var(--text-secondary, #999);border:1px solid rgba(255,255,255,.18)}.notif-fr-reject:hover:not(:disabled){border-color:#ff6b6b66;color:#ff6b6b}.notif-fr-resolved{font-size:11px;color:var(--text-muted, #888);margin-top:8px;opacity:.8}