.notif-center{position:relative}.notif-bell{color:var(--text-muted);transition:all var(--transition-fast);border-radius:8px;padding:8px;position:relative}.notif-bell:hover{color:var(--text-primary);background:var(--bg-tertiary)}.notif-bell.has-unread{color:var(--gold-500)}.notif-badge{background:var(--red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:2px;right:2px}.notif-dropdown{background:var(--bg-card);border:1px solid var(--border-primary);width:calc(100vw - 32px);max-width:360px;max-height:440px;box-shadow:var(--shadow-lg);z-index:200;transform-origin:100% 0;border-radius:12px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-header{border-bottom:1px solid var(--border-secondary);justify-content:space-between;align-items:center;padding:14px 16px;font-size:.85rem;font-weight:700;display:flex}.notif-clear{color:var(--text-muted);cursor:pointer;font-size:.72rem}.notif-clear:hover{color:var(--red)}.notif-list{max-height:370px;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px;font-size:.82rem;display:flex}.notif-item{border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast);align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#f0b90b08}.notif-item:hover{background:var(--bg-card-hover)}.notif-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.notif-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.notif-title{color:var(--text-primary);font-size:.8rem;font-weight:600}.notif-message{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.notif-time{color:var(--text-muted);flex-shrink:0;margin-top:2px;font-size:.65rem}