:root{font-family:Segoe UI,system-ui,sans-serif;color:#172b3a;background:#f3f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light;--surface: #fff;--muted: #526574;--border: #dbe2e8;--accent: #245c79;--radius: 8px;--space: 16px}*{box-sizing:border-box}body{margin:0;font-size:.875rem;line-height:1.45}#root{min-width:0;min-height:100dvh}button,input,textarea,select{font:inherit}button,summary{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button,input,select,textarea{min-width:0}:focus-visible{outline:2px solid #2478ad;outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1{font-size:1.4rem;line-height:1.3}h2{font-size:1.125rem;line-height:1.35}h3{font-size:1rem}h4{font-size:.875rem}[hidden]{display:none!important}.inline-note,.lead,.empty-state,.muted-cell,.sidebar-copy{color:var(--muted)}.inline-note,.field small{font-size:.8125rem}.empty-state{padding:20px 0}.eyebrow,.session-label,.section-kicker,.stat-label{font-size:.75rem;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.divider{height:1px;background:var(--border)}a{color:var(--accent)}.desktop-sidebar{display:flex;min-height:0}.desktop-sidebar>.sidebar{flex:1}.sync-tab-content,.reconciliation-tab-content,.job-results{display:flex;flex-direction:column;gap:12px;min-width:0}.table-page .sync-tab-content,.table-page .reconciliation-tab-content,.table-page .job-results{flex:1;min-height:0}.table-page .sync-tab-content>.subpanel{flex:1;min-height:0}.app-shell{height:100dvh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;min-height:0;min-width:0;padding:16px 12px;gap:16px;background:#fff;border-right:1px solid var(--border)}.sidebar-brand{padding:4px 8px;font-weight:700}.sidebar-brand .eyebrow{color:#172b3a;font-size:.875rem}.sidebar-nav{display:flex;flex-direction:column;gap:16px;overflow:auto;min-height:0;flex:1}.nav-section,.nav-list{display:flex;flex-direction:column;gap:4px}.nav-section-toggle{display:flex;justify-content:space-between;align-items:center;border:0;background:none;padding:4px 8px;color:var(--muted);font-size:.75rem;font-weight:600}.nav-item{border:0;border-radius:6px;padding:8px 10px;text-align:left;color:#304858;background:transparent;min-height:34px}.nav-item:hover{background:#f0f4f7}.nav-item.active{background:#e5eff6;color:#164f70;font-weight:600}.nav-item small{display:block}.sidebar-session{border-top:1px solid var(--border);padding:12px 8px 0;display:grid;gap:8px;overflow-wrap:anywhere}.sidebar-session h3{font-size:.8125rem}.content-shell{min-width:0;min-height:0;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.content-shell>*{flex:0 0 auto}.content-shell>.table-page{flex:1 1 0;min-height:0}.panel{display:flex;flex-direction:column;min-width:0;gap:16px}.subpanel{display:flex;flex-direction:column;min-width:0;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.table-page>.subpanel{flex:1 1 0;min-height:0}.table-page>.transactions-search-panel{flex:0 0 auto}.table-page .table-region,.table-page .table-shell{flex:1 1 0;min-height:0}.table-page .bank-sync-history-embedded{display:flex;flex-direction:column;flex:1;min-height:0}.table-page .bank-sync-history-embedded>.subpanel{flex:1;min-height:0}.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex:0 0 auto}.section-heading>div{min-width:0}.section-heading .inline-note{margin-top:4px;max-width:75ch}.mobile-bar{display:none}.navigation-dialog{padding:0!important;margin:0!important;height:100dvh;max-height:100dvh;width:min(300px,90vw)!important}.navigation-dialog .sidebar{height:100%}.auth-shell{width:min(100% - 32px,440px);margin:0 auto;padding:48px 0 24px}.auth-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.session-page{max-width:1040px}@media(max-width:1099px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.desktop-sidebar{display:none}.mobile-bar{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);background:#fff}.content-shell{padding:16px}}@media(max-width:700px),(max-height:550px){.content-shell>.table-page{flex:0 0 auto}.table-page .sync-tab-content,.table-page .reconciliation-tab-content,.table-page .job-results{flex:0 0 auto}.table-page>.subpanel,.table-page .table-region,.table-page .table-shell{flex:0 0 auto}.table-page .table-shell{max-height:none}.content-shell,.subpanel{padding:12px}.page-heading,.section-heading{align-items:flex-start}.auth-shell{padding-top:24px}}.form,.field{display:flex;flex-direction:column;gap:6px;min-width:0}.form{gap:14px}.form-grid,.info-grid{display:grid;gap:12px}.form-grid.two-columns,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.field label,.field legend{font-size:.8125rem;font-weight:600;color:#334d5e}.field input:not([type=checkbox]),.field textarea,.field select,.readonly-field,.textarea-field{width:100%;padding:7px 10px;min-height:36px;border:1px solid #bdcbd5;border-radius:6px;background:#fff;color:#172b3a}.field input:disabled,.field select:disabled,.readonly-field{background:#f3f5f7;color:#526574}.field textarea,.textarea-field{resize:vertical}.field small{color:var(--muted);font-weight:400}fieldset.field{margin:0;padding:12px;border:1px solid var(--border);border-radius:6px}fieldset.field legend{padding:0 4px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex:0 0 auto}.primary-button,.secondary-button,.mode-button{border:1px solid transparent;border-radius:6px;padding:7px 12px;min-height:34px;font-weight:500}.primary-button{background:#245c79;color:#fff}.primary-button:hover:not(:disabled){background:#18445d}.secondary-button{color:#28495d;background:#edf2f6;border-color:#dbe4eb}.secondary-button:hover:not(:disabled){background:#dee9f1}.compact-button{padding:5px 10px;min-height:30px;font-size:.8125rem}.icon-button{width:32px;min-width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.button-row,.transactions-search-buttons,.bank-account-actions,.transaction-details-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bank-account-actions{flex-wrap:nowrap}.bank-account-actions>button{flex:0 0 auto}.password-input-row,.repeatable-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.pagination-row{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:0 0 auto;padding-top:8px}.message{border-radius:6px;padding:10px 12px;overflow-wrap:anywhere}.message.info{color:#20573d;background:#eaf5ee}.message.error{color:#902d2d;background:#fceeee}.status-pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:5px;min-height:24px;white-space:nowrap;font-size:.75rem;font-weight:600;background:#edf1f4;color:#405766}.status-pill.active,.status-pill.sync-success{background:#e6f3eb;color:#215c3c}.status-pill.inactive{background:#edf1f4;color:#4c606f}.status-pill.sync-failed{background:#fce9e9;color:#922d2d}.status-pill.sync-running{background:#fff1cf;color:#78520d}.table-region{display:flex;flex-direction:column;gap:6px;min-width:0}.table-shell{width:100%;overflow:auto;border:1px solid var(--border);border-radius:6px;background:#fff;scrollbar-gutter:stable}.merchant-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}.merchant-table th,.merchant-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #e7ecf0;font-size:.875rem;vertical-align:middle}.merchant-table th{position:sticky;top:0;z-index:1;color:#445f70;background:#f3f6f8;white-space:nowrap;font-weight:600;font-size:.75rem}.merchant-table td{max-width:320px;overflow-wrap:anywhere;min-width:60px;padding:5px 10px;height:40px}.merchant-table tbody tr:last-child td{border-bottom:0}.merchant-table tbody tr:hover td{background:#f5f9fc}.merchant-table tbody tr.active-row td,.merchant-table tr.is-selected td{background:#eaf3f9}.table-sort-button{display:inline-flex;gap:5px;align-items:center;border:0;padding:0;background:transparent;color:inherit;font:inherit}.sort-indicator{color:#667e8e}.sort-indicator.active{color:#18567b}.actions-column{width:1%;white-space:nowrap}.comment-cell{overflow-wrap:anywhere}.numeric-cell{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.transaction-cell-nowrap{white-space:nowrap}.transaction-cell-actions{position:sticky;left:0;background:#fff;z-index:1}.column-picker{align-self:flex-end;max-width:100%}.column-picker summary{padding:3px 8px;border-radius:4px;font-size:.75rem;color:#3d5b6f}.column-options{display:flex;gap:8px 16px;flex-wrap:wrap;padding:10px;border:1px solid var(--border);background:#f8fafb;border-radius:6px}.column-options label{display:inline-flex;gap:6px;align-items:center}.filter-dropdown-trigger{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:36px;padding:7px 10px;border:1px solid #bdcbd5;background:#fff;border-radius:6px;text-align:left;color:inherit;width:100%}.filter-dropdown-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.selection-list{display:flex;flex-direction:column;gap:4px}.filter-option{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:5px;background:#f4f7fa;overflow-wrap:anywhere}.filter-option input{margin-top:3px}.modal-backdrop{border:0;background:transparent;color:inherit;margin:auto;padding:20px;width:100%;max-width:none;height:100dvh;max-height:none;overflow:hidden}.modal-backdrop[open]{display:grid;place-items:center}.modal-backdrop::backdrop{background:#0f1e2d73}.modal-card{display:flex;flex-direction:column;gap:16px;width:min(640px,100%);max-height:100%;min-height:0;overflow:auto;padding:20px;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 12px 40px #10203033}.modal-card>.section-heading{position:sticky;top:-20px;background:#fff;z-index:2;padding:8px 0}.modal-card>.form>.button-row:last-child{position:sticky;bottom:-20px;background:#fff;padding:12px 0;z-index:1}.drawer-overlay[open]{justify-items:end;padding:0}.drawer-card{width:min(680px,100%);height:100%;border-radius:0}.error-modal-card{width:min(800px,100%)}.error-message-content,.transaction-raw-block pre{white-space:pre-wrap;overflow-wrap:anywhere;font:.8125rem/1.5 Consolas,monospace;margin:0;padding:12px;background:#f3f6f8;color:#273e4e;border:1px solid var(--border);border-radius:6px}.error-message-shell{min-width:0}.toast-stack{position:fixed;z-index:100;top:12px;right:12px;width:min(400px,calc(100% - 24px))}.error-toast{display:flex;gap:12px;justify-content:space-between;padding:12px;border:1px solid #e6bcbc;background:#fff0f0;color:#852d2d;border-radius:8px;box-shadow:0 4px 16px #172b3a22;overflow-wrap:anywhere}.toast-close-button{border:0;background:transparent;color:inherit;font-size:1.25rem}.manual-sync-tabs,.segmented-control{display:flex;flex-wrap:wrap;gap:4px;flex:0 0 auto}.mode-button,.segmented-control button{color:#3a596c;background:#e9eef2}.mode-button.active,.segmented-control button.active{background:#245c79;color:#fff}.segmented-control button{padding:7px 12px;border:0;border-radius:6px}@media(max-width:700px){.form-grid.two-columns,.form-grid.three-columns,.info-grid{grid-template-columns:minmax(0,1fr)}.modal-backdrop{padding:8px}.modal-card{padding:16px}.modal-card>.section-heading{top:-16px}.modal-card>.form>.button-row:last-child{bottom:-16px}.merchant-table th,.merchant-table td{padding:7px 8px}.pagination-row{justify-content:flex-start}}@media(pointer:coarse){button,.filter-dropdown-trigger{min-height:44px}.icon-button{width:44px;min-width:44px;height:44px}}.transactions-search-grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.transactions-search-grid>.field{flex:1 1 145px}.transactions-search-grid>.field:has(.filter-dropdown-trigger){flex:2 1 240px}.transactions-search-grid>.transactions-search-field{flex:2 1 240px}.transactions-search-grid>.transactions-search-actions{flex:0 1 auto}.transactions-search-form{gap:10px}.transactions-results-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.transactions-results-count{font-size:.8125rem}.export-page{max-width:1120px}.transaction-results-table td{min-width:85px}.transaction-results-table td:nth-child(3){min-width:130px}.transaction-results-table td:nth-child(10){min-width:140px}.transaction-details-panel{border:0}.transaction-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.transaction-detail-row{min-width:0}.transaction-detail-row dt{color:#526574;font-size:.75rem}.transaction-detail-row dd{margin:3px 0 0;overflow-wrap:anywhere;color:#172b3a}.transaction-comment-panel,.transaction-source-details-block,.transaction-raw-block{display:grid;gap:10px}.transaction-source-error{color:#922d2d}.transaction-comment-actions{display:flex;justify-content:flex-end}.transaction-raw-block summary{padding:8px 0;font-weight:600}.textarea-field{min-height:88px}.merchant-meta{display:grid;gap:12px;margin:0}.merchant-meta div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}.merchant-meta dt{color:var(--muted)}.merchant-meta dd{margin:0;overflow-wrap:anywhere}.merchant-code{font-weight:600}.bank-accounts-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.bank-accounts-merchant-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.bank-accounts-merchant-filter select{max-width:320px;min-width:0;padding:7px 10px;border:1px solid #bdcbd5;border-radius:6px}.bank-accounts-result-count{margin-left:auto;color:var(--muted);font-size:.8125rem}.bank-account-primary-value,.bank-account-secondary-value{display:block}.bank-account-secondary-value{color:var(--muted);font-size:.75rem;margin-top:2px}.bank-account-iban{font-family:Consolas,monospace;white-space:nowrap;font-size:.8125rem}.bank-account-selector,.bank-account-selector-section,.bank-account-connection-group,.bank-account-checklist,.bank-account-group{display:grid;gap:8px}.bank-account-group-title,.bank-account-connection-title{font-weight:600}.bank-account-connection-title span,.bank-account-group-title span{display:block;font-weight:400;color:var(--muted);font-size:.75rem}.checkbox-card{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:6px}.checkbox-card span{flex:1;min-width:0;overflow-wrap:anywhere}.checkbox-card small{display:block;color:var(--muted)}.assigned-bank-account-list,.assigned-bank-account-item{display:grid;gap:6px}.assigned-bank-account-item{border-bottom:1px solid var(--border);padding:6px 0}.assigned-bank-account-item small{color:var(--muted)}.user-details-content{display:grid;gap:12px}.manual-sync-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;align-items:start}.manual-sync-grid>:only-child{max-width:720px}.sync-card{box-shadow:none}.sync-history-summary{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:.8125rem}.reconciliation-search{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}.reconciliation-search label{display:grid;gap:5px;min-width:0;font-size:.8125rem}.reconciliation-search input,.reconciliation-search select{min-width:0;width:100%;padding:7px 8px;min-height:36px;border:1px solid #bdcbd5;border-radius:6px}.reconciliation-search-actions{display:flex;gap:8px}.paydo-report-files-table td:nth-child(2){width:100%}.connection-context{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.8125rem;color:var(--muted)}.connection-context .inline-note{display:inline;margin-right:6px}@media(max-width:700px){.transactions-search-grid>.field{flex-basis:140px}.transactions-search-grid>.field:has(.filter-dropdown-trigger),.transactions-search-grid>.transactions-search-field{flex-basis:100%}.transaction-detail-grid{grid-template-columns:minmax(0,1fr)}.checkbox-card{flex-wrap:wrap}.merchant-meta div{grid-template-columns:minmax(0,1fr);gap:2px}.bank-accounts-merchant-filter select{max-width:100%}}.user-modal-card{width:min(800px,100%)}.reconciliation-search .yotta-latest-filter{display:flex;align-items:center;gap:8px;min-height:36px}.reconciliation-search .yotta-latest-filter input{width:16px;height:16px;min-height:0;padding:0;flex-shrink:0}.telegram-documentation{min-width:0;line-height:1.6;overflow-wrap:anywhere}.telegram-documentation section{margin-top:28px}.telegram-documentation h4{font-size:1.05rem;margin:0 0 12px}.telegram-documentation h5{font-size:.9375rem;margin:20px 0 8px}.telegram-documentation p,.telegram-documentation ul,.telegram-documentation ol{margin:12px 0}.telegram-documentation pre{max-width:100%;padding:14px;border:1px solid var(--border);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.telegram-documentation-table{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.telegram-documentation-table table{width:100%;border-collapse:collapse;table-layout:fixed}.telegram-documentation-table th,.telegram-documentation-table td{padding:10px 12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:top}.telegram-documentation-table th{color:#445f70;background:#f3f6f8;font-weight:600}.telegram-documentation-table th:last-child,.telegram-documentation-table td:last-child{border-right:0}.telegram-documentation-table tbody tr:last-child td{border-bottom:0}.telegram-documentation-table tbody tr:nth-child(2n){background:#fafbfc}
