.app-theme-segmented-control{width:100%}.app-settings-layer{isolation:isolate}.app-topbar{width:100%}.page-app-layout{min-width:0}.component-modal-panel{isolation:isolate}.full-visibility-warning{display:flex;align-items:flex-start;gap:12px;color:var(--color-text-secondary);line-height:1.55}.full-visibility-warning svg{color:var(--color-danger);flex:0 0 auto;margin-top:3px}.teller-payee-form{display:grid;gap:14px;max-width:560px}.teller-payee-form label{display:grid;gap:6px;color:var(--color-text-muted);font-size:.92rem}.teller-payee-form input,.teller-payee-form select{width:100%}.teller-payee-form button{justify-self:start}.component-status-pill{display:inline-flex;align-items:center}.transaction-explorer{min-width:0}.transaction-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:center}.transaction-filter-grid select,.transaction-filter-grid input{min-height:42px;width:100%}.transaction-table{display:grid;gap:8px}.transaction-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.transaction-row.piggy-bank-row{border-color:#f5a3c7;background:#fff1f7}[data-theme=dark] .transaction-row.piggy-bank-row{border-color:#b84c7b;background:#3a1728}.transaction-row [role=cell]{min-width:0;display:flex;flex-direction:column;gap:4px}.transaction-row [role=cell]:last-child{align-items:flex-end}.transaction-row span{color:var(--color-text-secondary)}@media (max-width: 720px){.transaction-row{grid-template-columns:1fr}.transaction-row [role=cell]:last-child{align-items:flex-start}}.bank-transactions-panel{min-width:0}.auth-prompt{display:grid;justify-items:center;gap:18px}.loading-status{min-height:120px;display:grid;place-items:center}.component-notice{margin:0 0 18px}.component-section-heading>div:first-child{min-width:0}.component-section-heading-title-row{display:flex;max-width:100%;min-width:0;align-items:center;gap:10px}.component-section-heading-title-row h1{min-width:0}.component-stat-card{display:grid;gap:8px}.page-bank-account-detail{min-width:0}.component-list-item>div:first-child{min-width:0}.bank-accounts-panel{min-width:0}.bank-onboarding-choice{margin-top:12px}.bank-registration-modal{display:grid;gap:12px}.mock-teller-loader{min-width:0}.paper-bank-form,.plaid-connect-button{width:100%}.page-banks,.dashboard-balance-card{min-width:0}.dashboard-bank-overview-actions{margin-bottom:0}.dashboard-actions{min-height:42px}.dashboard-stats{margin-bottom:0}.dashboard-savings-event-row,.dashboard-recent-events-panel,.dashboard-tap-target-item,.dashboard-tap-targets-section,.dashboard,.page-dashboard{min-width:0}.home-actions{min-height:42px}.home-intro,.home-summary-panel,.page-home{min-width:0}.register-missing-accounts-panel{justify-items:start}.register-tap-target-form,.component-code-row span,.register-tap-target-result,.page-register-tap-target{min-width:0}.page-savings-event-detail{display:grid;gap:1rem}.event-detail-list{display:grid;gap:.75rem;margin:0}.event-detail-list div{display:grid;gap:.25rem}.event-detail-list dt{color:var(--muted);font-size:.85rem}.event-detail-list dd{margin:0;overflow-wrap:anywhere}.tap-error-state{display:grid;justify-items:center;gap:18px}.tap-result-panel,.page-tap-target-detail{min-width:0}.tap-target-name-editor{display:inline-flex;max-width:100%;min-width:0;align-items:center;gap:10px;vertical-align:top}.tap-target-name-edit-button{flex:0 0 auto;opacity:0;transition:opacity .16s ease}.component-section-heading-title-row:hover .tap-target-name-edit-button,.component-section-heading-title-row:focus-within .tap-target-name-edit-button{opacity:1}.tap-target-name-editor input{width:min(100%,560px);min-width:0;min-height:44px;border:1px solid var(--color-border);border-radius:8px;padding:0 12px;background:var(--color-surface);color:var(--color-text-primary);font:inherit;line-height:1}.tap-target-name-editor .icon-only{flex:0 0 auto}.tap-target-metadata dl{display:grid;gap:12px;margin:0}.tap-target-metadata div{display:grid;gap:4px}.tap-target-metadata dt{color:var(--color-text-secondary);font-weight:750}.tap-target-metadata dd{margin:0;overflow-wrap:anywhere}.component-app-layout{min-width:0}:root{color:var(--color-text-primary);background:var(--color-page-background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light;--color-text-primary: #17201b;--color-text-secondary: #66716a;--color-page-background: #f7f8f3;--color-surface: #ffffff;--color-surface-soft: #f9fbf7;--color-border: #dce4d8;--color-brand: #226f54;--color-brand-strong: #174f3c;--color-accent: #285f9f;--color-danger: #bb4964;--color-highlight: #d9a441;--color-on-brand: #ffffff;--color-topbar-background: rgba(255, 255, 255, .82);--color-modal-backdrop: rgba(23, 32, 27, .34);--color-success-surface: #edf5ef;--color-success-text: #174f3c;--color-warning-surface: #fff6d8;--color-warning-text: #765500;--color-danger-surface: #fff0f3;--color-danger-text: #8f263d;--color-danger-border: #f4c5d0;--shadow-panel: 0 18px 55px rgba(23, 32, 27, .07);--shadow-modal: 0 24px 70px rgba(23, 32, 27, .2)}:root[data-theme=dark]{color-scheme:dark;--color-text-primary: #edf3ee;--color-text-secondary: #a6b2aa;--color-page-background: #101611;--color-surface: #17201b;--color-surface-soft: #1d2821;--color-border: #314137;--color-brand: #68b892;--color-brand-strong: #98d3b4;--color-accent: #8ab4e6;--color-danger: #e18499;--color-highlight: #e5bd67;--color-on-brand: #07110c;--color-topbar-background: rgba(23, 32, 27, .82);--color-modal-backdrop: rgba(0, 0, 0, .46);--color-success-surface: #193126;--color-success-text: #98d3b4;--color-warning-surface: #3a2d10;--color-warning-text: #f0d483;--color-danger-surface: #3a1b24;--color-danger-text: #f0a1b1;--color-danger-border: #7b3a49;--shadow-panel: 0 18px 55px rgba(0, 0, 0, .28);--shadow-modal: 0 24px 70px rgba(0, 0, 0, .46)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-text-primary: #edf3ee;--color-text-secondary: #a6b2aa;--color-page-background: #101611;--color-surface: #17201b;--color-surface-soft: #1d2821;--color-border: #314137;--color-brand: #68b892;--color-brand-strong: #98d3b4;--color-accent: #8ab4e6;--color-danger: #e18499;--color-highlight: #e5bd67;--color-on-brand: #07110c;--color-topbar-background: rgba(23, 32, 27, .82);--color-modal-backdrop: rgba(0, 0, 0, .46);--color-success-surface: #193126;--color-success-text: #98d3b4;--color-warning-surface: #3a2d10;--color-warning-text: #f0d483;--color-danger-surface: #3a1b24;--color-danger-text: #f0a1b1;--color-danger-border: #7b3a49;--shadow-panel: 0 18px 55px rgba(0, 0, 0, .28);--shadow-modal: 0 24px 70px rgba(0, 0, 0, .46)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text-primary);background:var(--color-page-background)}button,input,select{font:inherit}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;vertical-align:middle;padding:0 28px;border-bottom:1px solid var(--color-border);background:var(--color-topbar-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:28px}.brand,.nav-links,.actions,.tool-row{display:flex;align-items:center;gap:12px}.brand{text-decoration:none;font-size:1.12rem;font-weight:800}.brand svg{color:var(--color-danger)}.menu-button{flex:0 0 auto}.nav-links a{text-decoration:none;color:var(--color-text-secondary);font-weight:650}.nav-links a.active{color:var(--color-brand-strong)}.main-content{width:min(1120px,100%);margin:0 auto;padding:42px 28px 72px;flex:1}.settings-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:var(--color-modal-backdrop);cursor:pointer}.settings-sidebar{position:absolute;inset:0 auto 0 0;width:min(360px,calc(100vw - 34px));padding:24px;display:flex;flex-direction:column;gap:24px;overflow:auto;color:var(--color-text-primary);background:var(--color-surface);border-right:1px solid var(--color-border);box-shadow:var(--shadow-modal)}.settings-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-sidebar h2{margin:0;font-size:1.25rem;line-height:1.2}.settings-section,.settings-fieldset{display:grid;gap:12px}.settings-fieldset{min-inline-size:0;margin:0;padding:0;border:0}.settings-fieldset legend{padding:0;color:var(--color-text-secondary);font-weight:800}.theme-segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:8px}.theme-option{position:relative;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-weight:750;white-space:nowrap}.theme-option input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.theme-option svg,.theme-option span{position:relative;pointer-events:none}.theme-option.selected{color:var(--color-success-text);background:var(--color-success-surface);box-shadow:inset 0 0 0 1px var(--color-brand)}.theme-option:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.home-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:34px;align-items:center;min-height:calc(100vh - 190px)}.intro h1,.section-heading h1,.narrow h1,.empty-state h1,.success-panel h1{margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:1.02;letter-spacing:0}.section-heading h1,.narrow h1,.empty-state h1,.success-panel h1{font-size:clamp(2rem,4vw,3.2rem)}.eyebrow{margin:0 0 12px;color:var(--color-brand);font-weight:800;text-transform:uppercase;font-size:.78rem}.lede{color:var(--color-text-secondary);max-width:620px;font-size:1.1rem;line-height:1.65}.primary-button,.secondary-button,.primary-link,.secondary-link,.icon-button,.icon-only{min-height:42px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;cursor:pointer;text-decoration:none;font-weight:750;transition:transform .15s ease,background .15s ease}.primary-button,.primary-link{color:var(--color-on-brand);background:var(--color-brand)}.primary-button:hover,.primary-link:hover,.secondary-button:hover,.secondary-link:hover,.icon-button:hover,.icon-only:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.icon-only:disabled{opacity:.55;cursor:not-allowed}.secondary-button,.secondary-link,.icon-button,.icon-only{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.icon-only{width:42px;padding:0}.summary-panel,.panel,.form-panel,.result-panel,.success-panel,.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-panel)}.summary-panel{display:grid;gap:1px;overflow:hidden}.summary-panel>div{padding:28px;display:flex;align-items:baseline;justify-content:space-between;gap:20px;background:linear-gradient(90deg,var(--color-surface),var(--color-surface-soft))}.metric{display:block;font-size:2.1rem;font-weight:850}.label,.muted{color:var(--color-text-secondary)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.stats-grid,.content-grid,.balance-grid,.mini-stats-grid,.tap-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.balance-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr)}.mini-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:24px}.stat-card svg{color:var(--color-accent)}.balance-card,.tap-target-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-panel);margin-bottom:18px}.balance-card{min-height:210px;padding:30px;display:grid;align-content:space-between;gap:18px}.balance-card svg{color:var(--color-danger)}.balance-copy{display:block;max-width:680px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.03;font-weight:900}.tap-target-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tap-target-card{min-height:210px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.tap-target-card strong,.tap-target-card span{display:block;overflow-wrap:anywhere}.tap-target-card strong{margin-bottom:8px;font-size:clamp(1rem,4vw,2.5rem);line-height:1;font-weight:900}.tool-row{margin:22px 0;flex-wrap:wrap}.tool-row.centered{justify-content:center}.panel{padding:24px}.panel h2,.result-panel h2{margin:0 0 18px}.list{display:grid;gap:12px}.list-item,.code-row{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--color-border);border-radius:8px}.list-item strong,.list-item span,.code-row span{display:block;overflow-wrap:anywhere}.pill{align-self:center;padding:5px 9px;border-radius:999px;background:var(--color-success-surface);color:var(--color-brand-strong);font-size:.82rem;font-weight:800;white-space:nowrap}.status-pending{background:var(--color-warning-surface);color:var(--color-warning-text)}.status-cancelled,.status-failed{background:var(--color-danger-surface);color:var(--color-danger-text)}.status-applied,.status-succeeded{background:var(--color-success-surface);color:var(--color-brand-strong)}.event-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.icon-only.danger{color:var(--color-danger)}.icon-only.success{color:var(--color-brand)}.narrow{max-width:720px}.form-panel,.result-panel,.success-panel,.empty-state{padding:26px;margin-top:24px}.form-panel{display:grid;gap:12px}.form-panel label{font-weight:800}.form-panel input{min-height:44px;border:1px solid var(--color-border);border-radius:8px;padding:0 12px}.form-panel select,.filter-row select{min-height:44px;border:1px solid var(--color-border);border-radius:8px;padding:0 12px;background:var(--color-surface);color:var(--color-text-primary)}.compact-form{margin-top:0;padding:0;border:0;box-shadow:none}.compact-form label{display:block;margin-bottom:7px}.section-block{margin-top:18px}.panel-heading,.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.filter-row{justify-content:flex-start;flex-wrap:wrap}.flush-row{margin:0}.choice-grid,.split-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.choice-button{min-height:132px;border:1px solid var(--color-border);border-radius:8px;display:grid;justify-items:start;align-content:start;gap:9px;padding:18px;background:var(--color-surface);color:var(--color-text-primary);text-align:left;cursor:pointer}.choice-button svg{color:var(--color-accent)}.choice-button span{color:var(--color-text-secondary)}.choice-button.selected{border-color:var(--color-brand);box-shadow:inset 0 0 0 1px var(--color-brand)}.loader-row{min-height:170px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--color-text-secondary);font-weight:750}.loader-row svg{animation:spin .9s linear infinite}.mini-list{display:grid;gap:8px;color:var(--color-text-secondary);font-size:.92rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:var(--color-modal-backdrop)}.modal-panel{width:min(620px,100%);max-height:min(720px,calc(100vh - 36px));overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:24px;box-shadow:var(--shadow-modal)}@keyframes spin{to{transform:rotate(360deg)}}.result-panel{display:grid;gap:12px}.notice{color:var(--color-danger-text);background:var(--color-danger-surface);border:1px solid var(--color-danger-border);border-radius:8px;padding:12px 14px}.status,.empty-state,.success-panel{text-align:center}.success-panel{max-width:520px;margin:50px auto 0}.success-panel svg{color:var(--color-brand)}@media (max-width: 760px){.topbar{height:auto;min-height:64px;padding:14px 18px;align-items:flex-start}.brand span{display:none}.topbar-left{min-height:42px;gap:12px}.nav-links{flex-wrap:wrap;justify-content:flex-end;vertical-align:middle;height:100%}.main-content{padding:28px 18px 52px}.settings-sidebar{width:min(330px,calc(100vw - 28px));padding:20px}.home-grid,.stats-grid,.content-grid,.balance-grid,.mini-stats-grid,.tap-target-grid,.choice-grid,.split-row{grid-template-columns:1fr}.actions,.tool-row,.event-actions,.list-item,.code-row{align-items:stretch;flex-direction:column}}
