:root{--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:var(--sans);--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--text-xs:12.5px;--text-sm:13.5px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:26px;--text-metric:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-pill:999px;--control-height:38px;--bg:#f3f6f4;--surface:#fff;--surface-2:#f7f9f8;--surface-3:#edf2ee;--ink:#16202c;--text-h:#16202c;--text:#4b5a54;--muted:#4b5a54;--rule:#e2e8e4;--border:var(--rule);--rule-strong:#cbd5ce;--code-bg:#f4f6f4;--accent:#0f6b3a;--accent-strong:#0a522c;--on-accent:#fff;--accent-soft:#e4f1e9;--focus:#1c8b4f;--ok:#1e6b43;--ok-soft:#e2f2e9;--warning:#8a5a00;--warning-soft:#fdf1df;--blocker:#b42318;--blocker-soft:#fdecea;--info:#1e40af;--info-soft:#e5ebfb;--shadow-sm:0 1px 2px #1018280d;--shadow:0 1px 2px #1018280d;--shadow-md:0 10px 28px #1018281f;--nav-bg:#0f2a1d;--nav-bg-2:#12331f;--nav-rule:#1d4430;--nav-ink:#dbe9e0;--nav-ink-muted:#9db8a8;--nav-width:248px;font:var(--text-base)/1.5 var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.shell{grid-template-columns:var(--nav-width) 1fr;min-height:100vh;display:grid}.side-nav{background:var(--nav-bg);color:var(--nav-ink);border-right:1px solid var(--nav-rule);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.side-nav .brand{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);color:#fff;border-bottom:1px solid var(--nav-rule);text-decoration:none;display:flex}.side-nav .brand-mark{border-radius:var(--radius);background:var(--accent);color:#fff;width:34px;height:34px;font-weight:800;font-size:var(--text-sm);letter-spacing:.5px;flex:none;place-items:center;display:grid}.side-nav .brand strong{font-size:var(--text-md);letter-spacing:.3px;display:block}.side-nav .brand small{color:var(--nav-ink-muted);font-size:var(--text-xs);display:block}.side-nav nav{padding:var(--space-3) var(--space-2);flex:1}.nav-group{margin-bottom:var(--space-4)}.nav-group>h2{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);padding:0 var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.8px;color:var(--nav-ink-muted);font-weight:700;display:flex}.nav-group .group-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.nav-items{flex-direction:column;gap:2px;display:flex}.nav-items a{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--nav-ink);font-size:var(--text-sm);border-left:3px solid #0000;text-decoration:none;display:flex}.nav-items a:hover{background:var(--nav-bg-2);color:#fff}.nav-items a.active{background:var(--nav-bg-2);color:#fff;border-left-color:var(--accent);font-weight:600}.nav-items a:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.side-nav .nav-footer{padding:var(--space-4);border-top:1px solid var(--nav-rule);gap:var(--space-2);flex-direction:column;display:flex}.side-nav .nav-footer .who{font-size:var(--text-sm);color:#fff;font-weight:600}.side-nav .nav-footer .role{font-size:var(--text-xs);color:var(--nav-ink-muted)}.side-nav .nav-footer button{color:var(--nav-ink);border:1px solid var(--nav-rule);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:0 0}.side-nav .nav-footer button:hover{background:var(--nav-bg-2);color:#fff}.nav-toggle{display:none}.main{padding:var(--space-6);box-sizing:border-box;width:100%;min-width:0;max-width:1180px;margin:0 auto}@media (width<=900px){.shell{grid-template-columns:1fr}.nav-toggle{z-index:20;text-align:left;background:var(--nav-bg);color:#fff;border-radius:0;width:100%;display:inline-block;position:sticky;top:0}.side-nav{width:min(var(--nav-width), 86vw);z-index:30;transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.side-nav.is-open{transform:none}.main{padding:var(--space-4)}}.pad{padding:2rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.page-head h1,.page-head h2{margin:0}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.table{border-collapse:collapse;width:100%;margin:.75rem 0 1.5rem;font-size:.95rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .7rem}.table thead th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:.8rem}.table tfoot td{border-top:2px solid var(--rule-strong)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .mono,.mono{font-family:var(--mono);font-size:.85em}.table a{color:var(--accent);font-weight:600}.badge{letter-spacing:.3px;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.active{background:var(--ok-soft);color:var(--ok)}.badge.pending_approval{background:var(--warning-soft);color:var(--warning)}.badge.dormant{background:var(--surface-3);color:var(--muted)}.badge.approved{background:var(--info-soft);color:var(--info)}.badge.rejected{background:var(--blocker-soft);color:var(--blocker)}.badge.disbursed{background:var(--ok-soft);color:var(--ok)}.badge.in_arrears{background:var(--blocker-soft);color:var(--blocker)}.badge.repaid{background:var(--info-soft);color:var(--info)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.blocker{background:var(--blocker-soft);color:var(--blocker)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.simulated{background:var(--info-soft);color:var(--info);border:2px dashed var(--info)}.cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:1rem 0;display:grid}.card.stat{flex-direction:column;gap:.25rem;padding:.9rem 1rem;display:flex}.card.stat strong{font-variant-numeric:tabular-nums;font-size:1.15rem}.card.stat.alert{border-left:4px solid var(--blocker)}tr.overdue td{background:var(--blocker-soft)}.modal.wide{width:min(720px,100%);max-height:90vh;overflow-y:auto}textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);border-radius:6px;margin-top:.25rem;padding:.55rem .65rem;font-family:inherit;font-size:1rem;display:block}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:1.25rem}.card.notice{border-left:4px solid var(--warning);margin:1rem 0}.login-wrap{background:var(--nav-bg);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{width:min(420px,100%)}.login-card h1{letter-spacing:1px;margin:0 0 .25rem}label{color:var(--text-h);margin:.7rem 0;font-size:.9rem;font-weight:600;display:block}input,select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);border-radius:6px;margin-top:.25rem;padding:.55rem .65rem;font-size:1rem;display:block}input[type=checkbox]{width:auto;accent-color:var(--accent);flex:none;margin-top:0;display:inline-block}.badge.sandbox{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning)}input:focus,select:focus,button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}button{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:6px;padding:.55rem 1rem;font-size:.95rem;font-weight:600}button:hover{background:var(--accent-strong)}button:disabled{opacity:.6;cursor:wait}button.ghost{color:var(--accent);border:1px solid var(--accent);background:0 0}button.ghost:hover{background:var(--accent-soft)}button.small{padding:.3rem .6rem;font-size:.8rem}.error{background:var(--blocker-soft);color:var(--blocker);border:1px solid var(--blocker);border-radius:6px;margin:.75rem 0;padding:.6rem .8rem}.muted{color:var(--text)}.small{font-size:.8rem}.modal-backdrop{z-index:50;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:min(480px,100%)}.demo-accounts{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.chip{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);padding:.3rem .6rem;font-size:.78rem}.chip:hover{background:var(--surface-3)}h1{color:var(--text-h);font-size:1.5rem}h2{color:var(--text-h);margin-top:1.5rem;font-size:1.15rem}.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.card.stat{padding:.8rem 1rem}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:.8rem}.stat-value{font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:1.4rem;font-weight:700}.row-2col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.75rem;display:grid}.row.wrap{align-items:flex-end}.check{align-items:center;gap:.5rem;font-weight:600;display:flex}.warn{color:var(--blocker);font-weight:700}.table.compact th,.table.compact td{padding:.35rem .5rem;font-size:.85rem}tr.subtotal td{background:var(--surface-2);font-weight:600}.sandbox-box{background:#fffbeb;border:2px dashed #b45309;border-radius:8px;margin:.5rem 0;padding:.9rem}.phone-prompt{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:.8rem}.statement-head{border-bottom:2px solid #0f2a1d;margin-bottom:.5rem}.statement-acct{margin-bottom:1.25rem}@media print{.topbar,.no-print,button{display:none!important}.main{padding:0}.card{box-shadow:none;border:none}.statement-print{margin:0}}.role-picker{border:1px solid var(--rule);border-radius:var(--radius);padding:var(--space-3);margin:var(--space-3) 0}.role-picker legend{font-size:var(--text-sm);color:var(--ink);padding:0 var(--space-2);font-weight:600}.role-option{align-items:flex-start;gap:var(--space-2);margin:var(--space-2) 0;font-weight:400;display:flex}.role-option input[type=checkbox]{margin-top:3px}.role-option strong{text-transform:capitalize;color:var(--ink);font-weight:600}.modal-actions{margin-top:var(--space-4)}.badge.neutral{background:var(--surface-3);color:var(--muted)}td .badge+.badge{margin-left:var(--space-1)}tr.inactive-row td{opacity:.62}tr.inactive-row td .badge{opacity:1}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll>.table{min-width:44rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1310;--surface:#161c18;--surface-2:#1b221d;--surface-3:#232b25;--ink:#eef3ee;--text-h:#eef3ee;--text:#b7c1ba;--muted:#9aa79f;--rule:#2b342d;--border:#2b342d;--rule-strong:#3a453d;--code-bg:#1b221d;--accent:#4ade80;--accent-strong:#6ee7a0;--on-accent:#0b120d;--accent-soft:#142a1c;--focus:#4ade80;--ok:#7cc59a;--ok-soft:#152a1c;--warning:#e0b060;--warning-soft:#33270f;--blocker:#e88a7f;--blocker-soft:#3a2220;--info:#8fb3e0;--info-soft:#1d2a3a;--shadow-sm:#0006 0 1px 2px;--shadow:#0006 0 1px 2px;--shadow-md:#00000080 0 10px 28px;--nav-bg:#12211a;--nav-bg-2:#1a2c22;--nav-rule:#243a2c;--nav-ink:#cfe0d5;--nav-ink-muted:#8fa697}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1310;--surface:#161c18;--surface-2:#1b221d;--surface-3:#232b25;--ink:#eef3ee;--text-h:#eef3ee;--text:#b7c1ba;--muted:#9aa79f;--rule:#2b342d;--border:#2b342d;--rule-strong:#3a453d;--code-bg:#1b221d;--accent:#4ade80;--accent-strong:#6ee7a0;--on-accent:#0b120d;--accent-soft:#142a1c;--focus:#4ade80;--ok:#7cc59a;--ok-soft:#152a1c;--warning:#e0b060;--warning-soft:#33270f;--blocker:#e88a7f;--blocker-soft:#3a2220;--info:#8fb3e0;--info-soft:#1d2a3a;--shadow-sm:#0006 0 1px 2px;--shadow:#0006 0 1px 2px;--shadow-md:#00000080 0 10px 28px;--nav-bg:#12211a;--nav-bg-2:#1a2c22;--nav-rule:#243a2c;--nav-ink:#cfe0d5;--nav-ink-muted:#8fa697}.theme-switch{justify-content:space-between;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--text-xs);color:var(--nav-ink-muted);font-weight:600;display:flex}.theme-switch select{width:auto;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--nav-ink);border:1px solid var(--nav-rule);border-radius:var(--radius-sm);background:0 0;margin-top:0}.theme-switch select option{color:var(--ink);background:var(--surface)}