.nb-wrap{position:relative}.nb-bell{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:grid;place-items:center;transition:background .12s ease,border-color .12s ease}.nb-bell:hover{background:#f9fafb}.nb-bell.is-open{border-color:#cbd5e1;background:#f8fafc}.nb-bellSvg{width:20px;height:20px;color:#0f172a}.nb-badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 7px;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}.nb-panel{position:absolute;right:0;top:52px;width:min(420px,92vw);border-radius:16px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 18px 55px #0f172a2e;z-index:999;overflow:hidden;animation:nbFadeIn .14s ease-out}@keyframes nbFadeIn{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.nb-head{display:flex;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #f1f5f9}.nb-headLeft{display:flex;align-items:center;gap:10px}.nb-title{font-weight:900;font-size:14px;color:#0f172a}.nb-pill{font-size:12px;font-weight:800;color:#0f172a;background:#f1f5f9;padding:4px 10px;border-radius:999px;border:1px solid #e5e7eb}.nb-btnPrimary{border:1px solid #0f172a;background:#0f172a;color:#fff;border-radius:12px;padding:9px 12px;cursor:pointer;font-size:12px;font-weight:800}.nb-btnPrimary:hover{background:#111827}.nb-btnPrimary:disabled{opacity:.55;cursor:not-allowed}.nb-tabs{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid #f1f5f9}.nb-tab{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.nb-tab:hover{background:#f9fafb}.nb-tab.active{background:#0f172a;border-color:#0f172a;color:#fff}.nb-tabCount{background:#dc2626;color:#fff;font-weight:900;font-size:11px;padding:2px 8px;border-radius:999px}.nb-body{max-height:420px;overflow:auto;padding:14px}.nb-muted{font-size:12px;color:#64748b;padding:6px 2px}.nb-error{font-size:12px;color:#991b1b;padding:8px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px}.nb-empty{border:1px dashed #e5e7eb;border-radius:14px;padding:18px;text-align:center}.nb-emptyIcon{font-size:22px;margin-bottom:6px}.nb-emptyTitle{font-weight:900;color:#0f172a;margin-bottom:4px}.nb-list{display:flex;flex-direction:column;gap:10px}.nb-item{width:100%;text-align:left;display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;position:relative;transition:background .12s ease,border-color .12s ease}.nb-item:hover{background:#f9fafb}.nb-item.is-unread{background:#eff6ff;border-color:#bfdbfe}.nb-item.is-read{opacity:.92}.nb-itemMain{flex:1;min-width:0}.nb-itemTop{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.nb-itemTitle{font-weight:900;font-size:12px;color:#0f172a}.nb-time{font-size:11px;color:#64748b;white-space:nowrap}.nb-msg{font-size:12px;margin-top:6px;color:#0f172a;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.nb-dot{position:absolute;top:12px;right:12px;width:9px;height:9px;border-radius:999px;background:#2563eb;box-shadow:0 0 0 2px #fff}.nb-modalOverlay{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;z-index:2000;padding:18px}.nb-modal{width:min(640px,96vw);border-radius:16px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 24px 80px #0f172a40;overflow:hidden;animation:nbPop .15s ease-out}@keyframes nbPop{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.nb-modalHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f1f5f9}.nb-modalTitle{font-weight:950;color:#0f172a}.nb-x{border:1px solid #e5e7eb;background:#fff;border-radius:12px;width:36px;height:36px;cursor:pointer}.nb-x:hover{background:#f9fafb}.nb-modalBody{padding:16px}.nb-metaGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.nb-metaItem{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#f8fafc}.nb-metaKey{font-size:11px;color:#64748b;font-weight:800}.nb-metaVal{margin-top:4px;font-size:13px;font-weight:900;color:#0f172a}.nb-sectionTitle{font-size:14px;font-weight:950;color:#0f172a;margin-bottom:10px}.nb-namesGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding-left:0;list-style:none;margin:0}.nb-nameItem{border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px;background:#fff;font-size:13px;font-weight:800;color:#0f172a}.nb-modalFoot{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid #f1f5f9}.nb-closeBtn{border:1px solid #e5e7eb;background:#0f172a;color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:900;font-size:12px}.nb-closeBtn:hover{background:#111827}