.NotificationBell-module__1ON7vW__bellContainer{align-items:center;display:flex;position:relative}.NotificationBell-module__1ON7vW__bellButton{border-radius:var(--radius-md);cursor:pointer;width:34px;height:34px;color:var(--color-slate-400);transition:background var(--default-transition-duration) var(--default-transition-timing-function), color var(--default-transition-duration) var(--default-transition-timing-function);background:#ffffff14;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.NotificationBell-module__1ON7vW__bellButton:hover{color:#fff;background:#ffffff26}.NotificationBell-module__1ON7vW__badge{border-radius:var(--radius-pill);min-width:16px;height:16px;font-size:var(--text-micro);text-align:center;background:var(--color-brand);color:var(--color-text-on-brand);pointer-events:none;padding:0 4px;font-weight:700;line-height:16px;position:absolute;top:2px;right:2px}.NotificationBell-module__1ON7vW__mobileBackdrop{display:none}.NotificationBell-module__1ON7vW__dropdown{background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);width:400px;min-height:420px;max-height:500px;box-shadow:var(--shadow-dropdown);z-index:200;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.NotificationBell-module__1ON7vW__dropdownHeader{border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.NotificationBell-module__1ON7vW__dropdownTitle{font-size:var(--text-body);color:var(--color-text-primary);font-weight:700}.NotificationBell-module__1ON7vW__headerRight{align-items:center;gap:2px;margin-left:auto;display:flex}.NotificationBell-module__1ON7vW__headerIconBtn{border-radius:var(--radius-md);cursor:pointer;width:30px;height:30px;color:var(--color-text-muted);transition:background var(--default-transition-duration) var(--default-transition-timing-function), color var(--default-transition-duration) var(--default-transition-timing-function);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.NotificationBell-module__1ON7vW__headerIconBtn:hover{background:var(--color-surface-tertiary);color:var(--color-text-secondary)}.NotificationBell-module__1ON7vW__mobileClose{display:none}.NotificationBell-module__1ON7vW__filterDropdown{position:relative}.NotificationBell-module__1ON7vW__filterButton{border:1px solid var(--color-border-default);font-family:inherit;font-size:var(--text-label);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:border-color var(--default-transition-duration) var(--default-transition-timing-function), color var(--default-transition-duration) var(--default-transition-timing-function), background var(--default-transition-duration) var(--default-transition-timing-function);background:0 0;align-items:center;gap:5px;padding:5px 10px;font-weight:600;display:flex}.NotificationBell-module__1ON7vW__filterButton:hover{border-color:var(--color-border-strong);color:var(--color-text-secondary)}.NotificationBell-module__1ON7vW__filterActive{background:var(--color-brand-soft);border-color:var(--color-brand-border);color:var(--color-brand-on-soft)}.NotificationBell-module__1ON7vW__filterMenu{background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:10;min-width:140px;padding:4px;position:absolute;top:calc(100% + 4px);left:0}.NotificationBell-module__1ON7vW__filterOption{text-align:left;width:100%;font-family:inherit;font-size:var(--text-label);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--default-transition-duration) var(--default-transition-timing-function);background:0 0;border:none;padding:7px 10px;font-weight:500;display:block}.NotificationBell-module__1ON7vW__filterOption:hover{background:var(--color-surface-tertiary)}.NotificationBell-module__1ON7vW__filterOptionActive{color:var(--color-text-primary);background:var(--color-surface-secondary);font-weight:700}.NotificationBell-module__1ON7vW__notificationList{flex:1;overflow-y:auto}.NotificationBell-module__1ON7vW__loadingMore{justify-content:center;align-items:center;padding:16px;display:flex}.NotificationBell-module__1ON7vW__spinner{border:2px solid var(--color-border-default);border-top-color:var(--color-text-tertiary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite NotificationBell-module__1ON7vW__spin}@keyframes NotificationBell-module__1ON7vW__spin{to{transform:rotate(360deg)}}.NotificationBell-module__1ON7vW__notificationItem{cursor:pointer;transition:background var(--default-transition-duration) var(--default-transition-timing-function);border-bottom:1px solid var(--color-border-subtle);align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.NotificationBell-module__1ON7vW__notificationItem:hover{background:var(--color-surface-secondary)}.NotificationBell-module__1ON7vW__notificationItem:last-child{border-bottom:none}.NotificationBell-module__1ON7vW__notificationRead{opacity:.7}.NotificationBell-module__1ON7vW__notificationRead:hover{opacity:1}.NotificationBell-module__1ON7vW__dotColumn{flex-shrink:0;justify-content:center;align-items:flex-start;width:8px;padding-top:6px;display:flex}.NotificationBell-module__1ON7vW__unreadDot{background:var(--color-brand);border-radius:50%;width:8px;height:8px;display:block}.NotificationBell-module__1ON7vW__notificationContent{flex:1;min-width:0}.NotificationBell-module__1ON7vW__notificationText{font-size:var(--text-body-s);color:var(--color-text-primary);line-height:1.45;display:block}.NotificationBell-module__1ON7vW__notificationMeta{align-items:center;gap:4px;margin-top:3px;display:flex}.NotificationBell-module__1ON7vW__searchLabel{font-size:var(--text-caption);color:var(--color-text-tertiary);font-weight:500}.NotificationBell-module__1ON7vW__metaDot,.NotificationBell-module__1ON7vW__timeAgo{font-size:var(--text-caption);color:var(--color-text-muted)}.NotificationBell-module__1ON7vW__readToggle{cursor:pointer;color:var(--color-text-muted);transition:color var(--default-transition-duration) var(--default-transition-timing-function);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:4px;display:flex}.NotificationBell-module__1ON7vW__readToggle:hover{color:var(--color-text-tertiary)}.NotificationBell-module__1ON7vW__readToggleEmpty{color:var(--color-border-strong)}@media (max-width:640px){.NotificationBell-module__1ON7vW__mobileBackdrop{background:var(--color-overlay-modal);z-index:199;display:block;position:fixed;inset:0}.NotificationBell-module__1ON7vW__dropdown{z-index:200;width:100%;min-height:auto;max-height:none;box-shadow:none;border:none;border-radius:0;position:fixed;inset:0}.NotificationBell-module__1ON7vW__dropdownHeader{border-bottom:1px solid var(--color-border-default);padding:14px 16px}.NotificationBell-module__1ON7vW__dropdownTitle{font-size:var(--text-body-l)}.NotificationBell-module__1ON7vW__headerIconBtn{width:34px;height:34px}.NotificationBell-module__1ON7vW__mobileClose{border-radius:var(--radius-md);cursor:pointer;width:34px;height:34px;color:var(--color-text-tertiary);transition:background var(--default-transition-duration) var(--default-transition-timing-function);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.NotificationBell-module__1ON7vW__mobileClose:hover{background:var(--color-surface-tertiary)}.NotificationBell-module__1ON7vW__notificationItem{padding:14px 16px}}