:root{--ink:#17231d;--muted:#68756e;--paper:#f4f6f1;--card:#fff;--green:#1c6b48;--green-dark:#115338;--line:#dfe5dd;--red:#b43b36;--amber:#a56812}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2))}.brand{color:var(--ink);font-weight:700;text-decoration:none;font-size:19px}.brand span{display:inline-grid;place-items:center;background:var(--green);color:#fff;width:36px;height:36px;border-radius:11px;margin-right:10px}.container{max-width:1200px;margin:auto;padding:42px 24px 80px}.button{border:0;border-radius:10px;padding:11px 18px;background:var(--green);color:#fff;text-decoration:none;font:600 14px inherit;cursor:pointer;display:inline-block}.button:hover{background:var(--green-dark)}.button.large{padding:14px 22px}.button.secondary{background:#e8ece7;color:var(--ink)}.hero,.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.hero h1,.page-head h1{font-size:38px;letter-spacing:-1.5px;margin:5px 0 8px}.hero p,.page-head p{color:var(--muted);margin:0}.eyebrow{color:var(--green)!important;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:1.2px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metrics article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.metrics span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.metrics strong{font-size:22px}.metrics .danger strong{color:var(--red)}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}h2{margin:3px 0;font-size:20px}.count{background:#edf1ec;color:var(--muted);padding:6px 10px;border-radius:30px;font-size:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:13px 20px;background:#fafbf9;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.7px}td{padding:16px 20px;border-top:1px solid #edf0ec;font-size:14px}tbody tr{cursor:pointer}tbody tr:hover{background:#fbfcfa}td small{display:block;color:var(--muted);margin-top:4px}.status{display:inline-block;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:700}.status.paid{background:#e2f4e9;color:var(--green)}.status.overdue{background:#fbe8e6;color:var(--red)}.status.active{background:#fff1d8;color:var(--amber)}.status.neutral{background:#edf0ed;color:var(--muted)}.empty{text-align:center;padding:64px 20px}.empty p,.muted{color:var(--muted)}.alert{padding:13px 16px;border-radius:10px;margin-bottom:20px}.alert.success{background:#e2f4e9;color:var(--green)}.alert.error{background:#fbe8e6;color:var(--red)}.form-layout{max-width:900px}.form-card{padding:24px;margin-bottom:20px}.form-card h2{margin-bottom:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fields .full{grid-column:1/-1}label{display:grid;gap:7px;font-size:13px;font-weight:600}input,textarea,select{width:100%;border:1px solid #ccd5cd;border-radius:9px;padding:12px 13px;font:14px inherit;color:var(--ink);background:#fff}input:focus,textarea:focus,select:focus{outline:2px solid #b8d5c6;border-color:var(--green)}textarea{min-height:90px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px}.back{display:block;color:var(--muted);text-decoration:none;margin-bottom:22px;font-size:14px}.split{align-items:center}.detail-metrics{margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:22px}.stack{display:grid;gap:16px}.stack .button{width:100%;margin-top:4px}.history{margin-top:20px}.payment{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.payment div small{display:block;color:var(--muted);margin-top:3px}.payment>span{color:var(--muted)}.success-text{color:var(--green);font-weight:600}@media(max-width:800px){.metrics{grid-template-columns:1fr 1fr}.hero{align-items:start;gap:20px}.detail-grid{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}}@media(max-width:520px){.container{padding:28px 15px}.topbar{padding:0 15px}.hero{display:block}.hero .button{margin-top:20px}.hero h1,.page-head h1{font-size:31px}.metrics{grid-template-columns:1fr}.page-head{display:block}.split .status{margin-top:15px}}.disburse-form{margin-bottom:20px}