/* Detroit Banque — shared customer and administration design system. */
:root{--ink:#202f2b;--muted:#75817c;--green:#184f40;--green-dark:#112f27;--gold:#d3b977;--line:#e3e8e3;--canvas:#f5f7f4;--white:#fff;--radius:14px;--sidebar:248px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}a,button{touch-action:manipulation}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #acbb8e;outline-offset:4px}.ui-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;left:20px;top:-60px;padding:12px 20px;background:white;border:1px solid var(--green);border-radius:8px}.skip-link:focus{top:12px}
.workspace{font-size:14px;line-height:1.55;background:var(--canvas);min-height:100vh}.workspace-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--green-dark);color:#f2f5f0;display:flex;flex-direction:column;padding:30px 18px 18px;z-index:40;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#496157 transparent}.workspace-brand{display:flex;gap:11px;align-items:center;color:#fff;padding:0 10px;margin-bottom:30px;font-family:Georgia,serif;font-size:20px;line-height:1.1}.workspace-brand>span:last-child{flex:1}.brand-monogram{display:grid;place-items:center;width:38px;height:43px;flex:0 0 38px;border:1px solid #9cb2a066;border-radius:8px;font:30px Georgia,serif;position:relative}.brand-monogram span{color:var(--gold);position:absolute;right:5px;bottom:6px}.workspace-brand small{display:block;font:8px/1.5 "Segoe UI",sans-serif;letter-spacing:2.4px;color:#9eafa4;margin-top:9px}.brand-logo{max-width:45px;max-height:48px;object-fit:contain}.workspace-switch{display:flex;align-items:center;gap:10px;margin:0 4px 26px;padding:13px 11px;background:#ffffff08;border:1px solid #ffffff12;border-radius:9px;font-size:12px;font-weight:600}.workspace-switch small{display:block;font-size:10px;font-weight:400;color:#9aafa2;margin-top:3px}.workspace-switch-icon{display:grid;place-items:center;width:30px;height:34px;border-radius:6px;background:#ffffff0b;color:#cfdecf}.workspace-switch>.workspace-dot{margin-left:auto}.workspace-dot{width:6px;height:6px;background:#a0c6a4;border-radius:50%;display:inline-block;flex-shrink:0}.nav-caption{margin:0 15px 11px;color:#869e8e;font-size:9px;letter-spacing:1.7px}.sidebar-links{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;position:relative;padding:12px 15px;border-radius:7px;color:#b6c8bd;font-size:12px;font-weight:500;min-height:45px;border:0;background:none;text-align:left;width:100%;text-decoration:none}.nav-link .ui-icon{width:18px;height:18px;flex-basis:18px;opacity:.8}.nav-link:hover{background:#ffffff09;color:white}.nav-link.is-active{background:#e5eee2;color:#173e30;font-weight:650}.nav-link.is-active:before{content:"";width:3px;height:18px;background:#b2ca9d;border-radius:2px;position:absolute;left:-18px;top:14px}.nav-badge{font-size:10px;border:1px solid #9fbbac77;border-radius:5px;padding:0 5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-help{padding:17px 14px;background:#ffffff06;border:1px solid #ffffff0c;border-radius:9px;margin:0 4px 14px}.sidebar-help>.ui-icon{color:#c5cfb2;margin-bottom:10px}.sidebar-help strong{display:block;font-size:12px;font-weight:500}.sidebar-help p{font-size:11px;line-height:1.7;color:#9bafa3;margin:5px 0 14px}.sidebar-help a{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#d8dfc5}.sidebar-help a .ui-icon{width:15px;height:15px}.sidebar-footnote{font-size:9px;color:#8da798;border-top:1px solid #ffffff10;padding:17px 8px 0;margin-top:15px;display:flex;gap:8px;align-items:center}.workspace-body{margin-left:var(--sidebar);min-width:0}.workspace-topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:#8b9690;min-width:0}.topbar-breadcrumb strong{font-size:11px;color:#45554d;font-weight:500}.breadcrumb-slash{color:#c4ccc5}.topbar-right{display:flex;gap:25px;align-items:center}.topbar-date{font-size:11px;color:#7b8780;display:flex;align-items:center;gap:8px}.topbar-date .ui-icon{width:15px;height:15px;flex-basis:15px}.topbar-profile{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:23px}.topbar-profile img,.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 36px}.initials{display:inline-grid;place-items:center;background:#e9eee4;color:#3c5948;font-size:11px;font-weight:650}.topbar-profile strong{font-size:11px;font-weight:600;display:block}.topbar-profile small{font-size:9px;display:block;color:#909a93;margin-top:2px}.icon-button{background:none;border:0;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:8px;color:inherit}.mobile-menu,.sidebar-close,.sidebar-backdrop{display:none}.workspace-content{max-width:1580px;padding:34px 36px 20px;margin:0 auto;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.65px;color:#85907c;margin-bottom:8px}.page-heading h1{font-size:29px;font-weight:550;letter-spacing:-1px;line-height:1.25;margin:0 0 9px}.page-heading p{font-size:12px;color:var(--muted);margin:0}.heading-actions{flex-shrink:0}.button,.workspace button:not(.icon-button):not(.sidebar-backdrop):not(.nav-link),.auth-page button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:white;border:1px solid var(--green);border-radius:7px;font-size:12px;font-weight:600;padding:12px 17px;line-height:1.3;min-height:42px}.button:hover,.workspace button:not(.icon-button):not(.sidebar-backdrop):not(.nav-link):hover,.auth-page button:hover{background:#103c2f}.button .ui-icon{width:16px;height:16px;flex-basis:16px}.workspace .danger{background:#fff!important;border-color:#e7cac7!important;color:#a64238!important}.workspace .danger:hover{background:#fff4f2!important}.workspace .muted{font-size:11px;color:var(--muted)}
.panel,.workspace .banking-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:0 0 24px;min-width:0;box-shadow:0 3px 6px #1c342203}.panel h2{font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0 0 8px}.panel>p{color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.section-heading h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.2px}.section-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:550;white-space:nowrap}.text-link .ui-icon{width:15px;height:15px;flex-basis:15px}.quiet-label{font-size:9px;color:#89958c;letter-spacing:.55px}.notice{padding:14px 18px;margin:0 0 24px;border:1px solid transparent;border-radius:9px;font-size:12px}.notice.success{background:#eaf4eb;border-color:#d3e6d5;color:#245c39}.notice.error{background:#fff1ee;border-color:#f1d6cf;color:#9f4133}.notice ul{padding-left:18px;margin:0}.workspace-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#95a095;padding:22px 0 10px;border-top:1px solid var(--line);margin-top:30px}
.customer-overview{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-bottom:24px}.balance-feature{position:relative;background:#174638;color:#fff;border-radius:var(--radius);padding:25px 28px;overflow:hidden;min-height:257px;isolation:isolate}.balance-feature-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#c4d6c8;position:relative;z-index:1}.balance-feature-top>span:first-child{display:flex;align-items:center;gap:9px}.balance-feature-top .ui-icon{width:17px;height:17px;flex-basis:17px}.balance-status{border:1px solid #afc6b240;background:#b2c5a914;padding:4px 10px;border-radius:20px;font-size:9px;color:#d6e6d4}.balance-feature>p{font-size:11px;color:#a8c2ae;margin:28px 0 3px;position:relative;z-index:1}.balance-amount{font-size:43px;line-height:1.2;font-weight:450;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;position:relative;z-index:1}.balance-amount>span{font-size:28px;vertical-align:5px;margin-right:4px;color:#c8dac6}.balance-amount small{font-size:10px;letter-spacing:.6px;margin-left:12px;color:#9ebb9f;font-weight:400}.balance-feature-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #a8bdab2e;padding-top:19px;margin-top:25px;font-size:12px;letter-spacing:1px;position:relative;z-index:1}.balance-feature-bottom small{display:block;font-size:8px;letter-spacing:1.4px;color:#95b09a;margin-bottom:4px}.balance-feature-bottom a{color:#dce8d4;display:grid;place-items:center;border:1px solid #c9d9c039;border-radius:50%;width:33px;height:33px}.balance-art{position:absolute;width:240px;height:240px;border:1px solid #aac49b20;border-radius:50%;right:-100px;top:0;z-index:0;box-shadow:0 0 0 35px #aac49b09,0 0 0 70px #aac49b08,0 0 0 105px #aac49b06}.recent-summary.panel{margin:0;padding:25px}.recent-summary .section-heading{margin-bottom:17px}.flow-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf0eb;font-size:12px}.flow-row>span:nth-child(2){color:#526257}.flow-row small{display:block;font-size:9px;color:#929d95;margin-top:3px}.flow-row strong{margin-left:auto;font-size:21px;font-weight:550;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.flow-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;flex:0 0 37px}.incoming{color:#287658;background:#eaf4ec}.outgoing{color:#92815a;background:#f4f0e6}.recent-summary>.text-link{margin-top:17px}.quick-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:27px}.quick-action{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);padding:19px;border-radius:10px;color:var(--ink);transition:border-color .2s,transform .2s}.quick-action:hover{border-color:#a5bca8;transform:translateY(-2px)}.action-icon{width:38px;height:38px;border:1px solid #e0e8dd;border-radius:9px;background:#f2f6ef;color:#496547;display:inline-grid;place-items:center;flex:0 0 38px}.action-icon .ui-icon{width:19px;height:19px}.quick-action strong{font-size:11px;font-weight:600;display:block}.quick-action small{font-size:9px;color:#8e998f;display:block;margin-top:4px}.quick-action>.ui-icon{width:15px;height:15px;margin-left:auto;flex-basis:15px;color:#869784}.dashboard-columns{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(235px,1fr);gap:24px;align-items:start}.dashboard-aside{min-width:0}.table-scroll{overflow-x:auto;margin:0 -24px}.workspace table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.5;text-align:left}.workspace th{padding:12px 17px;background:#f7f9f5;border-top:1px solid #eaf0e6;border-bottom:1px solid #eaf0e6;font-size:9px;font-weight:550;letter-spacing:.4px;text-transform:uppercase;color:#84917f;text-align:left;white-space:nowrap}.workspace td{padding:17px;border-bottom:1px solid #eef1eb;vertical-align:middle;color:#667468}.workspace tbody tr:last-child td{border-bottom:0}.workspace tbody tr:hover{background:#fbfcf9}.workspace .align-right{text-align:right}.money{font-variant-numeric:tabular-nums;white-space:nowrap;color:#354b3b!important;font-weight:550}.positive-text{color:#368065!important}.date-cell{font-size:10px;color:#8d978c!important;max-width:106px;min-width:90px}.transaction-label{display:flex;align-items:center;gap:11px}.transaction-label strong{font-size:11px;color:#3e5043;display:block;font-weight:550;min-width:120px;max-width:235px}.transaction-label small{font-size:9px;color:#98a290;display:block;margin-top:4px;overflow-wrap:anywhere}.transaction-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:50%}.transaction-icon .ui-icon{width:15px;height:15px;flex-basis:15px}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:500;white-space:nowrap}.status-badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:5px}.status-badge.positive{background:#edf5e9;color:#6b8c55}.status-badge.neutral{background:#f2f1e9;color:#8c805d}.account-contact{padding:22px}.contact-person{display:flex;align-items:center;gap:11px;margin:23px 0}.contact-person img{width:43px;height:43px;object-fit:cover;border-radius:50%}.contact-person h2{font-size:13px;margin:0 0 4px}.contact-person span{font-size:10px;color:#85927f}.account-contact dl{margin:0}.account-contact dl div{margin:0 0 17px}.account-contact dt{font-size:9px;color:#919e8a;margin-bottom:4px}.account-contact dd{font-size:11px;color:#586950;margin:0;overflow-wrap:anywhere}.account-contact>.text-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:3px}.security-note{background:#edf1e5;border:1px solid #e1e6d7;border-radius:12px;padding:23px}.security-note h3{font-size:13px;font-weight:600;margin:15px 0 9px}.security-note p{font-size:11px;line-height:1.8;color:#7f8c70}.security-note a{font-size:10px;display:flex;gap:9px;align-items:center;color:#63774c}.security-note .ui-icon{width:16px;height:16px}.empty-state{text-align:center;padding:35px 15px;color:#87967e}.empty-state>.ui-icon{width:32px;height:32px;margin-bottom:15px;color:#8d9e83}.empty-state h3{font-size:15px;color:#4c6241;margin-bottom:8px;font-weight:550}.empty-state p{font-size:12px;line-height:1.8;margin:0}.mono{font-size:10px;font-variant-numeric:tabular-nums}
.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:27px}.stat-card{background:white;border:1px solid var(--line);border-radius:12px;padding:21px 22px;color:var(--ink)}.stat-card:hover{border-color:#9caf91}.stat-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7d8b74;font-size:11px}.stat-card .ui-icon{width:18px;height:18px;flex-basis:18px;color:#8e9b84}.stat-card>strong{display:block;font-size:33px;line-height:1.2;font-weight:550;letter-spacing:-1.2px;margin:16px 0}.stat-card>small{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#93a08b}.stat-card>small .ui-icon{width:13px;height:13px;flex-basis:13px}.admin-overview-columns{grid-template-columns:minmax(0,2.2fr) minmax(245px,1fr)}.review-panel{background:#eef2e8;border:1px solid #dfe6d6;border-radius:13px;padding:23px;margin-bottom:22px}.review-panel .section-heading{margin-bottom:17px}.review-panel h2{font-size:17px;font-weight:550;margin-bottom:7px;letter-spacing:-.4px}.review-panel>p{font-size:11px;color:#849174;margin-bottom:16px}.review-panel>a{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #dce4d1;font-size:11px;color:#5b6e4a}.review-panel>a>strong{margin-left:auto;font-weight:600}.review-panel>a>.ui-icon{width:14px;height:14px;flex-basis:14px;color:#8a9c77}.admin-shortcuts{padding:0 6px;margin-bottom:26px}.admin-shortcuts h3{font-size:11px;color:#869576;font-weight:500;margin-bottom:10px}.admin-shortcuts a{display:flex;gap:9px;align-items:center;font-size:11px;padding:11px 0;color:#5c6f4e}.admin-shortcuts a .ui-icon{width:16px;height:16px;flex-basis:16px}.admin-shortcuts a .ui-icon:last-child{margin-left:auto;color:#9cab8d}.workspace main.admin{margin:0;padding:0;max-width:none}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.search-field{display:flex!important;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:8px;padding:0 13px;min-width:280px;max-width:380px;margin:0!important;color:#91a088}.workspace .search-field input{border:0;margin:0;min-height:42px;padding:11px 0;background:transparent;font-size:11px;box-shadow:none;outline:none;width:100%}.search-field:focus-within{outline:2px solid #bacbb0;outline-offset:2px}.search-field>.ui-icon{width:17px;height:17px;flex-basis:17px}.filter-empty{padding:26px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px;margin-bottom:24px}.record-panel{padding:25px 28px!important}.record-panel>h2{font-size:17px;line-height:1.5}.record-panel>p{font-size:12px;margin-bottom:20px}.record-panel>details{border-top:1px solid var(--line);margin:0;padding:15px 0 0}.record-panel>details+details{margin-top:15px}.workspace details summary{cursor:pointer;list-style-position:inside;color:#5e7650;font-size:12px;font-weight:550}.workspace details[open] summary{margin-bottom:20px}.workspace details>p{font-size:12px;color:#7f8f74}.workspace details form{margin-top:16px}.workspace td details{min-width:115px}.workspace td details[open]{min-width:230px}.workspace td .danger{margin-top:7px;min-height:32px!important;padding:6px 9px!important;font-size:10px!important}.workspace .panel>table{margin-top:20px}.workspace .admin>.panel{overflow-x:auto}.workspace .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 24px;margin:18px 0 24px}.workspace label,.auth-page label{display:block;font-size:11px;font-weight:550;color:#596f4c;margin:0}.workspace input:not([type=hidden]),.workspace select,.workspace textarea,.auth-page input{display:block;width:100%;min-height:44px;margin-top:8px;border:1px solid #dce4d6;border-radius:7px;background:#fff;color:#2d4530;padding:11px 13px;font-size:12px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.workspace textarea{min-height:96px;resize:vertical}.workspace input:focus,.workspace select:focus,.workspace textarea:focus,.auth-page input:focus{outline:none;border-color:#86a878;box-shadow:0 0 0 3px #b9d3a833}.workspace input[type=file]{padding:9px;line-height:1.9;font-size:11px;background:#fafbf8}.workspace input[type=file]::file-selector-button{border:0;border-radius:4px;background:#eef3e8;color:#5a7648;padding:6px 10px;margin-right:10px;font:inherit}.workspace form>button+.text-link,.workspace form>button+a{margin-left:12px;font-size:11px}.pagination{display:flex;list-style:none;gap:7px;padding:0;margin:18px 0}.pagination a,.pagination span{padding:5px 9px;font-size:11px;border-radius:5px}.pagination .active span{background:var(--green);color:white}.pagination a:hover{background:#edf2e7}
/* Bring the existing transaction and security forms into the shared shell. */
.workspace .banking-page,.workspace .client-cards-page{margin:0!important;padding:0!important;font-family:inherit;color:var(--ink);font-size:13px;min-width:0}.workspace .banking-page .banking-wrapper,.workspace .client-cards-page>.content-wrapper{max-width:none;padding:0!important;margin:0!important}.workspace .banking-page-heading,.workspace .client-cards-heading,.workspace .banking-footer{display:none}.workspace .banking-panel h2{font-family:inherit;font-size:16px;font-weight:550;letter-spacing:-.3px}.workspace .banking-section-title{margin-bottom:22px}.workspace .banking-section-title p{font-size:11px;color:#86947c}.workspace .banking-section-title a{color:var(--green);font-size:11px}.workspace .banking-form-layout{grid-template-columns:minmax(220px,.7fr) minmax(0,1.8fr);gap:28px;align-items:start}.workspace .banking-form-aside{padding:25px;border:1px solid #dfe6d6;border-radius:12px;background:#eef2e8}.workspace .banking-form-aside h2{font-family:inherit;font-size:23px;font-weight:500;letter-spacing:-.7px;line-height:1.35}.workspace .banking-form-aside p{font-size:11px;line-height:1.9;color:#7e8d71}.workspace .banking-source{background:#ffffff69;border:1px solid #dbe4d2;padding:20px;margin:24px 0}.workspace .banking-source small{color:#829773;font-size:8px}.workspace .banking-source strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}.workspace .banking-source span{font-size:10px}.workspace .banking-form label{font-size:11px;color:#607551;margin-bottom:7px}.workspace .banking-form input:not([type=hidden]),.workspace .banking-form select,.workspace .banking-form textarea{font-family:inherit;font-size:12px;min-height:44px;margin-top:0}.workspace .banking-fields{gap:21px 20px}.workspace .banking-fields>label input,.workspace .banking-fields>label select,.workspace .banking-fields>label textarea{margin-top:8px!important}.workspace .banking-fields>label:last-child:has(textarea){grid-column:1/-1}.workspace .banking-form-actions{padding-top:24px;margin-top:27px;flex-wrap:wrap;gap:15px}.workspace .banking-form-actions button{font-family:inherit;background:var(--green);font-size:12px;min-height:44px}.workspace .banking-form-actions a{font-size:11px;color:#819373}.workspace .banking-form-description{font-size:11px;color:#85957a;line-height:1.7}.workspace .banking-form>p{font-size:12px;color:#85957a;line-height:1.8}.workspace .banking-form>.banking-fields+button{margin-top:25px}.workspace .banking-security-field{max-width:500px}.workspace .banking-status{font-size:9px;padding:4px 8px;border-radius:5px;background:#edf5e9;color:#6b8c55}.workspace .banking-table .amount{text-align:right}.workspace .banking-table td{padding:18px 16px}.workspace .banking-transaction strong{font-size:11px;color:#3e5043}.workspace .banking-account-details{max-width:none;padding:28px}.workspace .banking-account-details dl{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.workspace .banking-account-details dl>div{display:block;padding:17px 0}.workspace .banking-account-details dt{font-size:10px;color:#85957a;margin-bottom:7px}.workspace .banking-account-details dd{font-size:13px;color:#405c34;overflow-wrap:anywhere}.workspace .banking-otp-input{font-size:26px!important;letter-spacing:9px;text-align:center;padding:15px!important;max-width:300px}.workspace .banking-slip-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;border-bottom:1px solid var(--line);background:transparent}.workspace .client-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px}.workspace .client-card-record{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:none}.workspace .client-card-details{padding:15px 0 0}.workspace .client-cards-empty{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:65px 24px;margin:0;text-align:center}.workspace .client-cards-empty h2{font-size:22px;letter-spacing:-.6px;font-weight:500}.workspace .client-cards-empty p{font-size:12px}.workspace .client-cards-empty a{display:inline-flex;margin-top:18px;font-size:12px;color:var(--green)}.workspace .client-cards-note{font-size:11px;color:#8a987f}.workspace .bank-card-monogram{font-family:Georgia,serif}.workspace .banking-receipt-amount{background:#eff4eb}.workspace .banking-receipt-button{background:var(--green)!important}.workspace .banking-print-button{color:var(--green)!important}
/* Sign-in screens share the workspace typography and branding. */
.auth-page{background:#f5f7f2;color:var(--ink);font-size:14px;min-height:100vh}.auth-header{display:flex;align-items:center;justify-content:space-between;padding:27px 5%;border-bottom:1px solid var(--line);background:#fff}.auth-brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:23px;color:#244932}.auth-brand .brand-monogram{border-color:#b6c7a8;color:#285635}.auth-header>a:last-child{font-size:11px;color:#7d9170}.auth-layout{max-width:1060px;margin:65px auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:0 30px}.auth-intro>.eyebrow{color:#8c9b76}.auth-intro h2{font-family:Georgia,serif;font-size:49px;font-weight:400;letter-spacing:-1.8px;line-height:1.15;color:#234a32;margin:16px 0 23px}.auth-intro p{font-size:13px;color:#86957b;line-height:1.9;max-width:330px}.auth-intro-features{border-top:1px solid #dce4d3;margin-top:30px;padding-top:24px;display:flex;gap:12px;color:#748c62;font-size:11px;align-items:center}.auth-card{background:#fff;padding:36px;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 55px #34462106}.auth-card h1{font-size:25px;font-weight:550;letter-spacing:-.8px;margin:0 0 9px}.auth-card>.auth-description{color:#8a9781;font-size:12px;line-height:1.7;margin-bottom:27px}.auth-card label{margin:20px 0}.auth-card input{margin-top:9px;min-height:47px}.auth-card button[type=submit],.auth-card form>button{width:100%;margin-top:6px}.auth-card .auth-links{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8e9c84;margin-top:23px}.auth-card .notice{font-size:11px}.auth-footer{text-align:center;color:#9aa58f;font-size:10px;padding:10px 20px 30px}.auth-card .auth-lock{display:inline-grid;place-items:center;background:#eef3e8;color:#6c8659;width:42px;height:42px;border-radius:10px;margin-bottom:23px}.print-only{display:none}
@media(min-width:1001px) and (max-height:850px){.sidebar-help{display:none}.workspace-sidebar{padding-top:24px}.workspace-brand{margin-bottom:25px}.workspace-switch{margin-bottom:22px}.sidebar-bottom{padding-top:14px}}
@media(min-width:1500px){.workspace-content{padding:40px 48px}.workspace-topbar{padding:0 48px}.balance-feature{min-height:285px;padding:30px 34px}.balance-amount{font-size:50px}.recent-summary.panel{padding:30px}.flow-row{padding:20px 0}.transaction-label strong{max-width:330px}}
@media(max-width:1250px){:root{--sidebar:226px}.workspace-content{padding:28px 25px 18px}.workspace-topbar{padding:0 25px}.workspace-brand{font-size:18px;padding:0 5px}.brand-monogram{width:33px;flex-basis:33px}.quick-action{padding:16px 12px;gap:10px}.quick-action small{font-size:8px}.quick-action>.ui-icon{display:none}.dashboard-columns{gap:20px;grid-template-columns:minmax(0,1fr) 240px}.panel{padding:20px}.table-scroll{margin:0 -20px}.stat-card{padding:18px 15px}.stat-card>div{font-size:10px}.stat-card>small{font-size:9px}.balance-amount{font-size:37px}.flow-row strong{font-size:19px}.topbar-right{gap:16px}.customer-overview{gap:20px}.admin-overview-columns{grid-template-columns:minmax(0,1fr) 240px}.workspace .banking-form-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}}
@media(max-width:1000px){.workspace-body{margin-left:0}.workspace-sidebar{width:270px;transform:translateX(-100%);transition:transform .2s ease}.navigation-open .workspace-sidebar{transform:translateX(0)}.navigation-open{overflow:hidden}.sidebar-backdrop{position:fixed;inset:0;z-index:35;background:#0e291b66;border:0;width:100%;height:100%}.navigation-open .sidebar-backdrop{display:block}.mobile-menu{display:inline-grid;margin-left:-10px}.sidebar-close{display:inline-grid;position:absolute;right:8px;top:7px;color:#b4c8b3;width:28px;height:28px}.sidebar-close .ui-icon{width:16px;height:16px}.workspace-sidebar .workspace-brand{margin-top:10px}.workspace-topbar{height:72px}.page-heading h1{font-size:27px}.topbar-breadcrumb{gap:10px}.auth-layout{gap:50px}.auth-intro h2{font-size:42px}}
@media(max-width:760px){.workspace-content{padding:25px 18px 16px}.workspace-topbar{padding:0 18px;gap:10px;height:65px}.topbar-date,.topbar-profile>div,.topbar-breadcrumb>span:first-of-type,.breadcrumb-slash{display:none}.topbar-profile{padding-left:0;border:0}.topbar-profile img,.topbar-profile>.avatar{width:31px;height:31px;flex-basis:31px}.page-heading{align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:23px}.page-heading h1{font-size:25px;letter-spacing:-.8px}.page-heading p{font-size:11px;max-width:310px;line-height:1.75}.eyebrow{font-size:8px}.heading-actions .button{padding:10px 13px;font-size:11px;min-height:39px}.customer-overview{grid-template-columns:1fr;gap:18px;margin-bottom:18px}.balance-feature{min-height:247px;padding:24px}.balance-amount{font-size:43px}.recent-summary.panel{padding:22px}.recent-summary .flow-row{padding:12px 0}.quick-action-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.quick-action{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:15px 12px}.quick-action strong{font-size:10px;line-height:1.5}.quick-action small{display:none}.quick-action .action-icon{width:32px;height:32px;flex-basis:32px}.dashboard-columns,.admin-overview-columns{grid-template-columns:1fr;gap:0}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-aside>.panel{margin:0}.security-note{padding:22px}.workspace-footer{font-size:9px;line-height:1.8;flex-direction:column;gap:4px;margin-top:24px}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.stat-card{padding:19px}.stat-card>strong{font-size:30px}.stat-card>div{font-size:10px}.stat-card>small{font-size:9px}.admin-overview-columns>aside{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.workspace-toolbar{gap:10px}.workspace-toolbar>.muted{display:none}.search-field{width:100%;min-width:0;max-width:none}.workspace .grid{grid-template-columns:1fr 1fr;gap:18px}.record-panel{padding:22px!important}.workspace .panel>table,.workspace .workspace-table,.workspace .banking-table{min-width:570px}.workspace .banking-table-scroll{margin:0 -20px}.workspace .banking-form-layout{grid-template-columns:1fr;gap:18px}.workspace .banking-form-aside{padding:22px}.workspace .banking-form-aside h2{font-size:22px;margin-bottom:12px}.workspace .banking-source{margin:17px 0}.workspace .banking-fields{grid-template-columns:1fr 1fr}.workspace .banking-form-actions button{width:auto;order:0}.workspace .banking-account-details dl{gap:0 24px}.workspace .banking-account-details{padding:22px}.auth-layout{grid-template-columns:1fr;max-width:520px;margin:30px auto;gap:25px;padding:0 22px}.auth-intro{display:none}.auth-header{padding:20px 22px}.auth-brand{font-size:20px}.auth-header>a:last-child{font-size:10px}.auth-card{padding:29px}}
@media(max-width:430px){.page-heading{gap:17px}.customer-overview{gap:16px}.balance-amount{font-size:39px}.dashboard-aside{grid-template-columns:1fr;gap:18px}.admin-overview-columns>aside{grid-template-columns:1fr;gap:0}.workspace .grid,.workspace .banking-fields,.workspace .banking-account-details dl{grid-template-columns:1fr}.workspace .banking-form-actions{flex-direction:column;align-items:stretch}.workspace .banking-form-actions button{width:100%}.workspace .banking-fields .full{grid-column:auto}.workspace .client-cards-grid{grid-template-columns:minmax(0,1fr)}.panel,.workspace .banking-panel{padding:20px}.balance-amount small{font-size:9px}.flow-row strong{font-size:21px}.heading-actions{width:100%}.heading-actions .button{width:100%}.admin-stat-grid{gap:10px}.stat-card{padding:17px 14px}.workspace .banking-account-details dd{font-size:12px}.auth-header>a:last-child{max-width:95px;text-align:right}.auth-card{padding:25px}.auth-card h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.workspace-sidebar,.workspace-topbar,.heading-actions,.workspace-toolbar,.workspace-footer,.sidebar-backdrop,.workspace form,.workspace button,.workspace details,.pagination,.skip-link{display:none!important}.workspace-body{margin:0}.workspace-content{padding:0;max-width:none}.workspace,.workspace main{background:white}.panel,.workspace .banking-panel{border:0;box-shadow:none;overflow:visible!important;padding:0}.table-scroll{overflow:visible;margin:0}.workspace table{min-width:0!important;font-size:9px}.workspace th,.workspace td{padding:8px}.page-heading{margin:0 0 20px}.page-heading h1{font-size:24px}.print-only{display:block}.workspace-admin .admin>.panel:first-child:has(form){display:none}}