.bell-wrapper[data-v-61017a37]{position:relative}.bell-btn[data-v-61017a37]{position:relative;padding:0;width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;transition:background .2s}.bell-badge[data-v-61017a37],.bell-btn[data-v-61017a37]{display:flex;align-items:center;justify-content:center}.bell-badge[data-v-61017a37]{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:999px;min-width:18px;height:18px;padding:0 4px}.bell-btn[data-v-61017a37]:hover{background:#f3f4f6}.bell-icon[data-v-61017a37]{color:var(--secondary-text)}.dropdown[data-v-61017a37]{position:fixed;left:50%;transform:translate(-50%);top:64px;width:calc(100vw - 32px);max-width:320px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f;border:1px solid #f3f4f6;z-index:50;overflow:hidden}@media(min-width:640px){.dropdown[data-v-61017a37]{position:absolute;left:auto;right:0;top:calc(100% + 8px);transform:none;width:320px}}.dropdown-header[data-v-61017a37]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f3f4f6}.dropdown-title[data-v-61017a37]{font-size:.875rem;font-weight:600;color:#1f2937;margin:0}.mark-all-btn[data-v-61017a37]{font-size:.75rem;color:var(--huvi-teal);background:none;border:none;cursor:pointer;padding:0}.mark-all-btn[data-v-61017a37]:hover{text-decoration:underline}.dropdown-empty[data-v-61017a37]{padding:24px 16px;text-align:center;color:#9ca3af;font-size:.875rem}.notif-list[data-v-61017a37]{list-style:none;margin:0;padding:0;max-height:380px;overflow-y:auto}.notif-item[data-v-61017a37]{display:flex;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f9fafb}.notif-item[data-v-61017a37]:hover{background:#f9fafb}.notif-item--unread[data-v-61017a37]{background:#eefbf9}.notif-item--unread[data-v-61017a37]:hover{background:#d4f5f0}.notif-icon[data-v-61017a37]{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:#6b7280}.notif-content[data-v-61017a37]{flex:1;min-width:0}.notif-title[data-v-61017a37]{font-size:.875rem;font-weight:500;color:#1f2937;line-height:1.3;margin:0}.notif-message[data-v-61017a37]{font-size:.75rem;color:#6b7280;margin:2px 0 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-date[data-v-61017a37]{font-size:.7rem;color:#9ca3af;margin:4px 0 0}.notif-dot[data-v-61017a37]{width:8px;height:8px;background:var(--huvi-teal);border-radius:50%;flex-shrink:0;margin-top:6px}.dropdown-footer[data-v-61017a37]{padding:8px 16px;border-top:1px solid #f3f4f6;text-align:center}.see-all-btn[data-v-61017a37]{font-size:.75rem;color:var(--huvi-teal);text-decoration:none}.see-all-btn[data-v-61017a37]:hover{text-decoration:underline}.dropdown-enter-active[data-v-61017a37],.dropdown-leave-active[data-v-61017a37]{transition:opacity .15s ease,transform .15s ease}.dropdown-enter-from[data-v-61017a37],.dropdown-leave-to[data-v-61017a37]{opacity:0;transform:translate(-50%) translateY(4px)}.dropdown-enter-to[data-v-61017a37],.dropdown-leave-from[data-v-61017a37]{opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:640px){.dropdown-enter-from[data-v-61017a37],.dropdown-leave-to[data-v-61017a37]{transform:translateY(4px)}.dropdown-enter-to[data-v-61017a37],.dropdown-leave-from[data-v-61017a37]{transform:translateY(0)}}