:root {--notif-bg: #ffffff;--notif-border: #e4e7ec;--notif-text: #1d2939;--notif-text-muted: #667085;--notif-hover: #f9fafb;--notif-unread-bg: #eef4ff;--notif-accent: #3e6ebc;--notif-danger: #d92d20;--notif-radius: 10px;}.notif-header-controls {display: flex;align-items: center;gap: 12px;margin-left: auto;position: relative;}.notif-toggle {display: flex;align-items: center;gap: 8px;cursor: pointer;user-select: none;}.notif-toggle-label {font-size: 13px;color: #42526e;white-space: nowrap;}.notif-toggle-switch {position: relative;display: inline-block;width: 34px;height: 18px;}.notif-toggle-switch input {opacity: 0;width: 0;height: 0;position: absolute;}.notif-toggle-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #c1c7d0;border-radius: 999px;transition: background-color .15s ease;}.notif-toggle-slider::before {content: "";position: absolute;height: 14px;width: 14px;left: 2px;bottom: 2px;background-color: #fff;border-radius: 50%;transition: transform .15s ease;box-shadow: 0 1px 2px rgba(0,0,0,.25);}.notif-toggle-switch input:checked + .notif-toggle-slider {background-color: #22a06b;}.notif-toggle-switch input:checked + .notif-toggle-slider::before {transform: translateX(16px);}.notif-toggle-switch input:focus-visible + .notif-toggle-slider {outline: 2px solid #4c9aff;outline-offset: 2px;}.toggleNotifications {margin-right: 8px;position: relative;display: inline-flex;float: right;height: 28px;width: 28px;user-select: none;cursor: pointer;}.toggleNotifications .show {flex: 1;margin: auto;height: 28px;max-width: 28px;text-align: center;border-radius: 50%;background: rgba(0, 0, 0, 0.5);font-size: 28px;transition: background 0.2s;cursor: pointer;}.toggleNotifications .show:hover { background: black; }.toggleNotifications .show i { line-height: 28px; color: white; }.toggleNotifications .count {position: absolute;top: -2px;right: 7px;cursor: pointer;}.toggleNotifications .count .num {position: absolute;top: 0; left: 0;background: #f22;border-radius: 50%;width: 18px; height: 18px;text-align: center;line-height: 14px;font-size: 11px;box-shadow: 0 1px 3px rgba(0,0,0,0.25);border: 1px solid rgba(70,70,70,0.2);color: white;}.notifications {position: fixed;top: 42px;right: 10px;width: 420px;background: var(--notif-bg);border-radius: var(--notif-radius);border: 1px solid var(--notif-border);box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);z-index: 9999;max-height: 78vh;display: flex;flex-direction: column;overflow: hidden;font-family: inherit;}@media only screen and (max-width: 680px) {.notifications { width: 92vw; max-width: 420px; }}.notif-panel-header {display: flex;align-items: center;justify-content: space-between;padding: 14px 16px 8px 16px;border-bottom: 1px solid var(--notif-border);}.notif-panel-header h3 {margin: 0;font-size: 16px;font-weight: 700;color: var(--notif-text);}.notif-header-menu-btn {background: none;border: none;cursor: pointer;color: var(--notif-text-muted);font-size: 15px;padding: 6px;border-radius: 6px;}.notif-header-menu-btn:hover { background: var(--notif-hover); }.notif-header-dropdown {position: absolute;top: 40px;right: 16px;background: var(--notif-bg);border: 1px solid var(--notif-border);border-radius: 8px;box-shadow: 0 4px 14px rgba(16,24,40,0.15);min-width: 210px;z-index: 10001;display: none;overflow: hidden;}.notif-header-dropdown.open { display: block; }.notif-header-dropdown a {display: block;padding: 10px 14px;font-size: 13.5px;color: var(--notif-text);cursor: pointer;}.notif-header-dropdown a:hover { background: var(--notif-hover); }.notif-tabs {display: flex;gap: 4px;padding: 8px 16px 0 16px;border-bottom: 1px solid var(--notif-border);}.notif-tab {display: flex;align-items: center;gap: 6px;padding: 8px 4px 10px 4px;font-size: 13.5px;font-weight: 600;color: var(--notif-text-muted);cursor: pointer;border-bottom: 2px solid transparent;margin-right: 18px;}.notif-tab.active {color: var(--notif-accent);border-bottom-color: var(--notif-accent);}.notif-tab-badge {background: var(--notif-danger);color: white;font-size: 10.5px;font-weight: 700;border-radius: 10px;padding: 1px 6px;min-width: 16px;text-align: center;}.notif-list {list-style: none;margin: 0;padding: 4px 0;overflow-y: auto;flex: 1;}.notif-empty {padding: 40px 20px;text-align: center;color: var(--notif-text-muted);font-size: 13.5px;}.notif-item {display: flex;gap: 12px;padding: 12px 16px;position: relative;cursor: pointer;border-bottom: 1px solid #f0f2f5;text-decoration: none;}.notif-item:hover { background: var(--notif-hover); }.notif-item.unread { background: var(--notif-unread-bg); }.notif-item.unread:hover { background: #e4edfb; }.notif-item-icon {flex-shrink: 0;width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 15px;color: white;}.notif-item-body { flex: 1; min-width: 0; }.notif-item-title {font-size: 13.5px;font-weight: 700;color: var(--notif-text);margin-bottom: 2px;padding-right: 40px;}.notif-item-text {font-size: 13px;color: var(--notif-text-muted);line-height: 18px;word-wrap: break-word;padding-right: 40px;}.notif-item-time {font-size: 11.5px;color: #98a2b3;margin-top: 4px;}.notif-item-dot {position: absolute;top: 16px;right: 40px;width: 8px;height: 8px;border-radius: 50%;background: var(--notif-accent);display: none;}.notif-item.unread .notif-item-dot { display: block; }.notif-item-menu-btn {position: absolute;top: 10px;right: 8px;background: none;border: none;color: var(--notif-text-muted);cursor: pointer;padding: 6px;border-radius: 6px;opacity: 0;transition: opacity 0.15s;}.notif-item:hover .notif-item-menu-btn { opacity: 1; }.notif-item-menu-btn:hover { background: #e4e7ec; }.notif-item-dropdown {position: absolute;top: 34px;right: 8px;background: var(--notif-bg);border: 1px solid var(--notif-border);border-radius: 8px;box-shadow: 0 4px 14px rgba(16,24,40,0.15);min-width: 170px;z-index: 10001;display: none;overflow: hidden;}.notif-item-dropdown.open { display: block; }.notif-item-dropdown a {display: block;padding: 9px 12px;font-size: 13px;color: var(--notif-text);cursor: pointer;}.notif-item-dropdown a:hover { background: var(--notif-hover); }.notif-item-dropdown a.danger { color: var(--notif-danger); }.notif-item-actions {display: flex;gap: 8px;margin-top: 8px;}.notif-item-actions a {font-size: 12px;font-weight: 600;padding: 5px 10px;border-radius: 6px;}.notif-item-actions .accept-a { color: #067647; background: #ecfdf3; }.notif-item-actions .decline-a { color: var(--notif-danger); background: #fef3f2; }@keyframes fa-blink {0% { opacity: 1; }50% { opacity: 0; }100% { opacity: 1; }}.fa-blink { animation: fa-blink 2s linear infinite; }.toggleList { visibility: hidden; opacity: 0; pointer-events: none; }.t-NavigationBar-item { vertical-align: middle; }