.notification-bell[data-v-bbe6c1aa]{display:inline-block;position:relative}.notif-badge[data-v-bbe6c1aa]{align-items:center;background:#ef4444;border-radius:999px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;pointer-events:none;position:absolute;right:-4px;top:-4px;z-index:10}.notif-panel[data-v-bbe6c1aa]{width:320px}.notif-header[data-v-bbe6c1aa]{align-items:center;border-bottom:1px solid var(--surface-border);display:flex;font-weight:500;justify-content:space-between;padding:.5rem .75rem}.mark-all[data-v-bbe6c1aa]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:12px}.notif-empty[data-v-bbe6c1aa]{color:var(--text-color-secondary);font-size:14px;padding:1rem;text-align:center}.notif-list[data-v-bbe6c1aa]{list-style:none;margin:0;max-height:320px;overflow-y:auto;padding:0}.notif-icon[data-v-bbe6c1aa]{align-items:center;background:currentColor;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;position:relative;width:28px}.notif-icon i[data-v-bbe6c1aa]{color:#fff;font-size:13px}.notif-icon[data-v-bbe6c1aa]:before{background:currentColor;border-radius:50%;content:"";top:0;right:0;bottom:0;left:0;opacity:.15;position:absolute}.notif-item.unread[data-v-bbe6c1aa]{background:var(--highlight-bg,rgba(59,130,246,.06))}.notif-title[data-v-bbe6c1aa]{font-weight:600}.notif-loading[data-v-bbe6c1aa]{color:var(--text-color-secondary);font-size:12px;padding:.5rem;text-align:center}.notif-item[data-v-bbe6c1aa]{align-items:flex-start;border-bottom:1px solid var(--surface-border);border-left:3px solid transparent;cursor:pointer;display:flex;gap:10px;padding:.6rem .75rem;transition:background-color .15s ease,border-left-color .15s ease}.notif-item[data-v-bbe6c1aa]:hover{background:var(--surface-hover)}.notif-item.unread[data-v-bbe6c1aa]{background:var(--highlight-bg,rgba(59,130,246,.12));border-left-color:var(--primary-color,#3b82f6)}.notif-item.unread .notif-title[data-v-bbe6c1aa]{color:var(--text-color,#111827);font-weight:700}.notif-item.unread .notif-message[data-v-bbe6c1aa]{color:var(--text-color,#1f2937)}.notif-item[data-v-bbe6c1aa]:not(.unread){opacity:.65}.notif-item[data-v-bbe6c1aa]:not(.unread):hover{opacity:1}.notif-item:not(.unread) .notif-title[data-v-bbe6c1aa]{font-weight:500}.notif-content[data-v-bbe6c1aa]{flex:1;min-width:0}.notif-title[data-v-bbe6c1aa]{align-items:center;display:flex;font-size:13px;gap:6px;margin:0}.notif-message[data-v-bbe6c1aa]{font-size:13px;margin:0}.notif-date[data-v-bbe6c1aa],.notif-message[data-v-bbe6c1aa]{color:var(--text-color-secondary)}.notif-date[data-v-bbe6c1aa]{font-size:11px}.unread-dot[data-v-bbe6c1aa]{background:#ef4444;border-radius:999px;display:inline-block;flex-shrink:0;height:7px;width:7px}.connection-badge[data-v-0b721783]{align-items:center;border-radius:999px;display:flex;font-size:12px;gap:6px;padding:4px 10px}.connection-badge.connecting[data-v-0b721783]{background:#eab30826;color:#ca8a04}.connection-badge.disconnected[data-v-0b721783],.connection-badge.unavailable[data-v-0b721783]{background:#ef444426;color:#dc2626}.topbar[data-v-a7577d7b]{position:relative}.profile-menu[data-v-a7577d7b]{background:var(--primary-color);border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;color:#fff;position:absolute;right:0;top:100%}.profile-menu ul[data-v-a7577d7b]{list-style:none;margin:0;padding:0}.profile-menu li[data-v-a7577d7b]{cursor:pointer;padding:10px}.profile-menu li[data-v-a7577d7b]:hover{background:#fff;color:var(--primary-color)}.layout-topbar-logo-container[data-v-a7577d7b]{align-items:center;display:flex;height:100%}