:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--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:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;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{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);color:#fff;z-index:10;background:#0f2a1d;align-items:center;gap:1.5rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.topbar .brand{color:#fff;letter-spacing:.5px;font-size:1.05rem;font-weight:800;text-decoration:none}.topbar .nav{gap:1rem;display:flex}.topbar .nav a{color:#cfe3d6;padding:.3rem .1rem;text-decoration:none}.topbar .nav a.active,.topbar .nav a:hover{color:#fff;border-bottom:2px solid #4ade80}.topbar .userbox{align-items:center;gap:.75rem;margin-left:auto;display:flex}.topbar .muted{color:#a9c3b2}.main{width:100%;max-width:1100px;margin:0 auto;padding:1.25rem}.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{text-transform:uppercase;letter-spacing:.4px;color:#3c4a41;background:#f4f6f4;font-size:.8rem}.table tfoot td{border-top:2px solid #0f2a1d}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .mono,.mono{font-family:var(--mono);font-size:.85em}.table a{color:#0f6b3a;font-weight:600}.badge{letter-spacing:.3px;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.active{color:#166534;background:#dcfce7}.badge.pending_approval{color:#92400e;background:#fef3c7}.badge.dormant{color:#374151;background:#e5e7eb}.badge.approved{color:#1e40af;background:#dbeafe}.badge.rejected{color:#991b1b;background:#fee2e2}.badge.disbursed{color:#166534;background:#dcfce7}.badge.in_arrears{color:#991b1b;background:#fee2e2}.badge.repaid{color:#3730a3;background:#e0e7ff}.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 #dc2626}tr.overdue td{background:#fef2f2}.modal.wide{width:min(720px,100%);max-height:90vh;overflow-y:auto}textarea{border:1px solid var(--border);width:100%;color:var(--text-h);background:#fff;border-radius:6px;margin-top:.25rem;padding:.55rem .65rem;font-family:inherit;font-size:1rem;display:block}.card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:10px;padding:1.25rem}.card.notice{border-left:4px solid #d97706;margin:1rem 0}.login-wrap{background:#0f2a1d;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);width:100%;color:var(--text-h);background:#fff;border-radius:6px;margin-top:.25rem;padding:.55rem .65rem;font-size:1rem;display:block}input[type=checkbox]{accent-color:#0f6b3a;flex:none;width:auto;margin-top:0;display:inline-block}.badge.sandbox{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}input:focus,select:focus,button:focus-visible{outline-offset:1px;outline:2px solid #0f6b3a}button{color:#fff;cursor:pointer;background:#0f6b3a;border:none;border-radius:6px;padding:.55rem 1rem;font-size:.95rem;font-weight:600}button:hover{background:#0a522c}button:disabled{opacity:.6;cursor:wait}button.ghost{color:#0f6b3a;background:0 0;border:1px solid #0f6b3a}button.ghost:hover{background:#eef7f1}button.small{padding:.3rem .6rem;font-size:.8rem}.topbar button.ghost{color:#fff;border-color:#4ade80}.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;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{color:#0f6b3a;background:#eef7f1;border:1px solid #bfe3cd;padding:.3rem .6rem;font-size:.78rem}.chip:hover{background:#d9efe2}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:#3c4a41;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:#991b1b;font-weight:700}.table.compact th,.table.compact td{padding:.35rem .5rem;font-size:.85rem}tr.subtotal td{background:#f4f6f4;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}}