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