.language-notifications[data-v-44c7af60]{z-index:1000;position:relative}.notification-button[data-v-44c7af60]{background:var(--color-surface);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.notification-button[data-v-44c7af60]:hover{background:var(--color-surface-hover);color:var(--color-text);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.notification-button.has-unread[data-v-44c7af60]{background:var(--color-primary);color:#fff}.notification-button.connected .connection-indicator[data-v-44c7af60]{background:var(--color-success)}.notification-button.disconnected .connection-indicator[data-v-44c7af60]{background:var(--color-error)}.notification-icon[data-v-44c7af60]{width:20px;height:20px;transition:transform .2s}.notification-icon.pulse[data-v-44c7af60]{animation:2s infinite pulse-44c7af60}@keyframes pulse-44c7af60{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-badge[data-v-44c7af60]{background:var(--color-error);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.connection-indicator[data-v-44c7af60]{border:2px solid #fff;border-radius:50%;width:8px;height:8px;transition:background-color .2s;position:absolute;bottom:2px;right:2px}.connection-indicator.reconnecting[data-v-44c7af60]{background:var(--color-warning);animation:1s infinite blink-44c7af60}@keyframes blink-44c7af60{0%,50%{opacity:1}51%,to{opacity:.3}}.notification-panel[data-v-44c7af60]{background:var(--color-surface);border:1px solid var(--color-border);z-index:1001;border-radius:12px;width:380px;max-height:600px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000026}@media (width<=480px){.notification-panel[data-v-44c7af60]{width:auto;max-height:calc(100vh - 80px);position:fixed;top:60px;left:16px;right:16px}}.panel-header[data-v-44c7af60]{border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.panel-title[data-v-44c7af60]{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.panel-actions[data-v-44c7af60]{gap:8px}.action-button[data-v-44c7af60],.connection-status[data-v-44c7af60],.empty-state[data-v-44c7af60],.loading-state[data-v-44c7af60],.panel-actions[data-v-44c7af60],.section-title[data-v-44c7af60]{align-items:center;display:flex}.action-button[data-v-44c7af60]{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;transition:all .2s}.action-button[data-v-44c7af60]:hover{background:var(--color-surface-hover);color:var(--color-text)}.close-button[data-v-44c7af60]:hover{background:var(--color-error-light);color:var(--color-error)}.connection-status[data-v-44c7af60]{background:var(--color-warning-light);border-bottom:1px solid var(--color-border);gap:12px;padding:12px 20px}.status-icon[data-v-44c7af60]{width:16px;height:16px;color:var(--color-warning)}.status-text[data-v-44c7af60]{color:var(--color-text);flex:1;font-size:14px}.reconnect-button[data-v-44c7af60]{border:1px solid var(--color-warning);color:var(--color-warning);cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px;font-size:12px;transition:all .2s}.reconnect-button[data-v-44c7af60]:hover{background:var(--color-warning);color:#fff}.notifications-list[data-v-44c7af60]{max-height:400px;overflow-y:auto}.critical-section[data-v-44c7af60],.normal-section[data-v-44c7af60]{border-bottom:1px solid var(--color-border)}.critical-section[data-v-44c7af60]:last-child,.normal-section[data-v-44c7af60]:last-child{border-bottom:none}.section-title[data-v-44c7af60]{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);gap:8px;margin:0;padding:12px 20px 8px;font-size:12px;font-weight:600}.section-title.critical[data-v-44c7af60]{color:var(--color-error)}.empty-state[data-v-44c7af60],.loading-state[data-v-44c7af60]{text-align:center;flex-direction:column;justify-content:center;padding:40px 20px}.empty-icon[data-v-44c7af60],.loading-icon[data-v-44c7af60]{width:48px;height:48px;color:var(--color-text-tertiary);margin-bottom:12px}.loading-icon.spin[data-v-44c7af60]{animation:1s linear infinite spin-44c7af60}@keyframes spin-44c7af60{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.empty-text[data-v-44c7af60],.loading-text[data-v-44c7af60]{color:var(--color-text-secondary);margin:0;font-size:14px}.debug-info[data-v-44c7af60]{border-top:1px solid var(--color-border);background:var(--color-surface-subtle)}.debug-details[data-v-44c7af60]{padding:16px 20px}.debug-summary[data-v-44c7af60]{color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600}.debug-content[data-v-44c7af60]{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.debug-item[data-v-44c7af60]{color:var(--color-text-tertiary);margin-bottom:4px;font-family:monospace;font-size:11px}.notification-overlay[data-v-44c7af60]{z-index:999;background:0 0;position:fixed;inset:0}.slide-down-enter-active[data-v-44c7af60],.slide-down-leave-active[data-v-44c7af60]{transition:all .3s}.slide-down-enter-from[data-v-44c7af60],.slide-down-leave-to[data-v-44c7af60]{opacity:0;transform:translateY(-10px)scale(.95)}.fade-enter-active[data-v-44c7af60],.fade-leave-active[data-v-44c7af60]{transition:all .2s}.fade-enter-from[data-v-44c7af60],.fade-leave-to[data-v-44c7af60]{opacity:0}@media (prefers-color-scheme:dark){.notification-panel[data-v-44c7af60]{box-shadow:0 8px 32px #0000004d}}@media (prefers-reduced-motion:reduce){.connection-indicator.reconnecting[data-v-44c7af60],.loading-icon.spin[data-v-44c7af60],.notification-icon.pulse[data-v-44c7af60]{animation:none}.notification-button[data-v-44c7af60]:hover{transform:none}}@media (width<=768px){.notification-panel[data-v-44c7af60]{width:320px}}@media (width<=360px){.panel-header[data-v-44c7af60]{padding:12px 16px}.notifications-list[data-v-44c7af60]{max-height:300px}}