.CV-NotificationBox-Wrapper{--cv-nb-bg: #f7f7f8;--cv-nb-bg-elevated: #ffffff;--cv-nb-skeleton-accent: rgba(0, 0, 0, .1);--cv-nb-border: #e6e7eb;--cv-nb-text: #0f172a;--cv-nb-muted: #6b7280;--cv-nb-accent: #3b82f6;--cv-nb-badge-bg: #eef2ff;--cv-nb-badge-text: #3730a3;--cv-nb-shadow: 0 10px 30px rgba(15, 23, 42, .08);--cv-glow-color: rgba(59, 130, 246, .5)}@media(prefers-color-scheme:dark){.CV-NotificationBox-Wrapper{--cv-nb-bg: #0b0f14;--cv-nb-bg-elevated: #121821;--cv-nb-skeleton-accent: rgba(50, 50, 50, .1);--cv-nb-border: #1f2937;--cv-nb-text: #e5e7eb;--cv-nb-muted: #94a3b8;--cv-nb-accent: #60a5fa;--cv-nb-badge-bg: #1e293b;--cv-nb-badge-text: #c7d2fe;--cv-nb-shadow: 0 16px 40px rgba(0, 0, 0, .35);--cv-glow-color: rgba(96, 165, 250, .5)}}[data-theme=light] .CV-NotificationBox-Wrapper{--cv-nb-bg: #f7f7f8;--cv-nb-bg-elevated: #ffffff;--cv-nb-skeleton-accent: rgba(0, 0, 0, .1);--cv-nb-border: #e6e7eb;--cv-nb-text: #0f172a;--cv-nb-muted: #6b7280;--cv-nb-accent: #3b82f6;--cv-nb-badge-bg: #eef2ff;--cv-nb-badge-text: #3730a3;--cv-nb-shadow: 0 10px 30px rgba(15, 23, 42, .08);--cv-glow-color: rgba(59, 130, 246, .5)}[data-theme=dark] .CV-NotificationBox-Wrapper{--cv-nb-bg: #0b0f14;--cv-nb-bg-elevated: #121821;--cv-nb-skeleton-accent: rgba(50, 50, 50, .1);--cv-nb-border: #1f2937;--cv-nb-text: #e5e7eb;--cv-nb-muted: #94a3b8;--cv-nb-accent: #60a5fa;--cv-nb-badge-bg: #1e293b;--cv-nb-badge-text: #c7d2fe;--cv-nb-shadow: 0 16px 40px rgba(0, 0, 0, .35);--cv-glow-color: rgba(96, 165, 250, .5)}@keyframes cv-skeleton-loading{0%{opacity:0}to{opacity:100%}}.CV-NotificationBox-Wrapper--skeleton{animation:cv-skeleton-loading .5s ease-in-out infinite alternate}@keyframes cv-glow-inset{0%{border:1px solid var(--cv-glow-color);box-shadow:inset 0 0 40px var(--cv-glow-color),0 0 0 transparent}to{border:1px solid var(--cv-nb-border);box-shadow:inset 0 0 0 var(--cv-glow-color),var(--cv-nb-shadow)}}.CV-NotificationBox-Wrapper{background:var(--cv-nb-bg-elevated);border:1px solid var(--cv-nb-border);border-radius:14px;padding:16px 18px;color:var(--cv-nb-text);box-shadow:var(--cv-nb-shadow);display:flex;flex-direction:column;gap:12px;min-width:260px;cursor:pointer}.CV-NotificationBox-Wrapper:hover{opacity:.95}.CV-NotificationBox-Wrapper--animate{animation:cv-glow-inset 2s ease-out 1 forwards}.CV-NotificationBox-Header{display:flex;align-items:center;justify-content:space-between;gap:12px}.CV-NotificationBox-TitleGroup{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.CV-NotificationBox-Title{font-size:15px;font-weight:600;letter-spacing:.01em}.CV-NotificationBox-Badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:999px;background:var(--cv-nb-badge-bg);color:var(--cv-nb-badge-text);text-transform:uppercase;letter-spacing:.08em}.CV-NotificationBox-Timestamp{font-size:12px;color:var(--cv-nb-muted);white-space:nowrap}.CV-NotificationBox-Message{font-size:14px;line-height:1.5;color:var(--cv-nb-text)}.CV-NotificationBox-MetaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 16px;padding-top:8px;border-top:1px solid var(--cv-nb-border)}.CV-NotificationBox-MetaItem{display:flex;flex-direction:column;gap:4px}.CV-NotificationBox-MetaLabel{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cv-nb-muted)}.CV-NotificationBox-MetaValue{font-size:13px;font-weight:600}.CV-NotificationBox-MetaMono{font-size:12px;font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--cv-nb-text)}.CV-NotificationBox-Loading{filter:blur(5px)}