.notification-preferences[data-v-77415f2a]{max-width:100%;width:100%}.notification-preferences .preferences-header[data-v-77415f2a]{margin-bottom:1.5rem}.notification-preferences .preferences-title[data-v-77415f2a]{color:#20a500;font-size:1.75rem;font-weight:700;margin:0 0 .75rem 0;line-height:1.3}.notification-preferences .preferences-description[data-v-77415f2a]{font-size:15px;color:#6b7280;margin:0;line-height:1.5}.notification-preferences .auto-save-indicator[data-v-77415f2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:8px 16px;background-color:#f0fdf4;border:1px solid #86efac;border-radius:6px;margin-bottom:16px;font-size:14px;color:#16a34a}.notification-preferences .auto-save-indicator .md-icon[data-v-77415f2a]{font-size:18px;color:#16a34a}.notification-preferences .notification-banner[data-v-77415f2a]{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #34d399;border-radius:8px;padding:16px;margin-bottom:24px}.notification-preferences .notification-banner .notification-banner-content[data-v-77415f2a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap}.notification-preferences .notification-banner .banner-icon[data-v-77415f2a]{font-size:32px;color:#059669}.notification-preferences .notification-banner .banner-text[data-v-77415f2a]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px}.notification-preferences .notification-banner .banner-text .banner-title[data-v-77415f2a]{display:block;font-weight:600;color:#047857;font-size:15px;margin-bottom:4px}.notification-preferences .notification-banner .banner-text .banner-desc[data-v-77415f2a]{display:block;font-size:13px;color:#059669}.notification-preferences .notification-banner .banner-btn[data-v-77415f2a]{white-space:nowrap}.notification-preferences .category-section[data-v-77415f2a]{margin-bottom:24px;background:#fff;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;width:100%}.notification-preferences .category-header[data-v-77415f2a]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:14px 20px;border-bottom:2px solid #e2e8f0}.notification-preferences .category-header .category-name[data-v-77415f2a]{font-weight:700;font-size:14px;color:#475569;text-transform:uppercase;letter-spacing:.5px}.notification-preferences .table-container[data-v-77415f2a]{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;position:relative;border-radius:0 0 8px 8px}.notification-preferences .table-container[data-v-77415f2a]::-webkit-scrollbar{height:8px}.notification-preferences .table-container[data-v-77415f2a]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.notification-preferences .table-container[data-v-77415f2a]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.notification-preferences .table-container[data-v-77415f2a]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notification-preferences .preferences-table[data-v-77415f2a]{width:100%;border-collapse:collapse;min-width:500px}.notification-preferences .preferences-table td[data-v-77415f2a],.notification-preferences .preferences-table th[data-v-77415f2a]{padding:16px 20px;text-align:left;vertical-align:middle}.notification-preferences .preferences-table thead[data-v-77415f2a]{position:sticky;top:0;z-index:20;background-color:#fff;border-bottom:2px solid #e5e7eb;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.notification-preferences .preferences-table thead th[data-v-77415f2a]{font-weight:600;font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.8px;vertical-align:middle;background-color:#fff;padding-top:18px;padding-bottom:18px}.notification-preferences .preferences-table tbody tr[data-v-77415f2a]{border-bottom:1px solid #f3f4f6}.notification-preferences .preferences-table tbody tr[data-v-77415f2a]:last-child{border-bottom:none}.notification-preferences .preferences-table tbody tr[data-v-77415f2a]:hover{background-color:#fafafa}.notification-preferences .preferences-table tbody tr td[data-v-77415f2a]{vertical-align:middle}.notification-preferences .preferences-table tbody .select-all-row[data-v-77415f2a]{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.notification-preferences .preferences-table tbody .select-all-row[data-v-77415f2a]:hover{background-color:#f3f4f6}.notification-preferences .preferences-table tbody .select-all-row .select-all-label[data-v-77415f2a]{vertical-align:middle}.notification-preferences .preferences-table tbody .select-all-row .select-all-label .select-all-text[data-v-77415f2a]{font-weight:700;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.notification-preferences .table-container.token-based-mode .preferences-table[data-v-77415f2a]{min-width:auto;width:100%}.notification-preferences .table-container.token-based-mode .event-column[data-v-77415f2a]{width:50%;padding-right:32px}.notification-preferences .table-container.token-based-mode .toggle-column[data-v-77415f2a]{width:50%;padding-left:32px}.notification-preferences .event-column[data-v-77415f2a]{width:45%;min-width:220px;position:sticky;left:0;background:#fafafa;z-index:10;vertical-align:middle;-webkit-box-shadow:2px 0 4px rgba(0,0,0,.05);box-shadow:2px 0 4px rgba(0,0,0,.05)}.notification-preferences thead .event-column[data-v-77415f2a]{background:#fff}.notification-preferences .event-cell[data-v-77415f2a]{position:sticky;left:0;background:#fff;z-index:10;vertical-align:middle}.notification-preferences .event-cell .event-title[data-v-77415f2a]{font-weight:600;font-size:14px;color:#1f2937;margin-bottom:4px;line-height:1.3}.notification-preferences .event-cell .event-description[data-v-77415f2a]{font-size:13px;color:#6b7280;line-height:1.4}.notification-preferences tbody tr:hover .event-cell[data-v-77415f2a]{background:#fafafa}.notification-preferences .select-all-row .event-cell[data-v-77415f2a]{background:#f9fafb}.notification-preferences .toggle-column .column-header[data-v-77415f2a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px}.notification-preferences .toggle-column .column-header .column-icon[data-v-77415f2a]{height:28px;width:28px;-o-object-fit:contain;object-fit:contain;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.notification-preferences .toggle-column .column-header span[data-v-77415f2a]{font-size:11px;font-weight:600}.notification-preferences .browser-column .column-header:hover .column-icon[data-v-77415f2a],.notification-preferences .email-column .column-header:hover .column-icon[data-v-77415f2a],.notification-preferences .system-column .column-header:hover .column-icon[data-v-77415f2a]{-webkit-transform:scale(1.1);transform:scale(1.1)}.notification-preferences .toggle-column[data-v-77415f2a]{width:18.3333333333%;min-width:100px;text-align:center;vertical-align:middle}.notification-preferences .toggle-cell[data-v-77415f2a]{text-align:center;vertical-align:middle}.notification-preferences .toggle-switch[data-v-77415f2a]{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;vertical-align:middle}.notification-preferences .toggle-switch input[data-v-77415f2a]{opacity:0;width:0;height:0}.notification-preferences .toggle-switch .toggle-slider[data-v-77415f2a]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;-webkit-transition:.3s;transition:.3s;border-radius:24px}.notification-preferences .toggle-switch .toggle-slider[data-v-77415f2a]:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;-webkit-transition:.3s;transition:.3s;border-radius:50%;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2)}.notification-preferences .toggle-switch input:checked+.toggle-slider[data-v-77415f2a]{background-color:#22c55e}.notification-preferences .toggle-switch input:checked+.toggle-slider[data-v-77415f2a]:before{-webkit-transform:translateX(20px);transform:translateX(20px)}.notification-preferences .toggle-switch input:disabled+.toggle-slider[data-v-77415f2a]{opacity:.5;cursor:not-allowed}.notification-preferences .na-badge[data-v-77415f2a]{display:inline-block;padding:4px 10px;background-color:#f3f4f6;color:#9ca3af;font-size:12px;font-weight:500;border-radius:12px;vertical-align:middle}.notification-preferences .update-button[data-v-77415f2a]{min-width:260px;height:48px;font-size:14.25px}.notification-preferences .update-button.updating[data-v-77415f2a]{background-color:#228b22!important}.notification-preferences .md-icon.spin[data-v-77415f2a]{-webkit-animation:spin-77415f2a 1s linear infinite;animation:spin-77415f2a 1s linear infinite}@-webkit-keyframes spin-77415f2a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-77415f2a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.notification-preferences .success-card[data-v-77415f2a]{background-color:#ecfdf5;border:1px solid #a7f3d0;max-width:600px;margin:0 auto}.notification-preferences .success-text[data-v-77415f2a]{color:#065f46;font-weight:500;margin:8px 0 0 0}@media(max-width:767px){.notification-preferences .preferences-header[data-v-77415f2a]{margin-bottom:1.25rem}.notification-preferences .preferences-title[data-v-77415f2a]{font-size:1.4rem;margin-bottom:.5rem}.notification-preferences .preferences-description[data-v-77415f2a]{font-size:14px;margin-top:.5rem}.notification-preferences .notification-banner .notification-banner-content[data-v-77415f2a]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.notification-preferences .notification-banner .banner-icon[data-v-77415f2a]{font-size:28px}.notification-preferences .notification-banner .banner-text[data-v-77415f2a]{min-width:100%}.notification-preferences .notification-banner .banner-btn[data-v-77415f2a]{width:100%}.notification-preferences .preferences-table[data-v-77415f2a]{min-width:450px}.notification-preferences .table-container.token-based-mode[data-v-77415f2a]{overflow-x:visible}.notification-preferences .table-container.token-based-mode .preferences-table[data-v-77415f2a]{min-width:auto;width:100%}.notification-preferences .table-container.token-based-mode .event-column[data-v-77415f2a]{min-width:auto;width:50%;padding-right:20px}.notification-preferences .table-container.token-based-mode .toggle-column[data-v-77415f2a]{min-width:auto;width:50%;padding-left:20px}.notification-preferences .event-column[data-v-77415f2a]{min-width:180px;width:40%}.notification-preferences .event-cell .event-title[data-v-77415f2a]{font-size:13px}.notification-preferences .event-cell .event-description[data-v-77415f2a]{font-size:12px}.notification-preferences .toggle-column[data-v-77415f2a]{min-width:85px;width:20%}.notification-preferences .toggle-column .column-header[data-v-77415f2a]{gap:4px}.notification-preferences .toggle-column .column-header .column-icon[data-v-77415f2a]{-o-object-fit:contain;object-fit:contain}.notification-preferences .toggle-column .column-header span[data-v-77415f2a]{font-size:10px}.notification-preferences .toggle-switch[data-v-77415f2a]{width:40px;height:22px}.notification-preferences .toggle-switch .toggle-slider[data-v-77415f2a]:before{width:18px;height:18px}.notification-preferences .toggle-switch input:checked+.toggle-slider[data-v-77415f2a]:before{-webkit-transform:translateX(18px);transform:translateX(18px)}.notification-preferences .update-button[data-v-77415f2a]{min-width:100%;font-size:14px;height:44px}.notification-preferences .success-text[data-v-77415f2a]{font-size:13px}.notification-preferences .success-card[data-v-77415f2a]{width:100%}}@media(max-width:480px){.notification-preferences .toggle-column[data-v-77415f2a]{min-width:70px}.notification-preferences .toggle-column .column-header span[data-v-77415f2a]{font-size:9px}}