.apptop-util{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.apptop-util .demo-pill{margin-left:0}.nb-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line2,#c8d1dc);background:var(--panel,#fff);color:var(--muted,#64748b);cursor:pointer;transition:all .12s}.nb-bell:hover{color:var(--text,#1c1c1c);border-color:var(--text,#94a3b8)}.nb-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red,#dc2626);color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;border:2px solid var(--panel,#fff);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nb-scrim{position:fixed;inset:0;z-index:190;background:rgba(10,16,28,.34)}.nb-drawer{position:fixed;top:0;right:0;bottom:0;z-index:200;width:428px;max-width:100vw;display:flex;flex-direction:column;background:var(--panel,#fff);border-left:1px solid var(--line,#e2e6ec);box-shadow:-14px 0 40px rgba(15,26,44,.16);animation:nb-slide .18s ease-out}@keyframes nb-slide{0%{transform:translateX(24px);opacity:.4}to{transform:translateX(0);opacity:1}}@media(max-width:900px){.nb-drawer{width:380px}}@media(max-width:560px){.nb-drawer{width:100vw}}.nb-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--line,#e2e6ec)}.nb-head h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--text)}.nb-head-actions{display:flex;align-items:center;gap:6px}.nb-txtbtn{background:none;border:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--lime-ink,#4a7a1f);cursor:pointer;padding:6px 8px;border-radius:7px}.nb-txtbtn:hover{background:var(--bg2,#f3f5f8)}.nb-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:none;color:var(--muted);cursor:pointer;font-size:15px;text-decoration:none}.nb-iconbtn:hover{background:var(--bg2,#f3f5f8);color:var(--text)}.nb-tabs{display:flex;gap:2px;padding:8px 14px;border-bottom:1px solid var(--line,#e2e6ec)}.nb-tab{flex:1 1;background:none;border:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;padding:8px 6px;border-radius:8px;white-space:nowrap}.nb-tab:hover{background:var(--bg2,#f3f5f8);color:var(--text)}.nb-tab.on{background:var(--text,#1c1c1c);color:var(--panel,#fff)}.nb-list{flex:1 1;overflow-y:auto;padding:8px 12px 20px}.nb-empty{text-align:center;padding:56px 22px;color:var(--muted)}.nb-empty-t{font-size:15px;font-weight:700;color:var(--text)}.nb-empty-s{font-size:13px;margin-top:6px;line-height:1.5}.nb-card{display:flex;gap:12px;padding:13px 12px;border-radius:12px;cursor:pointer;position:relative;border:1px solid transparent}.nb-card:hover{background:var(--bg2,#f5f7fa)}.nb-card+.nb-card{margin-top:2px}.nb-card.action{border-left:3px solid var(--amber,#d97706);background:var(--amber-soft,rgba(217,119,6,.06));border-radius:0 12px 12px 0}.nb-card.action:hover{background:rgba(217,119,6,.12)}.nb-card.read{opacity:.72}.nb-card.read.action{border-left-color:var(--line2,#c8d1dc)}.nb-ico{flex:none;width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}.nb-ico svg{width:18px;height:18px}.nb-ico-review{background:var(--amber-soft,#fef3c7);color:var(--amber-ink,#b45309)}.nb-ico-art{background:var(--green-soft,#e7f6e9);color:var(--green-ink,#15803d)}.nb-ico-proof{background:rgba(96,165,250,.16);color:#2563eb}.nb-ico-renew{background:var(--red-soft,#fde8e8);color:var(--red-ink,#b91c1c)}.nb-ico-money{background:var(--green-soft,#e7f6e9);color:var(--green-ink,#15803d)}.nb-ico-bell{background:var(--bg2,#eef1f5);color:var(--muted,#64748b)}.nb-body{flex:1 1;min-width:0}.nb-title{font-size:14px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:7px;line-height:1.25}.nb-dot{width:7px;height:7px;border-radius:999px;background:var(--red,#dc2626);flex:none}.nb-msg{font-size:13px;color:var(--text);opacity:.85;margin-top:2px;line-height:1.4;word-break:break-word}.nb-meta{font-size:11.5px;color:var(--muted);margin-top:5px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.nb-sep{opacity:.5}.nb-snz{color:var(--amber-ink,#b45309);font-weight:700}.nb-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}.nb-cta{font-size:12.5px;font-weight:800;color:var(--lime-ink,#4a7a1f);text-decoration:none;padding:5px 10px;border:1px solid var(--lime-ink,#4a7a1f);border-radius:8px}.nb-cta:hover{background:var(--lime-soft,#f1f8e7)}.nb-mini{background:none;border:none;font:inherit;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;padding:5px 6px;border-radius:6px}.nb-mini:hover{background:var(--panel2,#eef1f5);color:var(--text)}.nb-snooze-wrap{position:relative;display:inline-block}.nb-snooze-menu{position:absolute;bottom:calc(100% + 4px);left:0;z-index:5;background:var(--panel,#fff);border:1px solid var(--line,#e2e6ec);border-radius:9px;box-shadow:0 10px 26px rgba(15,26,44,.18);display:flex;flex-direction:column;min-width:130px;padding:4px}.nb-snooze-menu button{background:none;border:none;font:inherit;font-size:12.5px;text-align:left;padding:8px 10px;border-radius:6px;color:var(--text);cursor:pointer}.nb-snooze-menu button:hover{background:var(--bg2,#f3f5f8)}