@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-brand:#fabd14;--color-brand-hover:#e1a605;--color-brand-muted:#fef4cc;--color-brand-text:#1e2d3d;--color-navy:#2d3e50;--color-navy-deep:#1a2636;--surface-0:#fafaf8;--surface-1:#f2f1ed;--surface-2:#e8e7e3;--surface-3:#dddcd8;--surface-raised:#fff;--surface-input:#fff;--text-primary:#1a1a18;--text-secondary:#5f5e5a;--text-tertiary:#8a8983;--text-inverse:#fafaf8;--border-subtle:#00000014;--border-default:#00000024;--border-strong:#0000003d;--color-success:#1d9e75;--color-warning:#ef9f27;--color-danger:#e24b4a;--color-info:#378add;--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--page-padding:var(--space-xl);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001a}.dark-theme{--surface-0:#111110;--surface-1:#1c1c1a;--surface-2:#272725;--surface-3:#323230;--surface-raised:#1c1c1a;--surface-input:#111110;--text-primary:#ededeb;--text-secondary:#a3a29e;--text-tertiary:#6e6d6a;--text-inverse:#1a1a18;--border-subtle:#ffffff12;--border-default:#ffffff24;--border-strong:#ffffff42;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 2px 8px #00000073;--shadow-lg:0 4px 16px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface-0:#111110;--surface-1:#1a1a18;--surface-2:#242422;--surface-3:#2e2e2c;--surface-raised:#242422;--surface-input:#1a1a18;--text-primary:#ededeb;--text-secondary:#a3a29e;--text-tertiary:#6e6d6a;--text-inverse:#1a1a18;--border-subtle:#ffffff14;--border-default:#ffffff29;--border-strong:#ffffff47;--shadow-sm:0 1px 3px #0006;--shadow-md:0 2px 8px #00000080;--shadow-lg:0 4px 16px #0009}}html[data-theme=dark]{--surface-0:#111110;--surface-1:#1c1c1a;--surface-2:#272725;--surface-3:#323230;--surface-raised:#1c1c1a;--surface-input:#111110;--text-primary:#ededeb;--text-secondary:#a3a29e;--text-tertiary:#6e6d6a;--text-inverse:#1a1a18;--border-subtle:#ffffff12;--border-default:#ffffff24;--border-strong:#ffffff42;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 2px 8px #00000073;--shadow-lg:0 4px 16px #0000008c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-sans);background:var(--surface-0);color:var(--text-primary);line-height:1.5}.app-shell{flex-direction:column;min-height:100vh;display:flex}.btn--header{padding:var(--space-xs)var(--space-sm);color:#e8ecf0;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;align-items:center;font-family:inherit;font-size:12px;font-weight:500;transition:background .1s,border-color .1s;display:inline-flex}.btn--header:hover{background:#ffffff24;border-color:#ffffff40}.app-main{padding:var(--page-padding);background:var(--surface-0);flex:1}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:var(--space-sm)var(--space-md);border-bottom:2px solid var(--border-default);white-space:nowrap;font-size:11px;font-weight:500}.data-table td{padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.data-table tr:hover td{background:var(--surface-1)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge--live{color:#0f6e56;background:#e1f5ee}.badge--test{color:#854f0b;background:#faeeda}.badge--dryRun{color:#2d3e50;background:#e8eef4}.badge--fullSync{color:#0f6e56;background:#e1f5ee}.badge--cdc{color:#0c447c;background:#e6f1fb}.badge--disabled{background:var(--surface-2);color:var(--text-secondary)}.badge--healthy{color:#085041;background:#e1f5ee}.badge--degraded{color:#633806;background:#faeeda}.badge--error{color:#791f1f;background:#fcebeb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge--live{color:#5dcaa5;background:#04342c}:root:not([data-theme=light]) .badge--test{color:#fac775;background:#412402}:root:not([data-theme=light]) .badge--dryRun{color:#8fa3b8;background:#1a2636}:root:not([data-theme=light]) .badge--fullSync{color:#5dcaa5;background:#04342c}:root:not([data-theme=light]) .badge--cdc{color:#b5d4f4;background:#042c53}:root:not([data-theme=light]) .badge--disabled{background:var(--surface-3);color:var(--text-secondary)}:root:not([data-theme=light]) .badge--healthy{color:#9fe1cb;background:#085041}:root:not([data-theme=light]) .badge--degraded{color:#fac775;background:#412402}:root:not([data-theme=light]) .badge--error{color:#f7c1c1;background:#501313}}html[data-theme=dark] .badge--live{color:#5dcaa5;background:#04342c}html[data-theme=dark] .badge--test{color:#fac775;background:#412402}html[data-theme=dark] .badge--dryRun{color:#8fa3b8;background:#1a2636}html[data-theme=dark] .badge--fullSync{color:#5dcaa5;background:#04342c}html[data-theme=dark] .badge--cdc{color:#b5d4f4;background:#042c53}html[data-theme=dark] .badge--disabled{background:var(--surface-3);color:var(--text-secondary)}html[data-theme=dark] .badge--healthy{color:#9fe1cb;background:#085041}html[data-theme=dark] .badge--degraded{color:#fac775;background:#412402}html[data-theme=dark] .badge--error{color:#f7c1c1;background:#501313}.badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite spinner-rotate;display:inline-block}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);cursor:pointer;white-space:nowrap;font-family:inherit;font-size:13px;font-weight:500;transition:all .1s;display:inline-flex}.btn:hover{background:var(--surface-1);border-color:var(--border-strong)}.btn--primary{background:var(--color-brand);color:var(--color-brand-text);border-color:var(--color-brand);font-weight:600}.btn--primary:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn--danger{background:var(--surface-raised);color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover{border-color:var(--color-danger);background:#e24b4a14}.btn--sm{padding:var(--space-xs)var(--space-sm);font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__header{padding:var(--space-lg)var(--space-xl);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card__title{color:var(--text-primary);font-size:14px;font-weight:600}.card__body{padding:var(--space-xl)}.field{margin-bottom:var(--space-lg)}.field__label{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:12px;font-weight:500;display:block}.field__input{width:100%;padding:var(--space-sm)var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-input);color:var(--text-primary);font-family:inherit;font-size:13px;transition:border-color .1s,box-shadow .1s}.field__input:focus{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-muted);outline:none}@media (max-width:640px){:root{--page-padding:var(--space-md)}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.card{margin-left:calc(-1*var(--page-padding));margin-right:calc(-1*var(--page-padding));border-left:none;border-right:none;border-radius:0}.modal-overlay{align-items:flex-end!important}.modal-sheet{border-radius:var(--radius-lg)var(--radius-lg)0 0!important;width:100%!important;max-width:100%!important}.header-email,.header-title-long{display:none}.header-title-short{display:inline!important}}@media (min-width:641px){.header-title-short{display:none}}.flex{display:flex}.items-center{align-items:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.muted{color:var(--text-secondary)}.mono{font-family:var(--font-mono)}.text-sm{font-size:12px}.mt-sm{margin-top:var(--space-sm)}