body { margin:0; font-family: ui-sans-serif, system-ui, sans-serif; background:#eef4f1; color:#13241c; }
header { padding:22px 8%; background:#0f3d2e; color:#eef4f1; display:flex; justify-content:space-between; align-items:center; }
.wrap { padding:32px 8% 80px; max-width:920px; }
table { width:100%; border-collapse:collapse; background:#fff; border-radius:12px; overflow:hidden; }
th { text-align:left; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:#5d7a6d; padding:12px 16px; background:#f4faf7; }
td { padding:14px 16px; border-top:1px solid #e3eee6; }
.paid { color:#0f7a4a; font-weight:700; }
.due { color:#b45309; font-weight:700; }
.kpi { display:flex; gap:16px; margin:18px 0 22px; }
.box { background:#fff; padding:16px 18px; border-radius:12px; flex:1; }
h1 { margin:0 0 8px; }
.lede { color:#5d7a6d; }
.kpi-label { font-size:12px; color:#5d7a6d; }