.notif-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0);z-index:8000;pointer-events:none;transition:background var(--ds-transition-base)}.notif-backdrop-visible{background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto}.notif-panel{position:fixed;top:0;right:0;height:100dvh;width:min(460px,100vw);max-width:100vw;background:var(--black-bg-main);border-left:1px solid var(--main-card-border);box-shadow:-4px 0 40px rgba(0,0,0,.5);display:flex;flex-direction:column;z-index:8500;transform:translateX(100%);transition:transform var(--ds-transition-slow);overflow:hidden;overscroll-behavior:contain;touch-action:pan-y}.notif-panel-open{transform:translateX(0)}.notif-panel-header{padding:16px 20px 0;background:var(--black-bg-main);border-bottom:1px solid var(--main-card-border);flex-shrink:0}.notif-panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.notif-panel-title{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ds-text-primary);font-family:var(--font-syne);font-size:16px;font-weight:600;letter-spacing:-.006em}.notif-count-badge{background:var(--Green-Gradient);color:#fff;font-family:var(--font-jura);font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--ds-radius-full);line-height:16px}.notif-panel-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.notif-mark-all-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--ds-radius-full);background:transparent;border:1px solid var(--ds-border-default);color:var(--ds-text-secondary);cursor:pointer;transition:color var(--ds-transition-fast),background var(--ds-transition-fast),border-color var(--ds-transition-fast)}.notif-mark-all-btn:hover{color:var(--ds-text-primary);background:rgba(255,255,255,.06);border-color:var(--ds-border-strong)}.notif-settings-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--ds-radius-full);background:transparent;border:1px solid var(--ds-border-default);color:var(--ds-text-secondary);cursor:pointer;transition:color var(--ds-transition-fast),background var(--ds-transition-fast),border-color var(--ds-transition-fast);text-decoration:none}.notif-settings-btn:hover{color:var(--ds-text-primary);background:rgba(255,255,255,.06);border-color:var(--ds-border-strong)}.notif-close-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--ds-radius-full);background:transparent;border:none;color:var(--ds-text-tertiary);cursor:pointer;transition:color var(--ds-transition-fast),background var(--ds-transition-fast)}.notif-close-btn:hover{color:var(--ds-text-primary);background:rgba(255,255,255,.06)}.notif-tabs{display:flex;gap:0;margin-top:4px}.notif-tab{display:flex;align-items:center;gap:6px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--ds-text-secondary);font-family:var(--font-jura);font-size:13px;font-weight:500;letter-spacing:.03em;padding:10px 14px;cursor:pointer;transition:color var(--ds-transition-fast),border-color var(--ds-transition-fast);margin-bottom:-1px}.notif-tab:hover{color:var(--ds-text-primary)}.notif-tab-active{color:var(--ds-accent-green);border-bottom-color:var(--ds-accent-green)}.notif-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:5px;background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--chip-text);font-size:var(--Card-SmallText-fontSize);font-weight:500;font-family:var(--font-inter)}.notif-panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0;background:var(--black-bg-main)}.notif-panel-body::-webkit-scrollbar{width:3px}.notif-panel-body::-webkit-scrollbar-track{background:transparent}.notif-panel-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:2px}.notif-panel-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.notif-panel-loading{padding:var(--ds-space-4)}.notif-item-link{display:block;text-decoration:none;color:inherit}.notif-item{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid var(--main-card-border);transition:background var(--ds-transition-fast);cursor:pointer;position:relative;min-width:0}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:rgba(255,255,255,.025)}.notif-item-unread{background:transparent}.notif-item-unread:hover{background:rgba(255,255,255,.025)}.notif-item-system{border-left:2px solid rgba(255,64,64,.45)!important;padding-left:16px!important}.notif-item-system:hover{background:rgba(255,64,64,.04)!important}.notif-item-avatar{flex-shrink:0;width:36px}.notif-actor-stack,.notif-entity-stack{position:relative;width:36px;height:36px;flex-shrink:0}.notif-actor-stack .avatar-shell,.notif-entity-stack .avatar-shell{width:36px!important;height:36px!important;min-width:36px;min-height:36px}.notif-actor-stack .avatar-shell{border-radius:var(--ds-radius-full)!important}.notif-actor-initial{width:36px;height:36px;border-radius:var(--ds-radius-full);background:var(--BG-Grident-Inner-Box2);border:1px solid var(--ds-border-default);display:flex;align-items:center;justify-content:center;font-family:var(--font-jura);font-size:14px;font-weight:700;color:var(--ds-text-primary);text-transform:uppercase;flex-shrink:0}.notif-icon-only,.notif-type-badge{--notif-surface:var(--ds-surface-raised);display:flex;align-items:center;justify-content:center;color:var(--notif-icon-color,var(--ds-text-secondary));background:var(--notif-surface)}.notif-type-badge{position:absolute;bottom:-4px;right:-6px;width:19px;height:19px;border-radius:var(--ds-radius-full);--notif-surface:var(--ds-surface-app);border:none;box-shadow:none}.notif-icon-only{width:36px;height:36px;border-radius:var(--ds-radius-md);border:1px solid var(--main-card-border)}.notif-icon-only svg,.notif-type-badge svg{stroke-width:2.4}.notif-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.notif-item-header{display:flex;align-items:flex-start;gap:8px;justify-content:space-between;min-width:0;width:100%}.notif-item-body{flex:1 1 auto;min-width:0;margin:0;font-size:12.5px;line-height:1.38;color:var(--ds-text-secondary);font-family:var(--font-jura);overflow-wrap:anywhere;word-break:normal}.notif-item-body>span:not(.notif-item-detail){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;vertical-align:top;max-width:100%}.notif-item-detail{display:block;margin-top:2px;color:var(--ds-text-tertiary);font-size:11.5px;line-height:1.32;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notif-actor-name{font-weight:700}.notif-actor-name,.notif-entity-name{display:inline;color:var(--ds-text-primary);font-family:var(--font-jura);overflow-wrap:anywhere}.notif-entity-name{font-weight:800}.notif-item-right{display:flex;align-items:center;gap:6px;flex:0 0 auto;justify-content:flex-end;min-width:70px}.notif-unread-dot{width:7px;height:7px;border-radius:var(--ds-radius-full);background:var(--ds-accent-green);flex-shrink:0}.notif-item-time{font-family:var(--font-jura);font-size:11px;color:var(--ds-text-tertiary);white-space:nowrap;letter-spacing:.02em}.notif-progress-wrap{display:flex;align-items:center;gap:8px}.notif-progress-bar{flex:1;background:rgba(255,255,255,.07);border-radius:var(--ds-radius-full);height:5px;overflow:hidden;border:1px solid rgba(74,222,128,.1)}.notif-progress-fill{height:100%;background:var(--Green-Gradient);border-radius:var(--ds-radius-full);transition:width .4s ease}.notif-progress-label{font-family:var(--font-jura);font-size:11px;font-weight:700;color:var(--ds-accent-green);white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.notif-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.notif-action-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;height:30px;border-radius:var(--ds-radius-sm);font-family:var(--font-jura);font-size:12px;font-weight:600;letter-spacing:.02em;cursor:pointer;border:1px solid transparent;transition:background var(--ds-transition-base),border-color var(--ds-transition-base),box-shadow var(--ds-transition-base),transform var(--ds-transition-fast)}.notif-resolution-row{display:flex;align-items:center;margin-top:2px}.notif-resolution-chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:var(--ds-radius-xs);font-family:var(--font-jura);font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1}.notif-resolution-chip-success{color:var(--ds-accent-green);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.24)}.notif-resolution-chip-muted{color:var(--ds-text-tertiary);background:rgba(255,255,255,.045);border:1px solid var(--ds-border-default)}.notif-action-btn:hover{transform:translateY(-1px)}.notif-action-btn:active{transform:translateY(0)}.notif-action-btn-primary{background:var(--Green-Gradient);border-color:transparent;color:#fff}.notif-action-btn-primary:hover{background:var(--ds-accent-green-btn-hover)}.notif-action-btn-secondary{background:transparent;border-color:var(--View-All-Button-Color);color:var(--View-All-Button-Color)}.notif-action-btn-secondary:hover{background:rgba(193,247,220,.07);border-color:#86efac;color:#86efac}.notif-action-btn-danger{background:var(--red-bg-grident);border-color:rgba(255,64,64,.3);color:var(--Red-Tag-Text)}.notif-action-btn-danger:hover{background:linear-gradient(90deg,rgba(239,68,68,.22),rgba(220,38,38,.18));border-color:rgba(255,64,64,.5)}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--ds-text-tertiary);text-align:center;font-family:var(--font-jura)}.notif-load-more{display:block;width:calc(100% - 36px);margin:10px 18px 4px;padding:9px 12px;border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-sm);background:transparent;color:var(--ds-text-secondary);font-family:var(--font-jura);font-size:12px;letter-spacing:.03em;cursor:pointer;transition:color .15s ease,border-color .15s ease}.notif-load-more:hover:not(:disabled){color:var(--ds-text-primary);border-color:var(--ds-border-strong)}.notif-load-more:disabled{cursor:default;color:var(--ds-text-tertiary)}.notif-list-boundary{margin:0;padding:14px 18px 18px;text-align:center;font-family:var(--font-jura);font-size:11px;letter-spacing:.03em;color:var(--ds-text-tertiary)}.notif-empty-icon{color:var(--ds-accent-green);opacity:.25}.notif-empty p{margin:0;font-size:14px;letter-spacing:.03em}.notif-empty span{max-width:280px;font-family:var(--font-jura);font-size:12px;line-height:1.45;color:var(--ds-text-tertiary);opacity:.82}.notif-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--ds-radius-full);background:transparent;border:1px solid var(--ds-border-default);color:var(--ds-text-primary);cursor:pointer;transition:background var(--ds-transition-fast),border-color var(--ds-transition-fast)}.notif-bell-btn:hover{background:rgba(74,222,128,.07);border-color:rgba(74,222,128,.3)}.notif-bell-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--Green-Gradient);color:#fff;font-family:var(--font-jura);font-size:10px;font-weight:700;border-radius:var(--ds-radius-full);border:2px solid var(--main-card-bg)}.notif-bell-badge,.notif-bell-icon-wrap{display:flex;align-items:center;justify-content:center}.notif-bell-icon-wrap{position:relative}.notif-bell-new-dot{position:absolute;top:-3px;right:-3px;width:6px;height:6px;border-radius:var(--ds-radius-full);background:var(--ds-accent-green);box-shadow:0 0 0 2px var(--ds-accent-green-dim);pointer-events:none;animation:notif-bell-dot-pulse 2.4s ease-in-out infinite;transition:background var(--ds-transition-fast)}.secondary-round-btn:focus-visible .notif-bell-new-dot,.secondary-round-btn:hover .notif-bell-new-dot,[data-notification-trigger][aria-expanded=true] .notif-bell-new-dot{background:var(--ds-accent-green-light)}@keyframes notif-bell-dot-pulse{0%,to{box-shadow:0 0 0 2px var(--ds-accent-green-dim)}50%{box-shadow:0 0 0 4px transparent}}@media (prefers-reduced-motion:reduce){.notif-bell-new-dot{animation:none;transition:none}}@media (max-width:480px){.notif-panel{width:100vw}.notif-panel-header{padding:14px 14px 0}.notif-item{gap:10px;padding:14px}.notif-item-right{min-width:62px;gap:5px}.notif-close-btn,.notif-mark-all-btn,.notif-settings-btn{width:28px;height:28px}}