.notification-settings[data-v-bfe7f850]{background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-lg);margin:0 auto;max-width:800px;padding:24px}.settings-header[data-v-bfe7f850]{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:24px;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.header-content[data-v-bfe7f850]{flex:1}.settings-title[data-v-bfe7f850]{align-items:center;color:var(--color-text);display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 8px}.title-icon[data-v-bfe7f850]{color:var(--color-primary);height:28px;width:28px}.settings-description[data-v-bfe7f850]{color:var(--color-text-secondary);font-size:16px;line-height:1.5;margin:0}.connection-status[data-v-bfe7f850]{align-items:center;background:var(--color-surface-elevated);border-radius:8px;display:flex;font-size:14px;gap:8px;padding:8px 12px}.status-indicator[data-v-bfe7f850]{background:var(--color-text-tertiary);border-radius:50%;height:8px;transition:background-color .2s ease;width:8px}.status-indicator.connected[data-v-bfe7f850]{background:var(--color-success)}.status-indicator.loading[data-v-bfe7f850]{animation:pulse-bfe7f850 1.5s ease-in-out infinite;background:var(--color-warning)}.status-indicator.error[data-v-bfe7f850]{background:var(--color-error)}@keyframes pulse-bfe7f850{0%,to{opacity:1}50%{opacity:.5}}.status-text[data-v-bfe7f850]{color:var(--color-text-secondary)}.settings-section[data-v-bfe7f850]{margin-bottom:32px}.section-title[data-v-bfe7f850]{align-items:center;color:var(--color-text);display:flex;font-size:18px;font-weight:600;gap:12px;margin:0 0 20px}.section-icon[data-v-bfe7f850]{color:var(--color-primary);height:20px;width:20px}.settings-grid[data-v-bfe7f850]{display:grid;gap:20px}.setting-item[data-v-bfe7f850]{align-items:flex-start;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:20px;justify-content:space-between;padding:16px}.setting-info[data-v-bfe7f850]{flex:1}.setting-label[data-v-bfe7f850]{color:var(--color-text);cursor:pointer;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.setting-description[data-v-bfe7f850]{color:var(--color-text-secondary);font-size:13px;line-height:1.4;margin:0}.setting-select[data-v-bfe7f850]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:14px;min-width:160px;padding:8px 12px}.setting-select[data-v-bfe7f850]:disabled{cursor:not-allowed;opacity:.6}.range-input[data-v-bfe7f850]{align-items:center;display:flex;gap:12px}.setting-range[data-v-bfe7f850]{flex:1;min-width:120px}.range-value[data-v-bfe7f850]{color:var(--color-text-secondary);font-size:13px;font-weight:500;min-width:60px;text-align:right}.types-grid[data-v-bfe7f850]{display:grid;gap:16px}.type-card[data-v-bfe7f850]{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.type-header[data-v-bfe7f850]{background:var(--color-surface-subtle);gap:16px;justify-content:space-between;padding:16px}.type-header[data-v-bfe7f850],.type-info[data-v-bfe7f850]{align-items:center;display:flex}.type-info[data-v-bfe7f850]{gap:12px}.type-icon[data-v-bfe7f850]{color:var(--color-primary);height:20px;width:20px}.type-name[data-v-bfe7f850]{color:var(--color-text);font-size:16px;font-weight:600;margin:0}.type-settings[data-v-bfe7f850]{border-top:1px solid var(--color-border);padding:16px}.type-setting[data-v-bfe7f850]{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.type-label[data-v-bfe7f850]{color:var(--color-text-secondary);font-size:13px;font-weight:500}.type-select[data-v-bfe7f850]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:13px;padding:6px 10px}.type-options[data-v-bfe7f850]{display:flex;flex-direction:column;gap:8px}.type-option[data-v-bfe7f850]{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px}.type-option input[type=checkbox][data-v-bfe7f850]{margin:0}.option-text[data-v-bfe7f850]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.advanced-section[data-v-bfe7f850],.privacy-section[data-v-bfe7f850]{border:1px solid var(--color-border);border-radius:8px;margin-bottom:24px;overflow:hidden}.advanced-toggle[data-v-bfe7f850],.privacy-toggle[data-v-bfe7f850]{align-items:center;background:var(--color-surface-subtle);color:var(--color-text);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;list-style:none;padding:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.advanced-toggle[data-v-bfe7f850]::-webkit-details-marker,.privacy-toggle[data-v-bfe7f850]::-webkit-details-marker{display:none}.toggle-icon[data-v-bfe7f850]{color:var(--color-primary);height:20px;width:20px}.chevron-icon[data-v-bfe7f850]{color:var(--color-text-tertiary);height:16px;margin-left:auto;transition:transform .2s ease;width:16px}.advanced-section[open] .chevron-icon[data-v-bfe7f850],.privacy-section[open] .chevron-icon[data-v-bfe7f850]{transform:rotate(180deg)}.advanced-content[data-v-bfe7f850],.privacy-content[data-v-bfe7f850]{background:var(--color-surface);padding:20px}.settings-actions[data-v-bfe7f850]{border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:24px}.action-group[data-v-bfe7f850]{display:flex;gap:12px}.action-button[data-v-bfe7f850]{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.action-button[data-v-bfe7f850]:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.action-button[data-v-bfe7f850]:disabled{cursor:not-allowed;opacity:.6}.test-button[data-v-bfe7f850]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.test-button[data-v-bfe7f850]:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.reset-button[data-v-bfe7f850]{background:var(--color-error-light);border-color:var(--color-error-border);color:var(--color-error)}.reset-button[data-v-bfe7f850]:hover:not(:disabled){background:var(--color-error);border-color:var(--color-error);color:#fff}.action-icon[data-v-bfe7f850]{height:16px;width:16px}.action-icon.spin[data-v-bfe7f850]{animation:spin-bfe7f850 1s linear infinite}@keyframes spin-bfe7f850{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.debug-info[data-v-bfe7f850]{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;margin-top:24px;padding:16px}.debug-title[data-v-bfe7f850]{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.debug-icon[data-v-bfe7f850]{height:16px;width:16px}.debug-content[data-v-bfe7f850]{max-height:300px;overflow:auto}.debug-data[data-v-bfe7f850]{background:var(--color-surface-subtle);border-radius:4px;color:var(--color-text-secondary);font-family:monospace;font-size:11px;margin:0;padding:12px;white-space:pre-wrap;word-break:break-word}.sync-errors[data-v-bfe7f850]{background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:8px;margin-top:24px;padding:16px}.errors-title[data-v-bfe7f850]{align-items:center;color:var(--color-error);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.errors-icon[data-v-bfe7f850]{height:16px;width:16px}.errors-list[data-v-bfe7f850]{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.error-item[data-v-bfe7f850]{align-items:center;background:var(--color-surface);border-radius:4px;display:flex;gap:8px;padding:8px}.error-icon[data-v-bfe7f850]{color:var(--color-error);flex-shrink:0;height:14px;width:14px}.error-text[data-v-bfe7f850]{color:var(--color-text-secondary);flex:1;font-size:13px}.error-dismiss[data-v-bfe7f850]{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.error-dismiss[data-v-bfe7f850]:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.dismiss-icon[data-v-bfe7f850]{height:12px;width:12px}.clear-errors-button[data-v-bfe7f850]{background:transparent;border:1px solid var(--color-error);border-radius:4px;color:var(--color-error);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.clear-errors-button[data-v-bfe7f850]:hover{background:var(--color-error);color:#fff}.type-settings-enter-active[data-v-bfe7f850],.type-settings-leave-active[data-v-bfe7f850]{overflow:hidden;transition:all .3s ease}.type-settings-enter-from[data-v-bfe7f850],.type-settings-leave-to[data-v-bfe7f850]{max-height:0;opacity:0;padding-bottom:0;padding-top:0}.type-settings-enter-to[data-v-bfe7f850],.type-settings-leave-from[data-v-bfe7f850]{max-height:200px;opacity:1}@media (max-width:768px){.notification-settings[data-v-bfe7f850]{padding:16px}.settings-header[data-v-bfe7f850]{gap:16px}.setting-item[data-v-bfe7f850],.settings-header[data-v-bfe7f850]{align-items:flex-start;flex-direction:column}.setting-item[data-v-bfe7f850]{gap:12px}.settings-actions[data-v-bfe7f850]{flex-direction:column}.action-group[data-v-bfe7f850]{flex-wrap:wrap}.action-button[data-v-bfe7f850]{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.action-icon.spin[data-v-bfe7f850],.status-indicator.loading[data-v-bfe7f850]{animation:none}.chevron-icon[data-v-bfe7f850]{transition:none}}@media (prefers-color-scheme:dark){.sync-errors[data-v-bfe7f850]{background:#ef44441a;border-color:#ef44444d}.debug-data[data-v-bfe7f850]{background:#0003}}