@keyframes cv-vet-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cv-vet-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cv-vet__bell{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .12s ease}.cv-vet__bell:hover{background:var(--color-neutral-100);color:var(--color-text)}.cv-vet__bell svg{width:20px;height:20px}.cv-vet__bell-count{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-danger-500);color:var(--color-neutral-0);font-size:10px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;line-height:1}.cv-vet__notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:400px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;animation:cv-vet-scaleIn .15s ease;scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}.cv-vet__notif-dropdown::-webkit-scrollbar{width:6px}.cv-vet__notif-dropdown::-webkit-scrollbar-track{background:transparent}.cv-vet__notif-dropdown::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:3px}.cv-vet__notif-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.cv-vet__notif-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.cv-vet__notif-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.cv-vet__notif-item{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-neutral-100);cursor:default;transition:background-color .12s ease,box-shadow .12s ease}.cv-vet__notif-item:last-child{border-bottom:none}.cv-vet__notif-item:hover{background-color:var(--color-neutral-50)}.cv-vet__notif-item--unread{background-color:var(--color-brand-100);box-shadow:inset 3px 0 0 var(--color-brand-500)}.cv-vet__notif-item--unread:hover{background-color:var(--color-brand-200)}.cv-vet__notif-item--read{cursor:default;box-shadow:inset 3px 0 0 var(--color-neutral-200)}.cv-vet__notif-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.cv-vet__notif-message{font-size:var(--text-sm);color:var(--color-text);line-height:1.4}.cv-vet__notif-message--muted{color:var(--color-text-muted)}.cv-vet__notif-divider{padding:var(--space-2) var(--space-5);font-size:var(--text-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border)}.cv-vet__notif-unread-count{font-size:var(--text-xs);color:var(--color-text-muted)}.cv-vet__notif-time{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1;flex-shrink:0}.cv-vet__notif-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);text-align:center}.cv-vet__notif-empty-icon{width:40px;height:40px;color:var(--color-text-muted);opacity:.5;margin-bottom:var(--space-1)}.cv-vet__notif-empty-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.cv-vet__notif-empty-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.cv-vet__notif-skeleton{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-neutral-100)}.cv-vet__notif-skeleton:last-child{border-bottom:none}.cv-vet__notif-skeleton-line{height:10px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 40%,var(--color-neutral-100) 80%);background-size:200% 100%;animation:cv-vet-shimmer 1.6s ease-in-out infinite}.cv-vet__notif-skeleton-line--short{width:40%;margin-top:4px}[data-theme=dark] .cv-vet__bell:hover{background:#4fa96e1f;color:var(--color-brand-200)}[data-theme=dark] .cv-vet__notif-dropdown{box-shadow:0 1px #ffffff0a inset,0 16px 40px #0000008c;scrollbar-color:rgba(79,169,110,.3) transparent}[data-theme=dark] .cv-vet__notif-dropdown::-webkit-scrollbar-thumb{background:#4fa96e4d}[data-theme=dark] .cv-vet__notif-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-brand-400)}[data-theme=dark] .cv-vet__notif-item{border-bottom-color:var(--color-neutral-700)}[data-theme=dark] .cv-vet__notif-item:hover{background-color:#4fa96e12}[data-theme=dark] .cv-vet__notif-item--unread{background-color:#4fa96e1a;box-shadow:inset 3px 0 0 var(--color-brand-400)}[data-theme=dark] .cv-vet__notif-item--unread:hover{background-color:#4fa96e29}[data-theme=dark] .cv-vet__notif-message--muted{color:var(--color-neutral-500)}[data-theme=dark] .cv-vet__notif-divider{border-top-color:var(--color-neutral-700)}[data-theme=dark] .cv-vet__notif-item--read{box-shadow:inset 3px 0 0 var(--color-neutral-700)}[data-theme=dark] .cv-vet__notif-empty-icon{color:var(--color-brand-300)}[data-theme=dark] .cv-vet__notif-skeleton{border-bottom-color:var(--color-neutral-700)}[data-theme=dark] .cv-vet__notif-skeleton-line{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a 80%);background-size:200% 100%}