diff --git a/app/main.py b/app/main.py
index ffb3cce..2c576a0 100644
--- a/app/main.py
+++ b/app/main.py
@@ -254,6 +254,7 @@ PAGE_HTML = """<!DOCTYPE html>
   .pill.inactive { background: #f6e9e5; color: var(--danger); }
   .pill.manual { background: #f1e8da; color: #a97a4a; }
   .num { font-variant-numeric: tabular-nums; }
+  .remaining-col { font-weight: 700; color: var(--green-deep); background: #eaf3ea; }
   .flash { padding: 12px 16px; border-radius: 8px; margin: 16px 0; font-size: 14px; display: none; }
   .flash.show { display: block; }
   .flash.ok { background: #eaf3ea; color: #2f5c30; }
@@ -482,8 +483,8 @@ function renderMembers() {
       ? '<span class="pill active">yes</span>'
       : '<span class="pill inactive">pending</span>';
     const credits = m.credit_balance ?? 0;
-    const creditsPill = credits > 0
-      ? '<span class="pill active">' + fmt(credits) + '</span>'
+    const creditsCell = credits > 0
+      ? fmt(credits)
       : '<span style="color:var(--muted)">—</span>';
     const src = m.manual
       ? '<span class="pill manual" title="Manual member (no OC subscription; exempt from sweep)">manual</span>'
@@ -494,9 +495,9 @@ function renderMembers() {
       '<td>' + act + '</td>' +
       '<td>' + src + '</td>' +
       '<td class="num balance-col">' + fmt(m.balance) + '</td>' +
-      '<td class="balance-col">' + creditsPill + '</td>' +
+      '<td class="num balance-col">' + creditsCell + '</td>' +
       '<td class="num">' + fmt(memberSpend(m)) + '</td>' +
-      '<td class="num balance-col">' + fmt(m.remaining) + '</td>' +
+      '<td class="num balance-col remaining-col">' + fmt(m.remaining) + '</td>' +
       '<td class="balance-col">' + esc(reset) + '</td>' +
       '<td><div class="adjust">' +
       '<input id="add-' + i(m.email) + '" placeholder="+$" />' +