@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172235;background:#f4f6fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100vh}.sidebar{width:252px;background:#111c2d;color:#d7deea;position:fixed;inset:0 auto 0 0;padding:27px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 36px;font:800 18px Manrope,sans-serif;color:#fff;letter-spacing:-.5px}.brand small{font:600 10px DM Sans;color:#91a3bd;letter-spacing:1.5px;margin-left:4px}.brand-mark{height:34px;width:34px;border-radius:10px;background:#2c9b85;display:grid;place-items:center;color:#fff}.workspace-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8b9bb3}.workspace-label{padding:0 12px 12px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#aebbd0;text-decoration:none;font-size:13px}.nav-item.active{background:#22354b;color:#fff}.nav-item.active svg{color:#59c9ae}.sidebar-bottom{margin-top:auto;padding:14px 10px;color:#9aabc1;font-size:11px;border-top:1px solid #29384c}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e5b45d;margin-right:8px}.main-area{margin-left:252px;padding:30px 38px;max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.topbar h1{font:700 25px Manrope;margin:5px 0 0;letter-spacing:-.8px}.user-chip{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;background:#e1f1ed;color:#287b6c;display:grid;place-items:center;font-size:11px}.welcome{border-radius:13px;background:linear-gradient(115deg,#173b4b,#1e665d);color:#fff;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #183d4b18}.eyebrow.light{color:#9ad9cb}.welcome h2{font:700 22px Manrope;margin:10px 0 5px;letter-spacing:-.6px}.welcome p{font-size:13px;color:#c6dedb;margin:0}.welcome-icon{height:72px;width:72px;border-radius:20px;background:#ffffff16;display:grid;place-items:center;color:#a6e5d8}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.metric-card,.panel{background:#fff;border:1px solid #e8edf3;border-radius:11px;padding:18px}.metric-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#647187}.metric-heading svg{color:#348b7b}.metric-card strong{display:block;font:700 25px Manrope;margin:16px 0 4px}.metric-card>span{font-size:11px;color:#929daf}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:15px}.panel{min-height:265px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.panel h3{font:700 15px Manrope;margin:0 0 5px}.panel p{font-size:11px;color:#8994a5;margin:0}.tag{font-size:9px;font-weight:700;letter-spacing:1px;color:#328575;background:#eaf6f2;border-radius:20px;padding:6px 9px}.empty-state{height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.empty-icon{height:45px;width:45px;border-radius:12px;background:#eef5f5;color:#3c8c80;display:grid;place-items:center}.empty-state strong{font-size:12px}.empty-state span{font-size:11px;color:#8994a5;max-width:270px}.checklist{padding:20px}.checklist ul{list-style:none;padding:8px 0 0;margin:0;display:grid;gap:15px}.checklist li{display:flex;gap:11px;align-items:flex-start}.checklist li>span:first-child{height:23px;width:23px;border-radius:50%;display:grid;place-items:center;font-size:10px;flex:none}.done{background:#e7f5ef;color:#27846f}.pending{background:#f0f2f6;color:#758196}.checklist b{font-size:11px;display:block;margin:1px 0 4px}.checklist small{font-size:10px;color:#8994a5}footer{padding:24px 2px;color:#98a2b1;font-size:10px}footer span{padding:0 5px}@media(max-width:1050px){.sidebar{width:215px}.main-area{margin-left:215px;padding:25px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:static;width:auto;height:auto;padding:14px}.brand{padding-bottom:12px}.workspace-label,.sidebar nav,.sidebar-bottom{display:none}.main-area{margin:0;padding:20px 15px}.welcome{padding:22px}.welcome-icon{display:none}.content-grid{grid-template-columns:1fr}.topbar h1{font-size:22px}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e3f2ee,transparent 35%),#f3f6fa}.login-card{width:min(100%,430px);background:#fff;border:1px solid #e5ebf1;border-radius:16px;padding:34px;box-shadow:0 18px 55px #1c344014}.login-brand{padding:0 0 32px;color:#172235}.login-card h1{font:700 23px Manrope;margin:9px 0 8px;letter-spacing:-.6px}.login-card>p{font-size:12px;line-height:1.6;color:#788599;margin:0 0 24px}.login-card label,.client-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#536176;margin:13px 0}.login-card input,.client-form input{height:41px;border:1px solid #dce3eb;border-radius:7px;padding:0 11px;font:13px DM Sans,sans-serif;color:#172235;outline:none;background:#fff}.login-card input:focus,.client-form input:focus{border-color:#328c7c;box-shadow:0 0 0 3px #328c7c18}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:7px;background:#247d70;color:#fff;padding:0 16px;font:600 12px DM Sans,sans-serif;cursor:pointer}.primary-button:hover{background:#1c6a60}.primary-button:disabled{opacity:.6;cursor:wait}.login-card>.primary-button{width:100%;margin-top:9px}.primary-button.compact{min-height:34px;padding:0 12px}.login-footnote{display:block;text-align:center;margin-top:18px;color:#99a3b2;font-size:10px}.form-error{background:#fff0ef;border:1px solid #f5d0cc;color:#a33b32;padding:10px 12px;border-radius:7px;font-size:11px;margin:12px 0}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#69788d;font-size:13px}.icon-button{height:32px;width:32px;display:grid;place-items:center;border:1px solid #e5ebf1;background:#fff;border-radius:8px;color:#66758a;cursor:pointer;margin-left:5px}.clients-panel{min-height:300px}.client-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:14px;margin:18px 0;background:#f7f9fb;border:1px solid #e8edf3;border-radius:9px}.client-form .primary-button,.client-form .form-error{grid-column:1/-1}.table-wrap{overflow-x:auto;margin-top:20px}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.data-table th{padding:11px 12px;color:#7d899b;font-size:10px;background:#f7f9fb;font-weight:700}.data-table td{padding:13px 12px;border-bottom:1px solid #edf0f4;color:#58667a;white-space:nowrap}.data-table td b,.data-table td small{display:block}.data-table td b{color:#243247;font-size:11px}.data-table td small{color:#96a0af;font-size:10px;margin-top:4px}.status-pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#f1f2f5;color:#758195;font-size:9px}.active-pill{background:#e9f6f0;color:#2b826f}.coming-soon{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.coming-soon h3{margin:15px 0 6px}.coming-soon p{max-width:340px;line-height:1.6}@media(max-width:600px){.login-card{padding:25px 20px}.client-form{grid-template-columns:1fr}.client-form .primary-button,.client-form .form-error{grid-column:1}.user-chip>span:not(.avatar){display:none}}.client-form select{height:41px;border:1px solid #dce3eb;border-radius:7px;padding:0 10px;background:#fff;color:#26354a;font:12px DM Sans,sans-serif}.client-form label small{font-size:9px;font-weight:400;color:#8c98a8;line-height:1.4}.table-action{border:1px solid #e0e6ed;background:#fff;color:#66758a;border-radius:6px;padding:5px 8px;font:10px DM Sans,sans-serif;cursor:pointer}.table-action:hover{border-color:#c1d7d2;color:#247d70}.import-form{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:12px;align-items:end;padding:16px;margin:18px 0;background:#f7f9fb;border:1px solid #e8edf3;border-radius:9px}.import-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#536176}.import-form select,.import-form input{height:39px;min-width:0;border:1px solid #dce3eb;border-radius:7px;padding:0 9px;background:#fff;color:#26354a;font:11px DM Sans,sans-serif}.import-form .file-picker small{font-size:9px;color:#8994a5;font-weight:400}.import-actions{display:flex;gap:6px;align-items:center}.import-actions a{text-decoration:none}.row-preview{margin-top:20px;border-top:1px solid #e8edf3;padding-top:18px}.raw-rows{display:grid;gap:6px;max-height:340px;overflow:auto;margin-top:12px}.raw-row{display:grid;grid-template-columns:65px 1fr;gap:10px;padding:9px;background:#f7f9fb;border-radius:6px;font-size:10px}.raw-row code{white-space:pre-wrap;word-break:break-all;color:#647187}.raw-row b{color:#334257}@media(max-width:900px){.import-form{grid-template-columns:1fr 1fr}.import-form .primary-button{grid-column:1/-1}}@media(max-width:560px){.import-form{grid-template-columns:1fr}.import-form .primary-button{grid-column:1}}.row-client-select{display:block;max-width:190px;height:28px;margin-top:7px;border:1px solid #dce3eb;border-radius:5px;background:#fff;color:#536176;font:10px DM Sans,sans-serif}.row-errors{display:block;margin-top:7px;color:#a33b32;font-size:10px;line-height:1.5}.raw-row{align-items:start}.raw-row>div{min-width:0}.raw-row code+code{display:block;margin-top:6px}.settlement-form{display:grid;grid-template-columns:1.5fr 1fr 1fr .6fr auto;gap:10px;align-items:end;padding:16px;margin:18px 0;background:#f7f9fb;border:1px solid #e8edf3;border-radius:9px}.settlement-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#536176}.settlement-form input,.settlement-form select,.payment-ref-input{height:36px;min-width:0;border:1px solid #dce3eb;border-radius:6px;padding:0 8px;background:#fff;color:#26354a;font:11px DM Sans,sans-serif}.settlement-actions{display:grid;gap:5px;margin-top:7px;min-width:125px}.payment-ref-input{width:145px}.settlement-actions .table-action{width:max-content}@media(max-width:1050px){.settlement-form{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-form .primary-button{grid-column:1/-1}}@media(max-width:560px){.settlement-form{grid-template-columns:1fr}.settlement-form .primary-button{grid-column:1}}.deposit-form{display:grid;grid-template-columns:1.3fr 1fr .6fr .7fr 1fr auto;gap:10px;align-items:end;padding:16px;margin:18px 0;background:#f7f9fb;border:1px solid #e8edf3;border-radius:9px}.deposit-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#536176}.deposit-form input,.deposit-form select{height:36px;min-width:0;border:1px solid #dce3eb;border-radius:6px;padding:0 8px;background:#fff;color:#26354a;font:11px DM Sans,sans-serif}.deposit-form .primary-button{white-space:nowrap}@media(max-width:1050px){.deposit-form{grid-template-columns:repeat(3,minmax(0,1fr))}.deposit-form .primary-button{grid-column:1/-1}}@media(max-width:560px){.deposit-form{grid-template-columns:1fr}.deposit-form .primary-button{grid-column:1}}.adjustment-filter,.adjustment-form{padding:14px;margin:16px 0;background:#f7f9fb;border:1px solid #e8edf3;border-radius:9px}.adjustment-filter label,.adjustment-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#536176}.adjustment-filter select,.adjustment-form input,.adjustment-form select{height:36px;min-width:0;border:1px solid #dce3eb;border-radius:6px;padding:0 8px;background:#fff;color:#26354a;font:11px DM Sans,sans-serif}.adjustment-filter select{max-width:360px;width:100%}.adjustment-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.adjustment-form .primary-button{align-self:end}@media(max-width:800px){.adjustment-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.adjustment-form{grid-template-columns:1fr}}.reconciliation-form{display:grid;grid-template-columns:1.4fr 1fr 1fr .7fr auto;gap:10px;align-items:end;padding:16px;margin:18px 0;background:#f7f9fb;border:1px solid #e8edf3;border-radius:9px}.reconciliation-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#536176}.reconciliation-form input,.reconciliation-form select{height:36px;min-width:0;border:1px solid #dce3eb;border-radius:6px;padding:0 8px;background:#fff;color:#26354a;font:11px DM Sans,sans-serif}.recon-summary{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.recon-summary span{background:#f3f6f8;border:1px solid #e7edf1;border-radius:7px;padding:8px 11px;font-size:10px;color:#6d7a8c}.recon-summary b{color:#26364a}.section-subhead{display:flex;justify-content:space-between;align-items:center;margin:22px 0 9px}.section-subhead h3{font-size:13px;margin:0}.section-subhead span{font-size:10px;color:#8994a5}@media(max-width:1050px){.reconciliation-form{grid-template-columns:repeat(2,minmax(0,1fr))}.reconciliation-form .primary-button{grid-column:1/-1}}@media(max-width:560px){.reconciliation-form{grid-template-columns:1fr}.reconciliation-form .primary-button{grid-column:1}}.journal-form{display:grid;grid-template-columns:1.4fr .8fr .6fr 1.3fr 1.3fr .8fr;gap:10px;align-items:end;padding:16px;margin:18px 0;background:#f7f9fb;border:1px solid #e8edf3;border-radius:9px}.journal-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#536176}.journal-form input,.journal-form select{height:36px;min-width:0;border:1px solid #dce3eb;border-radius:6px;padding:0 8px;background:#fff;color:#26354a;font:11px DM Sans,sans-serif}.journal-form .primary-button{grid-column:1/-1;justify-self:start}@media(max-width:1050px){.journal-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.journal-form{grid-template-columns:1fr}.journal-form .primary-button{grid-column:1}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.settings-grid>div{min-width:0;border:1px solid #e8edf3;border-radius:9px;padding:14px}.settings-grid h3{font-size:13px;margin:0 0 12px}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.settings-form label{display:grid;gap:6px;font-size:10px;font-weight:700;color:#536176}.settings-form input,.settings-form select{height:35px;min-width:0;border:1px solid #dce3eb;border-radius:6px;padding:0 8px;background:#fff;color:#26354a;font:11px DM Sans,sans-serif}.settings-form .primary-button{grid-column:1/-1;justify-self:start}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}}@media(max-width:560px){.settings-form{grid-template-columns:1fr}.settings-form .primary-button{grid-column:1}}.contract-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:15px;margin:16px 0;background:#f7f9fb;border:1px solid #e8edf3;border-radius:9px}.contract-form label{display:grid;gap:7px;font-size:10px;font-weight:700;color:#536176}.contract-form input,.contract-form select{height:36px;min-width:0;border:1px solid #dce3eb;border-radius:6px;padding:0 8px;background:#fff;color:#26354a;font:11px DM Sans,sans-serif}.contract-form .primary-button{grid-column:1/-1;justify-self:start}@media(max-width:900px){.contract-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.contract-form{grid-template-columns:1fr}.contract-form .primary-button{grid-column:1}}.report-totals{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.report-totals>div{display:grid;gap:5px;min-width:180px;padding:14px;background:#f7f9fb;border:1px solid #e8edf3;border-radius:8px}.report-totals small{font-size:10px;color:#8290a2}.report-totals b{font-size:18px;color:#26364a}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-grid>div{padding:14px;border:1px solid #e8edf3;border-radius:8px}.report-grid>div>b{font-size:12px}.report-grid p{display:flex;justify-content:space-between;margin:10px 0 0;font-size:11px;color:#66758a}.report-grid strong{color:#25364a}@media(max-width:560px){.report-grid{grid-template-columns:1fr}}.report-export-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-export-links a{text-decoration:none}.mapping-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px;margin:14px 0;background:#f7f9fb;border:1px solid #e8edf3;border-radius:8px}.mapping-form>b,.mapping-form>p{grid-column:1/-1;margin:0}.mapping-form>b{font-size:11px}.mapping-form>p{font-size:10px;color:#8390a1}.mapping-form label{display:grid;gap:5px;font-size:10px;color:#5e6b7f}.mapping-form input{height:30px;min-width:0;border:1px solid #dce3eb;border-radius:5px;padding:0 7px;font:10px DM Sans,sans-serif}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;font-size:10px;color:#8190a2}@media(max-width:800px){.mapping-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.mapping-form{grid-template-columns:1fr}}.dashboard-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f4;font-size:11px;color:#728094}.dashboard-total:last-child{border-bottom:0}.dashboard-total b{color:#26364a;font-size:13px}
