@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#172a22;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f9f7;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#f7f9f7;min-width:320px;margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.app-frame{min-height:100vh}.sidebar{z-index:30;background:#fff;border-right:1px solid #e7ece8;flex-direction:column;width:252px;padding:22px 15px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 25px;display:flex}.brand-mark{color:#fff;background:#176c4c;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.brand strong{letter-spacing:-.6px;color:#163b2b;font:800 19px Manrope,sans-serif;display:block}.brand span{letter-spacing:1.35px;color:#87958c;margin-top:2px;font-size:9px;font-weight:700;display:block}.mobile-close{background:0 0;border:0;margin-left:auto;display:none}.agency-switch{background:#f7f9f7;border:1px solid #e9eeea;border-radius:12px;align-items:center;gap:10px;margin-bottom:25px;padding:11px 10px;display:flex}.agency-avatar{color:#176c4c;background:#dcefe5;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.agency-text{flex:1;min-width:0}.agency-text strong,.agency-text span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.agency-text strong{color:#23372d;font-size:12px}.agency-text span{color:#8a968e;margin-top:3px;font-size:11px}.agency-switch>svg{color:#8a968e}.nav-group{margin-bottom:23px}.nav-group>p{letter-spacing:1.2px;text-transform:uppercase;color:#9aa49e;margin:0 0 9px 10px;font-size:10px;font-weight:700}.side-nav{flex:1;overflow-y:auto}.nav-link{color:#6d7c73;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:40px;margin:2px 0;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.nav-link span{flex:1}.nav-link:hover{color:#1d5d41;background:#f3f7f4}.nav-link.nav-active{color:#176c4c;background:#e9f5ee;font-weight:700}.nav-link em{color:#176c4c;background:#d1eadb;border-radius:20px;padding:2px 7px;font-size:10px;font-style:normal}.sidebar-bottom{padding-top:10px}.sidebar-help{color:#5d7567;border:1px solid #e9eeea;border-radius:10px;align-items:center;gap:10px;margin:14px 3px;padding:13px 10px;display:flex}.sidebar-help div{flex:1}.sidebar-help strong,.sidebar-help span{display:block}.sidebar-help strong{color:#344d3f;font-size:11px}.sidebar-help span{color:#8b9890;margin-top:4px;font-size:10px}.profile{text-align:left;color:#809087;background:0 0;border:0;border-top:1px solid #edf0ed;align-items:center;gap:9px;width:100%;padding:12px 5px 2px;display:flex}.profile-avatar,.top-avatar{color:#176c4c;background:#dcebe2;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.profile-copy{flex:1;min-width:0}.profile-copy strong,.profile-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-copy strong{color:#354a3e;font-size:11px}.profile-copy span{color:#8b9890;margin-top:3px;font-size:10px}.main-area{min-height:100vh;margin-left:252px}.topbar{z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #e8ede9;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions,.crumb{align-items:center;display:flex}.crumb{color:#99a39c;gap:10px;font-size:12px}.crumb strong{color:#405448;font-weight:600}.topbar-actions{gap:21px}.top-date{color:#78867d;align-items:center;gap:8px;font-size:12px;display:flex}.icon-button{color:#6b7a70;background:#fff;border:1px solid #e8ede9;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;position:relative}.icon-button i{background:#e35c4f;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.mobile-menu{color:#3b5947;background:0 0;border:0;display:none}.page-content{max-width:1700px;margin:0 auto;padding:30px 34px 50px}.welcome-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:1.5px;color:#729080;margin-bottom:8px;font-size:10px;font-weight:700}.welcome-row h1{letter-spacing:-.8px;color:#1a3226;margin:0;font:800 27px Manrope,sans-serif}.welcome-row p{color:#829087;margin:8px 0 0;font-size:13px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#176c4c;box-shadow:0 2px 4px #176c4c14}.btn-primary:hover{background:#11583d}.btn-outline{color:#516459;background:#fff;border-color:#dfe7e1}.btn-outline:hover{background:#f4f8f5;border-color:#cbd8cf}.btn-small{min-height:32px;padding:0 10px;font-size:11px}.btn-square{width:38px;padding:0}.section-heading{justify-content:space-between;align-items:center;margin:25px 0 14px;display:flex}.section-heading h2{color:#223b2e;margin:0;font:700 16px Manrope,sans-serif}.section-heading p{color:#87938b;margin:5px 0 0;font-size:12px}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:#fff;border:1px solid #e6ece7;border-radius:13px;min-width:0;padding:17px 18px;box-shadow:0 3px 10px #1a38240a}.metric-top{color:#77877d;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.metric-icon{color:#28714f;background:#edf6f0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.metric-warn{color:#b77c25;background:#fff4e3}.metric-value{letter-spacing:-.8px;color:#1b3427;margin:15px 0 8px;font:800 25px Manrope,sans-serif}.metric-foot{color:#909b94;font-size:11px}.green-text{color:#208354;font-weight:600}.currency-heading{margin-top:30px}.tiny-pill{color:#2e7953;background:#edf7f0;border:1px solid #d8ecdf;border-radius:20px;align-items:center;gap:5px;padding:6px 10px;font-size:10px;font-weight:700;display:flex}.currency-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.currency-card{background:#fff;border:1px solid #e5ebe6;border-radius:13px;min-width:0;padding:16px}.currency-head{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.currency-dot{letter-spacing:.2px;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:5px 7px;font-size:10px;font-weight:800;display:inline-flex}.dot-usd{color:#246e49;background:#e8f5ec}.dot-zwg{color:#91651a;background:#fff3d8}.dot-zig{color:#5b5da4;background:#eeedff}.dot-zar{color:#316d9a;background:#e7f3fc}.currency-label{color:#a0aaa3;font-size:10px}.currency-line{justify-content:space-between;align-items:center;gap:8px;margin:12px 0;display:flex}.currency-line>span{color:#7d8a81;font-size:11px}.currency-line strong{color:#284435;white-space:nowrap;font-size:12px;font-weight:700}.currency-line .red-text{color:#c84b41}.currency-progress{background:#f0f3f0;border-radius:8px;height:5px;margin-top:18px;overflow:hidden}.currency-progress span{background:#43a878;border-radius:8px;height:100%;display:block}.currency-foot{color:#9aa49d;margin-top:8px;font-size:10px}.dashboard-lower{grid-template-columns:1.15fr 1fr;gap:15px;margin-top:20px;display:grid}.panel,.list-panel{background:#fff;border:1px solid #e5ebe6;border-radius:13px;min-width:0;box-shadow:0 3px 10px #1a382406}.panel{padding:19px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.panel-heading h3{color:#294233;margin:0;font:700 14px Manrope,sans-serif}.panel-heading p{color:#919d95;margin:5px 0 0;font-size:11px}.text-link{color:#24714f;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.empty-state{text-align:center;color:#89968d;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:24px 15px;display:flex}.empty-state strong{color:#43594b;margin-top:12px;font-size:13px}.empty-state span{max-width:300px;margin-top:6px;font-size:11px;line-height:1.5}.empty-icon{color:#37845d;background:#edf6f0;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.empty-state .btn{margin-top:17px}.mini-list{flex-direction:column;display:flex}.mini-row{border-top:1px solid #f0f3f0;align-items:center;gap:10px;padding:12px 0;display:flex}.mini-row:first-child{border-top:0}.mini-symbol,.recon-symbol{color:#458260;background:#f0f6f2;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.mini-main{flex:1;min-width:0}.mini-main strong,.mini-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mini-main strong{color:#3b5144;font-size:12px}.mini-main span{color:#9aa49d;margin-top:5px;font-size:10px}.mini-amount{text-align:right;color:#284535;white-space:nowrap;font-size:12px;font-weight:700}.mini-amount small{color:#88968d;margin-top:5px;font-size:9px;font-weight:500;display:block}.arrears-list{flex-direction:column;gap:13px;display:flex}.arrears-row{align-items:flex-start;gap:12px;display:flex}.arrears-bar{flex:1;min-width:0}.arrears-bar>div:first-child{justify-content:space-between;gap:8px;margin:1px 0 7px;display:flex}.arrears-bar span{color:#829087;font-size:11px}.arrears-bar strong{color:#30493a;font-size:11px}.bar-track{background:#f0f3f0;border-radius:5px;height:5px;overflow:hidden}.bar-track span{background:#d98276;border-radius:5px;height:100%;display:block}.arrears-summary{border-top:1px solid #edf1ed;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex}.arrears-summary>div{color:#ba5a4e;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.hidden-quick-actions{display:none}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.quick-actions>button{text-align:left;color:#7d8c82;background:#fff;border:1px solid #e5ebe6;border-radius:12px;align-items:center;gap:10px;padding:14px 13px;display:flex}.quick-actions>button>span{color:#28714f;background:#edf6f0;border-radius:9px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.quick-actions>button>div{flex:1;min-width:0}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{color:#365043;font-size:11px}.quick-actions small{color:#9aa49d;margin-top:4px;font-size:10px}.quick-actions>button:hover{background:#fcfefc;border-color:#c9dfd0}.list-welcome{margin-bottom:24px}.list-panel{overflow:hidden}.list-toolbar{border-bottom:1px solid #edf1ed;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.search-box{color:#9ba69e;border:1px solid #e3e9e4;border-radius:9px;flex:1;align-items:center;gap:9px;min-width:210px;max-width:400px;height:38px;padding:0 11px;display:flex}.search-box input{color:#31483a;background:0 0;border:0;outline:0;width:100%;font-size:12px}.search-box input::placeholder{color:#a1aaa4}.search-box button{color:#8d9a91;background:0 0;border:0;padding:3px}.toolbar-actions{align-items:center;gap:8px;display:flex}.filter-select{color:#52665a;background:#fff;border:1px solid #dfe7e1;border-radius:9px;height:38px;padding:0 10px;font-size:11px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#f8faf8}th{text-transform:uppercase;letter-spacing:.6px;color:#8b9990;border-bottom:1px solid #e9eee9;padding:13px 16px;font-size:10px;font-weight:700}td{color:#4c6053;border-bottom:1px solid #f0f3f0;padding:14px 16px;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfb}td:first-child{color:#30483a;font-weight:600}.table-money{color:#2b4937;font-weight:700}.muted-cell{color:#8d9a91}.status-pill{color:#78837b;background:#f0f2f0;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-pill i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-paid,.status-active,.status-resolved,.status-manually_matched,.status-auto_matched,.status-delivered{color:#26754b;background:#e9f6ed}.status-partially_paid,.status-in_progress,.status-queued{color:#a36e18;background:#fff3dc}.status-overdue,.status-urgent,.status-disputed,.status-failed{color:#c34f45;background:#fff0ee}.status-unpaid,.status-draft,.status-open,.status-unreconciled,.status-neutral{color:#78837b;background:#f0f2f0}.status-info,.status-read,.status-renewed{color:#3e70b2;background:#e9f2ff}.row-more{color:#89968d;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.row-more:hover{color:#276e4b;background:#edf5ef}.table-footer{color:#9aa49d;border-top:1px solid #edf1ed;justify-content:space-between;gap:12px;padding:12px 16px;font-size:10px;display:flex}.table-empty{min-height:300px}.loading-state{color:#8b9890;justify-content:center;align-items:center;gap:10px;min-height:200px;font-size:12px;display:flex}.spinner,.button-spinner{border:2px solid #dce8df;border-top-color:#24734f;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin;display:inline-block}.button-spinner{border-color:#fff #fff6 #fff6;width:13px;height:13px}@keyframes spin{to{transform:rotate(360deg)}}.notice,.error-banner{border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 14px;font-size:12px;display:flex}.notice{color:#2c7650;background:#edf7f0;border:1px solid #d7ebdd}.notice button,.error-banner button{color:inherit;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.info-notice{margin-top:-8px}.error-banner{color:#b8463c;background:#fff1ef;border:1px solid #f1d7d3}.recon-row{border-bottom:1px solid #edf1ed;grid-template-columns:36px minmax(150px,1.3fr) minmax(100px,.7fr) minmax(160px,1fr) auto;align-items:center;gap:14px;padding:17px 19px;display:grid}.recon-row:last-child{border-bottom:0}.recon-info{min-width:0}.recon-info strong,.recon-info span,.recon-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recon-info strong{color:#2e4838;font-size:12px}.recon-info span{color:#839087;margin-top:5px;font-size:11px}.recon-info small{color:#a0aaa3;margin-top:4px;font-size:10px}.recon-money strong,.recon-money span{display:block}.recon-money strong{color:#284534;font-size:13px}.recon-money span{color:#8d9a91;margin-top:4px;font-size:10px}.suggested-label{text-transform:uppercase;letter-spacing:.7px;color:#96a29a;margin-bottom:4px;font-size:9px;display:block}.recon-match strong,.recon-match small{display:block}.recon-match strong{color:#2e4b3a;font-size:12px}.recon-match small{color:#8a978e;margin-top:4px;font-size:10px}.red-text{color:#c34f45!important}.arrears-big{font:800 22px Manrope,sans-serif!important}.statement-builder{text-align:center;background:#fff;border:1px solid #e4ebe5;border-radius:14px;margin-bottom:18px;padding:28px}.statement-art{color:#27734d;background:#e9f5ed;border-radius:15px;place-items:center;width:52px;height:52px;margin:0 auto 15px;display:grid}.statement-builder h2{color:#254333;margin:0;font:700 18px Manrope,sans-serif}.statement-builder>p{color:#89968d;max-width:480px;margin:8px auto 22px;font-size:12px}.statement-form{text-align:left;grid-template-columns:1.5fr 1fr 1fr 1fr auto;align-items:end;gap:12px;max-width:1100px;margin:auto;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>label{color:#596d60;font-size:11px;font-weight:600}.field>label i,.modal-footer>span i{color:#d45e51;font-style:normal}.field input,.field select,.field textarea{color:#344d3e;background:#fff;border:1px solid #dfe7e1;border-radius:8px;outline:none;width:100%;min-width:0;min-height:39px;padding:9px 10px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#74b58c;box-shadow:0 0 0 3px #dff0e5}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-panel{padding:20px}.setting-row{border-top:1px solid #eef2ee;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.setting-row span{color:#859189;font-size:12px}.setting-row strong{color:#354c3d;text-align:right;overflow-wrap:anywhere;font-size:12px}.rule-row{color:#39835b;border-top:1px solid #eef2ee;gap:11px;padding:12px 0;display:flex}.rule-row div{min-width:0}.rule-row strong,.rule-row span{display:block}.rule-row strong{color:#3a5344;font-size:12px}.rule-row span{color:#8a978e;margin-top:4px;font-size:11px;line-height:1.5}.coming-panel{text-align:center;background:#fff;border:1px solid #e5ebe6;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:35px;display:flex}.coming-panel h2{color:#2d4837;margin:18px 0 0;font:700 19px Manrope,sans-serif}.coming-panel p{color:#87948b;max-width:500px;font-size:12px;line-height:1.7}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14291f80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;flex-direction:column;width:min(760px,100%);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #0b211644}.modal-header{border-bottom:1px solid #eaf0eb;justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.modal-header h2{color:#1d3828;letter-spacing:-.4px;margin:0;font:800 20px Manrope,sans-serif}.modal-body{padding:22px 24px;overflow-y:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px;display:grid}.field-wide{grid-column:1/-1}.checkbox-field{color:#4b6253;border:1px solid #e0e8e2;border-radius:8px;align-items:center;gap:9px;min-height:39px;padding:0 11px;font-size:12px;display:flex}.checkbox-field input{accent-color:#176c4c;width:15px;height:15px}.upload-box{color:#40815b;background:#f8fcf9;border:1px dashed #b7d2bf;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.upload-box>div{flex:1;min-width:0}.upload-box strong,.upload-box span{overflow-wrap:anywhere;display:block}.upload-box strong{color:#3a5946;font-size:12px}.upload-box span{color:#8d9b91;margin-top:4px;font-size:10px}.upload-box input{display:none}.field-hint{color:#9aa49d;margin:7px 0 0;font-size:10px}.modal-footer{background:#fbfcfb;border-top:1px solid #eaf0eb;justify-content:flex-end;align-items:center;gap:9px;padding:15px 24px;display:flex}.modal-footer>span{color:#8e9b92;margin-right:auto;font-size:10px}.detail-content{padding:22px 24px;overflow:auto}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.detail-grid>div{border-bottom:1px solid #eef2ee;min-width:0;padding:12px 0}.detail-grid span,.detail-grid strong{overflow-wrap:anywhere;display:block}.detail-grid span{color:#8c9990;margin-bottom:6px;font-size:10px}.detail-grid strong{color:#3b5144;font-size:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.loading-toast{color:#65776b;z-index:50;background:#fff;border:1px solid #e3eae4;border-radius:10px;align-items:center;gap:9px;padding:10px 14px;font-size:11px;display:flex;position:fixed;bottom:20px;right:22px;box-shadow:0 6px 20px #17352314}.mobile-overlay{display:none}@media (width<=1250px){.sidebar{width:230px}.main-area{margin-left:230px}.page-content{padding:27px 24px 42px}.topbar{padding:0 24px}.overview-grid,.currency-grid,.quick-actions,.statement-form{grid-template-columns:repeat(2,minmax(0,1fr))}.statement-form .btn{grid-column:1/-1}.recon-row{grid-template-columns:36px minmax(130px,1fr) minmax(90px,.7fr) auto}.recon-match{display:none}}@media (width<=900px){.sidebar{width:265px;box-shadow:none;transition:transform .22s;transform:translate(-100%)}.sidebar-open{transform:translate(0);box-shadow:15px 0 50px #0b211f24}.mobile-overlay{z-index:25;background:#10291f66;border:0;display:block;position:fixed;inset:0}.mobile-close,.mobile-menu{place-items:center;display:grid}.mobile-menu{width:34px;height:34px;margin-right:10px}.main-area{margin-left:0}.topbar{height:62px;padding:0 20px}.page-content{padding:24px 20px 40px}.dashboard-lower{grid-template-columns:1fr}.top-date{display:none}.recon-row{grid-template-columns:36px minmax(0,1fr) auto}.recon-money{display:none}.settings-grid{grid-template-columns:1fr}}.auth-loading{color:#728379;background:#f7f9f7;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:12px;display:flex}.auth-loading strong{color:#294535;font:700 16px Manrope,sans-serif}.auth-loading .btn{margin-top:6px}.setup-screen{background:radial-gradient(circle at 15% 15%,#e9f5ed 0,#0000 32%),#f7f9f7;place-items:center;min-height:100vh;padding:24px;display:grid}.setup-card{background:#fff;border:1px solid #e1eae3;border-radius:18px;width:min(650px,100%);padding:30px;box-shadow:0 18px 60px #1735230d}.setup-brand{border-bottom:1px solid #edf1ed;margin-bottom:26px;padding:0 0 27px}.setup-card h1{letter-spacing:-.8px;color:#1a3226;margin:0;font:800 27px Manrope,sans-serif}.setup-card>p{color:#819087;margin:9px 0 22px;font-size:13px;line-height:1.65}.setup-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;display:grid}.setup-submit{grid-column:1/-1;width:100%;min-height:44px;margin-top:3px}.setup-note{color:#568165;border-top:1px solid #edf1ed;align-items:center;gap:8px;margin-top:20px;padding-top:16px;font-size:10px;display:flex}.setup-screen .error-banner{margin-bottom:14px}@media (width<=560px){.setup-screen{padding:12px}.setup-card{border-radius:14px;padding:22px 17px}.setup-form{grid-template-columns:1fr}.setup-form .field-wide,.setup-submit{grid-column:auto}.setup-card h1{font-size:24px}.page-content{padding:20px 13px 32px}.topbar{padding:0 13px}.topbar-actions{gap:10px}.crumb{gap:6px;font-size:11px}.welcome-row{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:22px}.welcome-row h1{font-size:24px}.welcome-row .btn{width:100%}.section-heading{align-items:flex-start;gap:10px}.overview-grid,.currency-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card,.currency-card{padding:13px}.metric-value{font-size:21px}.metric-foot{font-size:10px;line-height:1.5}.currency-head{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:13px}.currency-line{flex-direction:column;align-items:flex-start;gap:4px}.currency-line strong{font-size:11px}.currency-label{font-size:9px}.currency-foot{line-height:1.4}.tiny-pill{display:none}.quick-actions{grid-template-columns:1fr 1fr;gap:8px}.quick-actions>button{gap:8px;padding:12px 9px}.quick-actions strong{font-size:10px}.quick-actions small{font-size:9px}.quick-actions>button>span{width:30px;height:30px}.panel{padding:14px}.list-toolbar{flex-direction:column;align-items:stretch;padding:12px}.search-box{width:100%;max-width:none}.toolbar-actions{width:100%}.toolbar-actions .btn-outline:not(.btn-square){flex:1}.filter-select{flex:1;min-width:0}.table-footer{font-size:9px}.table-footer span:last-child{display:none}.statement-builder{padding:20px 13px}.statement-form{grid-template-columns:1fr}.statement-form .btn{grid-column:auto;width:100%}.form-grid{grid-template-columns:1fr;gap:14px}.field-wide{grid-column:auto}.modal-backdrop{align-items:flex-end;padding:0}.modal-card{border-radius:17px 17px 0 0;max-height:94vh}.modal-header,.modal-body{padding:17px}.modal-footer{flex-wrap:wrap;padding:12px 15px}.modal-footer>span{width:100%;margin:0 0 3px}.detail-grid{grid-template-columns:1fr}.recon-row{grid-template-columns:30px minmax(0,1fr);gap:9px;padding:14px 12px}.recon-row .btn{grid-column:2;width:100%}.recon-info strong{font-size:11px}.recon-info span{font-size:10px}.arrears-summary{flex-direction:column;align-items:flex-start;gap:8px}.settings-panel{padding:15px}.status-pill{font-size:9px}.loading-toast{bottom:12px;right:12px}}