From 1ac5df7be528681301ad6e359fbb42d77487c1db Mon Sep 17 00:00:00 2001
From: Jan Novak <kacerr.cz@gmail.com>
Date: Thu, 9 Apr 2026 12:48:15 +0200
Subject: [PATCH] chore: Remove archived pages (fees, reconcile) from web UI

Deleted /fees, /fees-juniors, /reconcile, /reconcile-juniors routes and
their templates. Payment Ledger (/payments) is retained. Nav updated
across all remaining templates.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app.py                           | 387 --------------
 templates/adults.html            |   4 -
 templates/fees-juniors.html      | 253 ---------
 templates/fees.html              | 268 ----------
 templates/flush-cache.html       |   4 -
 templates/juniors.html           |   4 -
 templates/payments.html          |   4 -
 templates/reconcile-juniors.html | 884 -------------------------------
 templates/reconcile.html         | 884 -------------------------------
 templates/sync.html              |   4 -
 10 files changed, 2696 deletions(-)
 delete mode 100644 templates/fees-juniors.html
 delete mode 100644 templates/fees.html
 delete mode 100644 templates/reconcile-juniors.html
 delete mode 100644 templates/reconcile.html

diff --git a/app.py b/app.py
index d76763a..1b1ff29 100644
--- a/app.py
+++ b/app.py
@@ -157,151 +157,6 @@ def sync_bank():
 def version():
     return BUILD_META
 
-@app.route("/fees")
-def fees():
-    attendance_url = f"https://docs.google.com/spreadsheets/d/{ATTENDANCE_SHEET_ID}/edit"
-    payments_url = f"https://docs.google.com/spreadsheets/d/{PAYMENTS_SHEET_ID}/edit"
-    
-    members_data = get_cached_data("attendance_regular", ATTENDANCE_SHEET_ID, get_members_with_fees)
-    record_step("fetch_members")
-    if not members_data:
-        return "No data."
-    members, sorted_months = members_data
-
-    # Filter to adults only for display
-    results = [(name, fees) for name, tier, fees in members if tier == "A"]
-
-    # Format month labels
-    month_labels = get_month_labels(sorted_months, ADULT_MERGED_MONTHS)
-
-    monthly_totals = {m: 0 for m in sorted_months}
-    
-    # Get exceptions for formatting
-    credentials_path = CREDENTIALS_PATH
-    exceptions = get_cached_data(
-            "exceptions_dict", PAYMENTS_SHEET_ID, fetch_exceptions,
-            PAYMENTS_SHEET_ID, credentials_path,
-            serialize=lambda d: [[list(k), v] for k, v in d.items()],
-            deserialize=lambda c: {tuple(k): v for k, v in c},
-        )
-    record_step("fetch_exceptions")
-    
-    formatted_results = []
-    for name, month_fees in results:
-        row = {"name": name, "months": []}
-        norm_name = normalize(name)
-        for m in sorted_months:
-            fee, count = month_fees.get(m, (0, 0))
-            
-            # Check for exception
-            norm_period = normalize(m)
-            ex_data = exceptions.get((norm_name, norm_period))
-            override_amount = ex_data["amount"] if ex_data else None
-            
-            if override_amount is not None and override_amount != fee:
-                cell = f"{override_amount} ({fee}) CZK ({count})" if count > 0 else f"{override_amount} ({fee}) CZK"
-                is_overridden = True
-            else:
-                if isinstance(fee, int):
-                    monthly_totals[m] += fee
-                cell = f"{fee} CZK ({count})" if count > 0 else "-"
-                is_overridden = False
-            row["months"].append({"cell": cell, "overridden": is_overridden})
-        formatted_results.append(row)
-
-    record_step("process_data")
-
-    return render_template(
-        "fees.html", 
-        months=[month_labels[m] for m in sorted_months], 
-        results=formatted_results,
-        totals=[f"{monthly_totals[m]} CZK" for m in sorted_months],
-        attendance_url=attendance_url,
-        payments_url=payments_url
-    )
-
-@app.route("/fees-juniors")
-def fees_juniors():
-    attendance_url = f"https://docs.google.com/spreadsheets/d/{ATTENDANCE_SHEET_ID}/edit#gid={JUNIOR_SHEET_GID}"
-    payments_url = f"https://docs.google.com/spreadsheets/d/{PAYMENTS_SHEET_ID}/edit"
-    
-    members_data = get_cached_data("attendance_juniors", ATTENDANCE_SHEET_ID, get_junior_members_with_fees)
-    record_step("fetch_junior_members")
-    if not members_data:
-        return "No data."
-    members, sorted_months = members_data
-
-    # Sort members by name
-    results = sorted([(name, fees) for name, tier, fees in members], key=lambda x: x[0])
-
-    # Format month labels
-    month_labels = get_month_labels(sorted_months, JUNIOR_MERGED_MONTHS)
-
-    monthly_totals = {m: 0 for m in sorted_months}
-    
-    # Get exceptions for formatting (reusing payments sheet)
-    credentials_path = CREDENTIALS_PATH
-    exceptions = get_cached_data(
-            "exceptions_dict", PAYMENTS_SHEET_ID, fetch_exceptions,
-            PAYMENTS_SHEET_ID, credentials_path,
-            serialize=lambda d: [[list(k), v] for k, v in d.items()],
-            deserialize=lambda c: {tuple(k): v for k, v in c},
-        )
-    record_step("fetch_exceptions")
-    
-    formatted_results = []
-    for name, month_fees in results:
-        row = {"name": name, "months": []}
-        norm_name = normalize(name)
-        for m in sorted_months:
-            fee_data = month_fees.get(m, (0, 0, 0, 0))
-            if len(fee_data) == 4:
-                fee, total_count, adult_count, junior_count = fee_data
-            else:
-                fee, total_count = fee_data
-                adult_count, junior_count = 0, 0
-                
-            # Check for exception
-            norm_period = normalize(m)
-            ex_data = exceptions.get((norm_name, norm_period))
-            override_amount = ex_data["amount"] if ex_data else None
-            
-            if ex_data is None and isinstance(fee, int):
-                monthly_totals[m] += fee
-            
-            # Formulate the count string display
-            if adult_count > 0 and junior_count > 0:
-                count_str = f"{total_count} ({adult_count}A+{junior_count}J)"
-            elif adult_count > 0:
-                count_str = f"{total_count} (A)"
-            elif junior_count > 0:
-                count_str = f"{total_count} (J)"
-            else:
-                count_str = f"{total_count}"
-            
-            if override_amount is not None and override_amount != fee:
-                cell = f"{override_amount} ({fee}) CZK / {count_str}" if total_count > 0 else f"{override_amount} ({fee}) CZK"
-                is_overridden = True
-            else:
-                if fee == "?":
-                    cell = f"? / {count_str}" if total_count > 0 else "-"
-                else:
-                    cell = f"{fee} CZK / {count_str}" if total_count > 0 else "-"
-                is_overridden = False
-            row["months"].append({"cell": cell, "overridden": is_overridden})
-        formatted_results.append(row)
-
-    record_step("process_data")
-
-    return render_template(
-        "fees-juniors.html", 
-        months=[month_labels[m] for m in sorted_months], 
-        results=formatted_results,
-        totals=[f"{t} CZK" if isinstance(t, int) else t for t in monthly_totals.values()],
-        attendance_url=attendance_url,
-        payments_url=payments_url
-    )
-
 @app.route("/adults")
 def adults_view():
     attendance_url = f"https://docs.google.com/spreadsheets/d/{ATTENDANCE_SHEET_ID}/edit"
@@ -442,110 +297,6 @@ def adults_view():
         bank_account=BANK_ACCOUNT
     )
 
-@app.route("/reconcile")
-def reconcile_view():
-    attendance_url = f"https://docs.google.com/spreadsheets/d/{ATTENDANCE_SHEET_ID}/edit"
-    payments_url = f"https://docs.google.com/spreadsheets/d/{PAYMENTS_SHEET_ID}/edit"
-    
-    # Use hardcoded credentials path for now, consistent with other scripts
-    credentials_path = CREDENTIALS_PATH
-    
-    members_data = get_cached_data("attendance_regular", ATTENDANCE_SHEET_ID, get_members_with_fees)
-    record_step("fetch_members")
-    if not members_data:
-        return "No data."
-    members, sorted_months = members_data
-        
-    transactions = get_cached_data("payments_transactions", PAYMENTS_SHEET_ID, fetch_sheet_data, PAYMENTS_SHEET_ID, credentials_path)
-    record_step("fetch_payments")
-    exceptions = get_cached_data(
-            "exceptions_dict", PAYMENTS_SHEET_ID, fetch_exceptions,
-            PAYMENTS_SHEET_ID, credentials_path,
-            serialize=lambda d: [[list(k), v] for k, v in d.items()],
-            deserialize=lambda c: {tuple(k): v for k, v in c},
-        )
-    record_step("fetch_exceptions")
-    result = reconcile(members, sorted_months, transactions, exceptions)
-    record_step("reconcile")
-    
-    # Format month labels
-    month_labels = get_month_labels(sorted_months, ADULT_MERGED_MONTHS)
-    
-    # Filter to adults for the main table
-    adult_names = sorted([name for name, tier, _ in members if tier == "A"])
-    
-    formatted_results = []
-    for name in adult_names:
-        data = result["members"][name]
-        row = {"name": name, "months": [], "balance": data["total_balance"], "unpaid_periods": "", "raw_unpaid_periods": ""}
-        unpaid_months = []
-        raw_unpaid_months = []
-        for m in sorted_months:
-            mdata = data["months"].get(m, {"expected": 0, "original_expected": 0, "paid": 0})
-            expected = mdata["expected"]
-            paid = int(mdata["paid"])
-
-            status = "empty"
-            cell_text = "-"
-            amount_to_pay = 0
-
-            if expected > 0:
-                if paid >= expected:
-                    status = "ok"
-                    cell_text = "OK"
-                elif paid > 0:
-                    status = "partial"
-                    cell_text = f"{paid}/{expected}"
-                    amount_to_pay = expected - paid
-                    unpaid_months.append(month_labels[m])
-                    raw_unpaid_months.append(datetime.strptime(m, "%Y-%m").strftime("%m/%Y"))
-                else:
-                    status = "unpaid"
-                    cell_text = f"UNPAID {expected}"
-                    amount_to_pay = expected
-                    unpaid_months.append(month_labels[m])
-                    raw_unpaid_months.append(datetime.strptime(m, "%Y-%m").strftime("%m/%Y"))
-            elif paid > 0:
-                status = "surplus"
-                cell_text = f"PAID {paid}"
-
-            row["months"].append({
-                "text": cell_text,
-                "status": status,
-                "amount": amount_to_pay,
-                "month": month_labels[m],
-                "raw_month": m
-            })
-
-        row["unpaid_periods"] = ", ".join(unpaid_months) if unpaid_months else ("Older debt" if data["total_balance"] < 0 else "")
-        row["raw_unpaid_periods"] = "+".join(raw_unpaid_months)
-        row["balance"] = data["total_balance"] # Updated to use total_balance
-        formatted_results.append(row)
-        
-    # Format credits and debts
-    credits = sorted([{"name": n, "amount": a["total_balance"]} for n, a in result["members"].items() if a["total_balance"] > 0 and n in adult_names], key=lambda x: x["name"])
-    debts = sorted([{"name": n, "amount": abs(a["total_balance"])} for n, a in result["members"].items() if a["total_balance"] < 0 and n in adult_names], key=lambda x: x["name"])
-    # Format unmatched
-    unmatched = result["unmatched"]
-    import json
-    
-    record_step("process_data")
-
-    return render_template(
-        "reconcile.html",
-        months=[month_labels[m] for m in sorted_months],
-        raw_months=sorted_months,
-        results=formatted_results,
-        member_data=json.dumps(result["members"]),
-        month_labels_json=json.dumps(month_labels),
-        credits=credits,
-        debts=debts,
-        unmatched=unmatched,
-        attendance_url=attendance_url,
-        payments_url=payments_url,
-        bank_account=BANK_ACCOUNT
-    )
-
 @app.route("/juniors")
 def juniors_view():
     attendance_url = f"https://docs.google.com/spreadsheets/d/{ATTENDANCE_SHEET_ID}/edit#gid={JUNIOR_SHEET_GID}"
@@ -723,144 +474,6 @@ def juniors_view():
         bank_account=BANK_ACCOUNT
     )
 
-@app.route("/reconcile-juniors")
-def reconcile_juniors_view():
-    attendance_url = f"https://docs.google.com/spreadsheets/d/{ATTENDANCE_SHEET_ID}/edit#gid={JUNIOR_SHEET_GID}"
-    payments_url = f"https://docs.google.com/spreadsheets/d/{PAYMENTS_SHEET_ID}/edit"
-    
-    credentials_path = CREDENTIALS_PATH
-    
-    junior_members_data = get_cached_data("attendance_juniors", ATTENDANCE_SHEET_ID, get_junior_members_with_fees)
-    record_step("fetch_junior_members")
-    if not junior_members_data:
-        return "No data."
-    junior_members, sorted_months = junior_members_data
-        
-    transactions = get_cached_data("payments_transactions", PAYMENTS_SHEET_ID, fetch_sheet_data, PAYMENTS_SHEET_ID, credentials_path)
-    record_step("fetch_payments")
-    exceptions = get_cached_data(
-            "exceptions_dict", PAYMENTS_SHEET_ID, fetch_exceptions,
-            PAYMENTS_SHEET_ID, credentials_path,
-            serialize=lambda d: [[list(k), v] for k, v in d.items()],
-            deserialize=lambda c: {tuple(k): v for k, v in c},
-        )
-    record_step("fetch_exceptions")
-
-    # Adapt junior tuple format (name, tier, {month: (fee, total_count, adult_count, junior_count)}) 
-    # to what match_payments expects: (name, tier, {month: (expected_fee, attendance_count)})
-    adapted_members = []
-    for name, tier, fees_dict in junior_members:
-        adapted_fees = {}
-        for m, fee_data in fees_dict.items():
-            if len(fee_data) == 4:
-                fee, total_count, _, _ = fee_data
-                adapted_fees[m] = (fee, total_count)
-            else:
-                fee, count = fee_data
-                adapted_fees[m] = (fee, count)
-        adapted_members.append((name, tier, adapted_fees))
-
-    result = reconcile(adapted_members, sorted_months, transactions, exceptions)
-    record_step("reconcile")
-    
-    # Format month labels
-    month_labels = get_month_labels(sorted_months, JUNIOR_MERGED_MONTHS)
-    
-    # Filter to juniors for the main table
-    junior_names = sorted([name for name, tier, _ in adapted_members])
-    
-    junior_members_dict_rc = {name: fees_dict for name, _, fees_dict in junior_members}
-
-    formatted_results = []
-    for name in junior_names:
-        data = result["members"][name]
-        row = {"name": name, "months": [], "balance": data["total_balance"], "unpaid_periods": "", "raw_unpaid_periods": ""}
-        unpaid_months = []
-        raw_unpaid_months = []
-        for m in sorted_months:
-            mdata = data["months"].get(m, {"expected": 0, "original_expected": 0, "paid": 0})
-            expected = mdata["expected"]
-            paid = int(mdata["paid"])
-
-            orig_fee_data = junior_members_dict_rc.get(name, {}).get(m)
-            adult_count = 0
-            junior_count = 0
-            att_count = 0
-            if orig_fee_data and len(orig_fee_data) == 4:
-                _, att_count, adult_count, junior_count = orig_fee_data
-
-            breakdown = ""
-            if adult_count > 0 and junior_count > 0:
-                breakdown = f":{junior_count}J,{adult_count}A"
-            elif junior_count > 0:
-                breakdown = f":{junior_count}J"
-            elif adult_count > 0:
-                breakdown = f":{adult_count}A"
-
-            count_str = f" ({att_count}{breakdown})" if att_count > 0 else ""
-
-            status = "empty"
-            cell_text = "-"
-            amount_to_pay = 0
-
-            if expected == "?" or (isinstance(expected, int) and expected > 0):
-                if expected == "?":
-                    status = "empty"
-                    cell_text = f"?{count_str}"
-                elif paid >= expected:
-                    status = "ok"
-                    cell_text = "OK"
-                elif paid > 0:
-                    status = "partial"
-                    cell_text = f"{paid}/{expected}"
-                    amount_to_pay = expected - paid
-                    unpaid_months.append(month_labels[m])
-                    raw_unpaid_months.append(datetime.strptime(m, "%Y-%m").strftime("%m/%Y"))
-                else:
-                    status = "unpaid"
-                    cell_text = f"UNPAID {expected}"
-                    amount_to_pay = expected
-                    unpaid_months.append(month_labels[m])
-                    raw_unpaid_months.append(datetime.strptime(m, "%Y-%m").strftime("%m/%Y"))
-            elif paid > 0:
-                status = "surplus"
-                cell_text = f"PAID {paid}"
-
-            row["months"].append({
-                "text": cell_text,
-                "status": status,
-                "amount": amount_to_pay,
-                "month": month_labels[m],
-                "raw_month": m
-            })
-
-        row["unpaid_periods"] = ", ".join(unpaid_months) if unpaid_months else ("Older debt" if data["total_balance"] < 0 else "")
-        row["raw_unpaid_periods"] = "+".join(raw_unpaid_months)
-        row["balance"] = data["total_balance"]
-        formatted_results.append(row)
-        
-    # Format credits and debts
-    credits = sorted([{"name": n, "amount": a["total_balance"]} for n, a in result["members"].items() if a["total_balance"] > 0], key=lambda x: x["name"])
-    debts = sorted([{"name": n, "amount": abs(a["total_balance"])} for n, a in result["members"].items() if a["total_balance"] < 0], key=lambda x: x["name"])
-    import json
-
-    record_step("process_data")
-
-    return render_template(
-        "reconcile-juniors.html",
-        months=[month_labels[m] for m in sorted_months],
-        raw_months=sorted_months,
-        results=formatted_results,
-        member_data=json.dumps(result["members"]),
-        month_labels_json=json.dumps(month_labels),
-        credits=credits,
-        debts=debts,
-        unmatched=[],
-        attendance_url=attendance_url,
-        payments_url=payments_url,
-        bank_account=BANK_ACCOUNT
-    )
-
 @app.route("/payments")
 def payments():
     attendance_url = f"https://docs.google.com/spreadsheets/d/{ATTENDANCE_SHEET_ID}/edit"
diff --git a/templates/adults.html b/templates/adults.html
index 46a4ca2..e02740a 100644
--- a/templates/adults.html
+++ b/templates/adults.html
@@ -458,10 +458,6 @@
         </div>
         <div class="nav-archived">
             <span style="color: #666; margin-right: 5px;">Archived:</span>
-            <a href="/fees">[Adult - Attendance/Fees]</a>
-            <a href="/fees-juniors">[Junior Attendance/Fees]</a>
-            <a href="/reconcile">[Adult Payment Reconciliation]</a>
-            <a href="/reconcile-juniors">[Junior Payment Reconciliation]</a>
             <a href="/payments">[Payments Ledger]</a>
         </div>
         <div class="nav-archived">
diff --git a/templates/fees-juniors.html b/templates/fees-juniors.html
deleted file mode 100644
index d67a891..0000000
--- a/templates/fees-juniors.html
+++ /dev/null
@@ -1,253 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FUJ Junior Fees Dashboard</title>
-    <style>
-        body {
-            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-            background-color: #0c0c0c;
-            color: #cccccc;
-            padding: 10px;
-            margin: 0;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            font-size: 11px;
-            line-height: 1.2;
-        }
-
-        h1 {
-            color: #00ff00;
-            font-family: inherit;
-            margin-top: 10px;
-            margin-bottom: 20px;
-            text-transform: uppercase;
-            letter-spacing: 1px;
-            font-size: 14px;
-        }
-
-        .table-container {
-            background-color: transparent;
-            border: 1px solid #333;
-            box-shadow: none;
-            overflow-x: auto;
-            width: 100%;
-            max-width: 1200px;
-        }
-
-        table {
-            border-collapse: collapse;
-            width: 100%;
-            table-layout: auto;
-        }
-
-        th,
-        td {
-            padding: 2px 8px;
-            text-align: right;
-            border-bottom: 1px dashed #222;
-            white-space: nowrap;
-        }
-
-        th:first-child,
-        td:first-child {
-            text-align: left;
-        }
-
-        th {
-            background-color: transparent;
-            color: #888888;
-            font-weight: normal;
-            border-bottom: 1px solid #555;
-            text-transform: lowercase;
-        }
-
-        tr:hover {
-            background-color: #1a1a1a;
-        }
-
-        .total {
-            font-weight: bold;
-            background-color: transparent;
-            color: #00ff00;
-            border-top: 1px solid #555;
-        }
-
-        .total:hover {
-            background-color: transparent;
-        }
-
-        .cell-empty {
-            color: #444444;
-        }
-
-        .cell-paid {
-            color: #aaaaaa;
-        }
-
-        .cell-overridden {
-            color: #ffa500 !important;
-        }
-
-        .nav {
-            margin-bottom: 20px;
-            font-size: 12px;
-            color: #555;
-            display: flex;
-            flex-direction: column;
-            gap: 10px;
-            align-items: center;
-        }
-
-        .nav > div {
-            display: flex;
-            gap: 15px;
-            align-items: center;
-        }
-
-        .nav a {
-            color: #00ff00;
-            text-decoration: none;
-            padding: 2px 8px;
-            border: 1px solid #333;
-        }
-
-        .nav a.active {
-            color: #000;
-            background-color: #00ff00;
-            border-color: #00ff00;
-        }
-
-        .nav a:hover {
-            color: #fff;
-            border-color: #555;
-        }
-
-        .nav-archived a {
-            font-size: 10px;
-            color: #666;
-            border-color: #222;
-        }
-
-        .nav-archived a.active {
-            color: #ccc;
-            background-color: #333;
-            border-color: #555;
-        }
-
-        .nav-archived a:hover {
-            color: #999;
-            border-color: #444;
-        }
-
-        .description {
-            margin-bottom: 20px;
-            text-align: center;
-            color: #888;
-            max-width: 800px;
-        }
-
-        .description a {
-            color: #00ff00;
-            text-decoration: none;
-        }
-
-        .description a:hover {
-            text-decoration: underline;
-        }
-
-        .footer {
-            margin-top: 50px;
-            margin-bottom: 20px;
-            color: #333;
-            font-size: 9px;
-            text-align: center;
-            width: 100%;
-            cursor: pointer;
-            user-select: none;
-        }
-
-        .perf-breakdown {
-            display: none;
-            margin-top: 5px;
-            color: #222;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="nav">
-        <div>
-            <a href="/adults">[Adults]</a>
-            <a href="/juniors">[Juniors]</a>
-        </div>
-        <div class="nav-archived">
-            <span style="color: #666; margin-right: 5px;">Archived:</span>
-            <a href="/fees">[Adult - Attendance/Fees]</a>
-            <a href="/fees-juniors" class="active">[Junior Attendance/Fees]</a>
-            <a href="/reconcile">[Adult Payment Reconciliation]</a>
-            <a href="/reconcile-juniors">[Junior Payment Reconciliation]</a>
-            <a href="/payments">[Payments Ledger]</a>
-        </div>
-        <div class="nav-archived">
-            <span style="color: #666; margin-right: 5px;">Tools:</span>
-            <a href="/sync-bank">[Sync Bank Data]</a>
-            <a href="/flush-cache">[Flush Cache]</a>
-        </div>
-    </div>
-
-    <h1>FUJ Junior Fees Dashboard</h1>
-
-    <div class="description">
-        Calculated monthly fees based on attendance markers.<br>
-        Source: <a href="{{ attendance_url }}" target="_blank">Junior Attendance Sheet</a> |
-        <a href="{{ payments_url }}" target="_blank">Payments Ledger</a>
-    </div>
-
-    <div class="table-container">
-        <table>
-            <thead>
-                <tr>
-                    <th>Member</th>
-                    {% for m in months %}
-                    <th>{{ m }}</th>
-                    {% endfor %}
-                </tr>
-            </thead>
-            <tbody>
-                {% for row in results %}
-                <tr>
-                    <td>{{ row.name }}</td>
-                    {% for mdata in row.months %}
-                    <td
-                        class="{% if mdata.cell == '-' %}cell-empty{% elif mdata.overridden %}cell-overridden{% else %}cell-paid{% endif %}">
-                        {{ mdata.cell }}
-                    </td>
-                    {% endfor %}
-                </tr>
-                {% endfor %}
-            </tbody>
-            <tfoot>
-                <tr class="total">
-                    <td>TOTAL</td>
-                    {% for t in totals %}
-                    <td>{{ t }}</td>
-                    {% endfor %}
-                </tr>
-            </tfoot>
-        </table>
-    </div>
-    {% set rt = get_render_time() %}
-    <div class="footer"
-        onclick="document.getElementById('perf-details').style.display = (document.getElementById('perf-details').style.display === 'block' ? 'none' : 'block')">
-        {{ build_meta.tag }}@{{ build_meta.commit }} | render time: {{ rt.total }}s
-        <div id="perf-details" class="perf-breakdown">
-            {{ rt.breakdown }}
-        </div>
-    </div>
-</body>
-
-</html>
diff --git a/templates/fees.html b/templates/fees.html
deleted file mode 100644
index de7b91f..0000000
--- a/templates/fees.html
+++ /dev/null
@@ -1,268 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FUJ Fees Dashboard</title>
-    <style>
-        body {
-            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-            background-color: #0c0c0c;
-            /* Deeper black */
-            color: #cccccc;
-            /* Base gray terminal text */
-            padding: 10px;
-            margin: 0;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            font-size: 11px;
-            /* Even smaller font */
-            line-height: 1.2;
-        }
-
-        h1 {
-            color: #00ff00;
-            /* Terminal green */
-            font-family: inherit;
-            /* Use monospace for header too */
-            margin-top: 10px;
-            margin-bottom: 20px;
-            text-transform: uppercase;
-            letter-spacing: 1px;
-            font-size: 14px;
-        }
-
-        .table-container {
-            background-color: transparent;
-            /* Remove the card background */
-            border: 1px solid #333;
-            /* Just a thin outline if needed, or none */
-            box-shadow: none;
-            overflow-x: auto;
-            width: 100%;
-            max-width: 1200px;
-        }
-
-        table {
-            border-collapse: collapse;
-            width: 100%;
-            table-layout: auto;
-        }
-
-        th,
-        td {
-            padding: 2px 8px;
-            /* Extremely tight padding */
-            text-align: right;
-            border-bottom: 1px dashed #222;
-            /* Dashed lines for terminal feel */
-            white-space: nowrap;
-        }
-
-        th:first-child,
-        td:first-child {
-            text-align: left;
-        }
-
-        th {
-            background-color: transparent;
-            color: #888888;
-            font-weight: normal;
-            border-bottom: 1px solid #555;
-            /* Stronger border for header */
-            text-transform: lowercase;
-        }
-
-        tr:hover {
-            background-color: #1a1a1a;
-            /* Very subtle hover */
-        }
-
-        .total {
-            font-weight: bold;
-            background-color: transparent;
-            color: #00ff00;
-            /* Highlight total row */
-            border-top: 1px solid #555;
-        }
-
-        .total:hover {
-            background-color: transparent;
-        }
-
-        .cell-empty {
-            color: #444444;
-            /* Darker gray for empty cells */
-        }
-
-        .cell-paid {
-            color: #aaaaaa;
-            /* Light gray for normal cells */
-        }
-
-        .cell-overridden {
-            color: #ffa500 !important;
-            /* Orange for overrides */
-        }
-
-        .nav {
-            margin-bottom: 20px;
-            font-size: 12px;
-            color: #555;
-            display: flex;
-            flex-direction: column;
-            gap: 10px;
-            align-items: center;
-        }
-
-        .nav > div {
-            display: flex;
-            gap: 15px;
-            align-items: center;
-        }
-
-        .nav a {
-            color: #00ff00;
-            text-decoration: none;
-            padding: 2px 8px;
-            border: 1px solid #333;
-        }
-
-        .nav a.active {
-            color: #000;
-            background-color: #00ff00;
-            border-color: #00ff00;
-        }
-
-        .nav a:hover {
-            color: #fff;
-            border-color: #555;
-        }
-
-        .nav-archived a {
-            font-size: 10px;
-            color: #666;
-            border-color: #222;
-        }
-
-        .nav-archived a.active {
-            color: #ccc;
-            background-color: #333;
-            border-color: #555;
-        }
-
-        .nav-archived a:hover {
-            color: #999;
-            border-color: #444;
-        }
-
-        .description {
-            margin-bottom: 20px;
-            text-align: center;
-            color: #888;
-            max-width: 800px;
-        }
-
-        .description a {
-            color: #00ff00;
-            text-decoration: none;
-        }
-
-        .description a:hover {
-            text-decoration: underline;
-        }
-
-        .footer {
-            margin-top: 50px;
-            margin-bottom: 20px;
-            color: #333;
-            font-size: 9px;
-            text-align: center;
-            width: 100%;
-            cursor: pointer;
-            user-select: none;
-        }
-
-        .perf-breakdown {
-            display: none;
-            margin-top: 5px;
-            color: #222;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="nav">
-        <div>
-            <a href="/adults">[Adults]</a>
-            <a href="/juniors">[Juniors]</a>
-        </div>
-        <div class="nav-archived">
-            <span style="color: #666; margin-right: 5px;">Archived:</span>
-            <a href="/fees" class="active">[Adult - Attendance/Fees]</a>
-            <a href="/fees-juniors">[Junior Attendance/Fees]</a>
-            <a href="/reconcile">[Adult Payment Reconciliation]</a>
-            <a href="/reconcile-juniors">[Junior Payment Reconciliation]</a>
-            <a href="/payments">[Payments Ledger]</a>
-        </div>
-        <div class="nav-archived">
-            <span style="color: #666; margin-right: 5px;">Tools:</span>
-            <a href="/sync-bank">[Sync Bank Data]</a>
-            <a href="/flush-cache">[Flush Cache]</a>
-        </div>
-    </div>
-
-    <h1>FUJ Fees Dashboard</h1>
-
-    <div class="description">
-        Calculated monthly fees based on attendance markers.<br>
-        Source: <a href="{{ attendance_url }}" target="_blank">Attendance Sheet</a> |
-        <a href="{{ payments_url }}" target="_blank">Payments Ledger</a>
-    </div>
-
-    <div class="table-container">
-        <table>
-            <thead>
-                <tr>
-                    <th>Member</th>
-                    {% for m in months %}
-                    <th>{{ m }}</th>
-                    {% endfor %}
-                </tr>
-            </thead>
-            <tbody>
-                {% for row in results %}
-                <tr>
-                    <td>{{ row.name }}</td>
-                    {% for mdata in row.months %}
-                    <td
-                        class="{% if mdata.cell == '-' %}cell-empty{% elif mdata.overridden %}cell-overridden{% else %}cell-paid{% endif %}">
-                        {{ mdata.cell }}
-                    </td>
-                    {% endfor %}
-                </tr>
-                {% endfor %}
-            </tbody>
-            <tfoot>
-                <tr class="total">
-                    <td>TOTAL</td>
-                    {% for t in totals %}
-                    <td>{{ t }}</td>
-                    {% endfor %}
-                </tr>
-            </tfoot>
-        </table>
-    </div>
-    {% set rt = get_render_time() %}
-    <div class="footer"
-        onclick="document.getElementById('perf-details').style.display = (document.getElementById('perf-details').style.display === 'block' ? 'none' : 'block')">
-        {{ build_meta.tag }}@{{ build_meta.commit }} | render time: {{ rt.total }}s
-        <div id="perf-details" class="perf-breakdown">
-            {{ rt.breakdown }}
-        </div>
-    </div>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/templates/flush-cache.html b/templates/flush-cache.html
index 7613e38..359f74b 100644
--- a/templates/flush-cache.html
+++ b/templates/flush-cache.html
@@ -131,10 +131,6 @@
         </div>
         <div class="nav-archived">
             <span style="color: #666; margin-right: 5px;">Archived:</span>
-            <a href="/fees">[Adult - Attendance/Fees]</a>
-            <a href="/fees-juniors">[Junior Attendance/Fees]</a>
-            <a href="/reconcile">[Adult Payment Reconciliation]</a>
-            <a href="/reconcile-juniors">[Junior Payment Reconciliation]</a>
             <a href="/payments">[Payments Ledger]</a>
         </div>
         <div class="nav-archived">
diff --git a/templates/juniors.html b/templates/juniors.html
index e2f60fa..038cb61 100644
--- a/templates/juniors.html
+++ b/templates/juniors.html
@@ -458,10 +458,6 @@
         </div>
         <div class="nav-archived">
             <span style="color: #666; margin-right: 5px;">Archived:</span>
-            <a href="/fees">[Adult - Attendance/Fees]</a>
-            <a href="/fees-juniors">[Junior Attendance/Fees]</a>
-            <a href="/reconcile">[Adult Payment Reconciliation]</a>
-            <a href="/reconcile-juniors">[Junior Payment Reconciliation]</a>
             <a href="/payments">[Payments Ledger]</a>
         </div>
         <div class="nav-archived">
diff --git a/templates/payments.html b/templates/payments.html
index 1a8b428..e8fc440 100644
--- a/templates/payments.html
+++ b/templates/payments.html
@@ -190,10 +190,6 @@
         </div>
         <div class="nav-archived">
             <span style="color: #666; margin-right: 5px;">Archived:</span>
-            <a href="/fees">[Adult - Attendance/Fees]</a>
-            <a href="/fees-juniors">[Junior Attendance/Fees]</a>
-            <a href="/reconcile">[Adult Payment Reconciliation]</a>
-            <a href="/reconcile-juniors">[Junior Payment Reconciliation]</a>
             <a href="/payments" class="active">[Payments Ledger]</a>
         </div>
         <div class="nav-archived">
diff --git a/templates/reconcile-juniors.html b/templates/reconcile-juniors.html
deleted file mode 100644
index 7e3099e..0000000
--- a/templates/reconcile-juniors.html
+++ /dev/null
@@ -1,884 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FUJ Junior Payment Reconciliation</title>
-    <style>
-        body {
-            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-            background-color: #0c0c0c;
-            color: #cccccc;
-            padding: 10px;
-            margin: 0;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            font-size: 11px;
-            line-height: 1.2;
-        }
-
-        h1 {
-            color: #00ff00;
-            font-family: inherit;
-            margin-top: 10px;
-            margin-bottom: 20px;
-            text-transform: uppercase;
-            letter-spacing: 1px;
-            font-size: 14px;
-        }
-
-        h2 {
-            color: #00ff00;
-            font-size: 12px;
-            margin-top: 30px;
-            margin-bottom: 10px;
-            text-transform: uppercase;
-            width: 100%;
-            max-width: 1200px;
-            border-bottom: 1px solid #333;
-            padding-bottom: 5px;
-        }
-
-        .nav {
-            margin-bottom: 20px;
-            font-size: 12px;
-            color: #555;
-            display: flex;
-            flex-direction: column;
-            gap: 10px;
-            align-items: center;
-        }
-
-        .nav > div {
-            display: flex;
-            gap: 15px;
-            align-items: center;
-        }
-
-        .nav a {
-            color: #00ff00;
-            text-decoration: none;
-            padding: 2px 8px;
-            border: 1px solid #333;
-        }
-
-        .nav a.active {
-            color: #000;
-            background-color: #00ff00;
-            border-color: #00ff00;
-        }
-
-        .nav a:hover {
-            color: #fff;
-            border-color: #555;
-        }
-
-        .nav-archived a {
-            font-size: 10px;
-            color: #666;
-            border-color: #222;
-        }
-
-        .nav-archived a.active {
-            color: #ccc;
-            background-color: #333;
-            border-color: #555;
-        }
-
-        .nav-archived a:hover {
-            color: #999;
-            border-color: #444;
-        }
-
-        .description {
-            margin-bottom: 20px;
-            text-align: center;
-            color: #888;
-            max-width: 800px;
-        }
-
-        .description a {
-            color: #00ff00;
-            text-decoration: none;
-        }
-
-        .description a:hover {
-            text-decoration: underline;
-        }
-
-        .table-container {
-            background-color: transparent;
-            border: 1px solid #333;
-            box-shadow: none;
-            overflow-x: auto;
-            width: 100%;
-            max-width: 1200px;
-            margin-bottom: 30px;
-        }
-
-        table {
-            border-collapse: collapse;
-            width: 100%;
-            table-layout: auto;
-        }
-
-        th,
-        td {
-            padding: 2px 8px;
-            text-align: right;
-            border-bottom: 1px dashed #222;
-            white-space: nowrap;
-        }
-
-        th:first-child,
-        td:first-child {
-            text-align: left;
-        }
-
-        th {
-            background-color: transparent;
-            color: #888888;
-            font-weight: normal;
-            border-bottom: 1px solid #555;
-            text-transform: lowercase;
-        }
-
-        tr:hover {
-            background-color: #1a1a1a;
-        }
-
-        .balance-pos {
-            color: #00ff00;
-        }
-
-        .balance-neg {
-            color: #ff3333;
-        }
-
-        .cell-ok {
-            color: #00ff00;
-        }
-
-        .cell-unpaid {
-            color: #ff3333;
-            background-color: rgba(255, 51, 51, 0.05);
-            position: relative;
-        }
-
-        .pay-btn {
-            display: none;
-            position: absolute;
-            right: 5px;
-            top: 50%;
-            transform: translateY(-50%);
-            background: #ff3333;
-            color: white;
-            border: none;
-            border-radius: 3px;
-            padding: 2px 6px;
-            font-size: 10px;
-            cursor: pointer;
-            font-weight: bold;
-        }
-
-        .member-row:hover .pay-btn {
-            display: inline-block;
-        }
-
-        .cell-empty {
-            color: #444444;
-        }
-
-        .list-container {
-            width: 100%;
-            max-width: 1200px;
-            color: #888;
-            margin-bottom: 40px;
-        }
-
-        .list-item {
-            display: flex;
-            justify-content: flex-start;
-            gap: 20px;
-            padding: 1px 0;
-            border-bottom: 1px dashed #222;
-        }
-
-        .list-item-name {
-            color: #ccc;
-            min-width: 200px;
-        }
-
-        .list-item-val {
-            color: #00ff00;
-        }
-
-        .unmatched-row {
-            font-family: inherit;
-            display: grid;
-            grid-template-columns: 100px 100px 200px 1fr;
-            gap: 15px;
-            color: #888;
-            padding: 2px 0;
-            border-bottom: 1px dashed #222;
-        }
-
-        .unmatched-header {
-            color: #555;
-            border-bottom: 1px solid #333;
-            margin-bottom: 5px;
-        }
-
-        .filter-container {
-            width: 100%;
-            max-width: 1200px;
-            margin-bottom: 15px;
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-
-        .filter-input {
-            background-color: #1a1a1a;
-            border: 1px solid #333;
-            color: #00ff00;
-            font-family: inherit;
-            font-size: 11px;
-            padding: 4px 8px;
-            width: 250px;
-            outline: none;
-        }
-
-        .filter-input:focus {
-            border-color: #00ff00;
-        }
-
-        .filter-label {
-            color: #888;
-            text-transform: lowercase;
-        }
-
-        .info-icon {
-            color: #00ff00;
-            cursor: pointer;
-            margin-left: 5px;
-            font-size: 10px;
-            opacity: 0.5;
-        }
-
-        .info-icon:hover {
-            opacity: 1;
-        }
-
-        /* Modal Styles */
-        #memberModal {
-            display: none !important;
-            /* Force hide by default */
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100vw;
-            height: 100vh;
-            background-color: rgba(0, 0, 0, 0.9);
-            z-index: 9999;
-            justify-content: center;
-            align-items: center;
-        }
-
-        #memberModal.active {
-            display: flex !important;
-        }
-
-        .modal-content {
-            background-color: #0c0c0c;
-            border: 1px solid #00ff00;
-            width: 90%;
-            max-width: 800px;
-            max-height: 85vh;
-            overflow-y: auto;
-            padding: 20px;
-            box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
-            position: relative;
-        }
-
-        .modal-header {
-            border-bottom: 1px solid #333;
-            margin-bottom: 20px;
-            padding-bottom: 10px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        .modal-title {
-            color: #00ff00;
-            font-size: 14px;
-            text-transform: uppercase;
-        }
-
-        .close-btn {
-            color: #ff3333;
-            cursor: pointer;
-            font-size: 14px;
-            text-transform: lowercase;
-        }
-
-        .modal-section {
-            margin-bottom: 25px;
-        }
-
-        .modal-section-title {
-            color: #555;
-            text-transform: uppercase;
-            font-size: 10px;
-            margin-bottom: 8px;
-            border-bottom: 1px dashed #222;
-        }
-
-        .modal-table {
-            width: 100%;
-            border-collapse: collapse;
-        }
-
-        .modal-table th,
-        .modal-table td {
-            text-align: left;
-            padding: 4px 0;
-            border-bottom: 1px dashed #1a1a1a;
-        }
-
-        .modal-table th {
-            color: #666;
-            font-weight: normal;
-            font-size: 10px;
-        }
-
-        .tx-list {
-            list-style: none;
-            padding: 0;
-            margin: 0;
-        }
-
-        .tx-item {
-            padding: 8px 0;
-            border-bottom: 1px dashed #222;
-        }
-
-        .tx-meta {
-            color: #555;
-            font-size: 10px;
-            margin-bottom: 4px;
-        }
-
-        .tx-main {
-            display: flex;
-            justify-content: space-between;
-            gap: 20px;
-        }
-
-        .tx-amount {
-            color: #00ff00;
-        }
-
-        .tx-sender {
-            color: #ccc;
-        }
-
-        .tx-msg {
-            color: #888;
-            font-style: italic;
-        }
-
-        .footer {
-            margin-top: 50px;
-            margin-bottom: 20px;
-            color: #333;
-            font-size: 9px;
-            text-align: center;
-            width: 100%;
-            cursor: pointer;
-            user-select: none;
-        }
-
-        .perf-breakdown {
-            display: none;
-            margin-top: 5px;
-            color: #222;
-        }
-
-        /* QR Modal styles */
-        #qrModal .modal-content {
-            max-width: 400px;
-            text-align: center;
-        }
-
-        .qr-image {
-            background: white;
-            padding: 10px;
-            border-radius: 5px;
-            margin: 20px 0;
-            display: inline-block;
-        }
-
-        .qr-image img {
-            display: block;
-            width: 250px;
-            height: 250px;
-        }
-
-        .qr-details {
-            text-align: left;
-            margin-top: 15px;
-            font-size: 14px;
-            color: #ccc;
-        }
-
-        .qr-details div {
-            margin-bottom: 5px;
-        }
-
-        .qr-details span {
-            color: #00ff00;
-            font-family: monospace;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="nav">
-        <div>
-            <a href="/adults">[Adults]</a>
-            <a href="/juniors">[Juniors]</a>
-        </div>
-        <div class="nav-archived">
-            <span style="color: #666; margin-right: 5px;">Archived:</span>
-            <a href="/fees">[Adult - Attendance/Fees]</a>
-            <a href="/fees-juniors">[Junior Attendance/Fees]</a>
-            <a href="/reconcile">[Adult Payment Reconciliation]</a>
-            <a href="/reconcile-juniors" class="active">[Junior Payment Reconciliation]</a>
-            <a href="/payments">[Payments Ledger]</a>
-        </div>
-        <div class="nav-archived">
-            <span style="color: #666; margin-right: 5px;">Tools:</span>
-            <a href="/sync-bank">[Sync Bank Data]</a>
-            <a href="/flush-cache">[Flush Cache]</a>
-        </div>
-    </div>
-
-    <h1>Junior Payment Reconciliation</h1>
-
-    <div class="description">
-        Balances calculated by matching Google Sheet payments against junior attendance fees.<br>
-        Source: <a href="{{ attendance_url }}" target="_blank">Attendance Sheet</a> |
-        <a href="{{ payments_url }}" target="_blank">Payments Ledger</a>
-    </div>
-
-    <div class="filter-container">
-        <span class="filter-label">search member:</span>
-        <input type="text" id="nameFilter" class="filter-input" placeholder="..." autocomplete="off">
-    </div>
-
-    <div class="table-container">
-        <table>
-            <thead>
-                <tr>
-                    <th>Member</th>
-                    {% for m in months %}
-                    <th>{{ m }}</th>
-                    {% endfor %}
-                    <th>Balance</th>
-                </tr>
-            </thead>
-            <tbody id="reconcileBody">
-                {% for row in results %}
-                <tr class="member-row">
-                    <td class="member-name">
-                        {{ row.name }}
-                        <span class="info-icon" onclick="showMemberDetails('{{ row.name|e }}')">[i]</span>
-                    </td>
-                    {% for cell in row.months %}
-                    <td
-                        class="{% if cell.status == 'empty' %}cell-empty{% elif cell.status == 'unpaid' or cell.status == 'partial' %}cell-unpaid{% elif cell.status == 'ok' %}cell-ok{% endif %}">
-                        {{ cell.text }}
-                        {% if cell.status == 'unpaid' or cell.status == 'partial' %}
-                        <button class="pay-btn"
-                            onclick="showPayQR('{{ row.name|e }}', {{ cell.amount }}, '{{ cell.month|e }}', '{{ cell.raw_month }}')">Pay</button>
-                        {% endif %}
-                    </td>
-                    {% endfor %}
-                    <td class="{% if row.balance > 0 %}balance-pos{% elif row.balance < 0 %}balance-neg{% endif %}" style="position: relative;">
-                        {{ "%+d"|format(row.balance) if row.balance != 0 else "0" }}
-                        {% if row.balance < 0 %}
-                        <button class="pay-btn"
-                            onclick="showPayQR('{{ row.name|e }}', {{ -row.balance }}, '{{ row.unpaid_periods|e }}', '{{ row.raw_unpaid_periods|e }}')">Pay All</button>
-                        {% endif %}
-                    </td>
-                </tr>
-                {% endfor %}
-            </tbody>
-        </table>
-    </div>
-
-    {% if credits %}
-    <h2>Credits (Advance Payments / Surplus)</h2>
-    <div class="list-container">
-        {% for item in credits %}
-        <div class="list-item">
-            <span class="list-item-name">{{ item.name }}</span>
-            <span class="list-item-val">{{ item.amount }} CZK</span>
-        </div>
-        {% endfor %}
-    </div>
-    {% endif %}
-
-    {% if debts %}
-    <h2>Debts (Missing Payments)</h2>
-    <div class="list-container">
-        {% for item in debts %}
-        <div class="list-item">
-            <span class="list-item-name">{{ item.name }}</span>
-            <span class="list-item-val" style="color: #ff3333;">{{ item.amount }} CZK</span>
-        </div>
-        {% endfor %}
-    </div>
-    {% endif %}
-
-    {% if unmatched %}
-    <h2>Unmatched Transactions</h2>
-    <div class="list-container">
-        <div class="unmatched-row unmatched-header">
-            <span>Date</span>
-            <span>Amount</span>
-            <span>Sender</span>
-            <span>Message</span>
-        </div>
-        {% for tx in unmatched %}
-        <div class="unmatched-row">
-            <span>{{ tx.date }}</span>
-            <span>{{ tx.amount }}</span>
-            <span>{{ tx.sender }}</span>
-            <span>{{ tx.message }}</span>
-        </div>
-        {% endfor %}
-    </div>
-    {% endif %}
-
-    <!-- QR Code Modal -->
-    <div id="qrModal" class="modal"
-        style="display:none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.9); z-index: 9999; justify-content: center; align-items: center;">
-        <div class="modal-content">
-            <div class="modal-header">
-                <div class="modal-title" id="qrTitle">Payment for ...</div>
-                <div class="close-btn" onclick="closeModal('qrModal')">[close]</div>
-            </div>
-            <div class="qr-image">
-                <img id="qrImg" src="" alt="Payment QR Code">
-            </div>
-            <div class="qr-details">
-                <div>Account: <span id="qrAccount"></span></div>
-                <div>Amount: <span id="qrAmount"></span> CZK</div>
-                <div>Message: <span id="qrMessage"></span></div>
-            </div>
-        </div>
-    </div>
-
-    <div id="memberModal">
-        <div class="modal-content">
-            <div class="modal-header">
-                <div class="modal-title" id="modalMemberName">Member Name</div>
-                <div class="close-btn" onclick="closeModal()">[close]</div>
-            </div>
-
-            <div class="modal-section">
-                <div class="modal-section-title">Status Summary</div>
-                <div id="modalTier" style="margin-bottom: 10px; color: #888;">Tier: -</div>
-                <table class="modal-table">
-                    <thead>
-                        <tr>
-                            <th>Month</th>
-                            <th style="text-align: center;">Att.</th>
-                            <th style="text-align: center;">Expected</th>
-                            <th style="text-align: center;">Paid</th>
-                            <th style="text-align: right;">Status</th>
-                        </tr>
-                    </thead>
-                    <tbody id="modalStatusBody">
-                        <!-- Filled by JS -->
-                    </tbody>
-                </table>
-            </div>
-
-            <div class="modal-section" id="modalExceptionSection" style="display: none;">
-                <div class="modal-section-title">Fee Exceptions</div>
-                <div id="modalExceptionList" class="tx-list">
-                    <!-- Filled by JS -->
-                </div>
-            </div>
-
-            <div class="modal-section" id="modalOtherSection" style="display: none;">
-                <div class="modal-section-title">Other Transactions</div>
-                <div id="modalOtherList" class="tx-list">
-                    <!-- Filled by JS -->
-                </div>
-            </div>
-
-            <div class="modal-section">
-                <div class="modal-section-title">Payment History</div>
-                <div id="modalTxList" class="tx-list">
-                    <!-- Filled by JS -->
-                </div>
-            </div>
-        </div>
-    </div>
-
-    {% set rt = get_render_time() %}
-    <div class="footer"
-        onclick="document.getElementById('perf-details').style.display = (document.getElementById('perf-details').style.display === 'block' ? 'none' : 'block')">
-        {{ build_meta.tag }}@{{ build_meta.commit }} | render time: {{ rt.total }}s
-        <div id="perf-details" class="perf-breakdown">
-            {{ rt.breakdown }}
-        </div>
-    </div>
-
-    <script>
-        const memberData = {{ member_data| safe }};
-        const sortedMonths = {{ raw_months| tojson }};
-        const monthLabels = {{ month_labels_json| safe }};
-        let currentMemberName = null;
-
-        function showMemberDetails(name) {
-            currentMemberName = name;
-            const data = memberData[name];
-            if (!data) return;
-
-            document.getElementById('modalMemberName').textContent = name;
-            document.getElementById('modalTier').textContent = 'Tier: ' + data.tier;
-
-            const statusBody = document.getElementById('modalStatusBody');
-            statusBody.innerHTML = '';
-
-            // Collect all transactions for listing
-            const allTransactions = [];
-
-            // We need to iterate over months in reverse to show newest first
-            const monthKeys = Object.keys(data.months).sort().reverse();
-
-            monthKeys.forEach(m => {
-                const mdata = data.months[m];
-                const expected = mdata.expected || 0;
-                const paid = mdata.paid || 0;
-                const attendance = mdata.attendance_count || 0;
-                const originalExpected = mdata.original_expected;
-
-                let status = '-';
-                let statusClass = '';
-                if (expected > 0 || paid > 0) {
-                    if (paid >= expected && expected > 0) { status = 'OK'; statusClass = 'cell-ok'; }
-                    else if (paid > 0) { status = paid + '/' + expected; }
-                    else { status = 'UNPAID ' + expected; statusClass = 'cell-unpaid'; }
-                }
-
-                const expectedCell = mdata.exception
-                    ? `<span style="color: #ffaa00;" title="Overridden from ${originalExpected}">${expected}*</span>`
-                    : expected;
-
-                const displayMonth = monthLabels[m] || m;
-                const row = document.createElement('tr');
-                row.innerHTML = `
-                    <td style="color: #888;">${displayMonth}</td>
-                    <td style="text-align: center; color: #ccc;">${attendance}</td>
-                    <td style="text-align: center; color: #ccc;">${expectedCell}</td>
-                    <td style="text-align: center; color: #ccc;">${paid}</td>
-                    <td style="text-align: right;" class="${statusClass}">${status}</td>
-                `;
-                statusBody.appendChild(row);
-
-                if (mdata.transactions) {
-                    mdata.transactions.forEach(tx => {
-                        allTransactions.push({ month: m, ...tx });
-                    });
-                }
-            });
-
-            const exList = document.getElementById('modalExceptionList');
-            const exSection = document.getElementById('modalExceptionSection');
-            exList.innerHTML = '';
-
-            const exceptions = [];
-            monthKeys.forEach(m => {
-                if (data.months[m].exception) {
-                    exceptions.push({ month: m, ...data.months[m].exception });
-                }
-            });
-
-            if (exceptions.length > 0) {
-                exSection.style.display = 'block';
-                exceptions.forEach(ex => {
-                    const displayMonth = monthLabels[ex.month] || ex.month;
-                    const item = document.createElement('div');
-                    item.className = 'tx-item'; // Reuse style
-                    item.innerHTML = `
-                        <div class="tx-meta">${displayMonth}</div>
-                        <div class="tx-main">
-                            <span class="tx-amount" style="color: #ffaa00;">${ex.amount} CZK</span>
-                        </div>
-                        <div class="tx-msg">${ex.note || 'No details provided.'}</div>
-                    `;
-                    exList.appendChild(item);
-                });
-            } else {
-                exSection.style.display = 'none';
-            }
-
-            const otherList = document.getElementById('modalOtherList');
-            const otherSection = document.getElementById('modalOtherSection');
-            otherList.innerHTML = '';
-
-            if (data.other_transactions && data.other_transactions.length > 0) {
-                otherSection.style.display = 'block';
-                data.other_transactions.forEach(tx => {
-                    const displayPurpose = tx.purpose || 'Other';
-                    const item = document.createElement('div');
-                    item.className = 'tx-item';
-                    item.innerHTML = `
-                        <div class="tx-meta">${tx.date} | ${displayPurpose}</div>
-                        <div class="tx-main">
-                            <span class="tx-amount" style="color: #66ccff;">${tx.amount} CZK</span>
-                            <span class="tx-sender">${tx.sender}</span>
-                        </div>
-                        <div class="tx-msg">${tx.message || ''}</div>
-                    `;
-                    otherList.appendChild(item);
-                });
-            } else {
-                otherSection.style.display = 'none';
-            }
-
-            const txList = document.getElementById('modalTxList');
-            txList.innerHTML = '';
-
-            if (allTransactions.length === 0) {
-                txList.innerHTML = '<div style="color: #444; font-style: italic; padding: 10px 0;">No transactions matched to this member.</div>';
-            } else {
-                allTransactions.sort((a, b) => b.date.localeCompare(a.date)).forEach(tx => {
-                    const displayMonth = monthLabels[tx.month] || tx.month;
-                    const item = document.createElement('div');
-                    item.className = 'tx-item';
-                    item.innerHTML = `
-                        <div class="tx-meta">${tx.date} | matched to ${displayMonth}</div>
-                        <div class="tx-main">
-                            <span class="tx-amount">${tx.amount} CZK</span>
-                            <span class="tx-sender">${tx.sender}</span>
-                        </div>
-                        <div class="tx-msg">${tx.message || ''}</div>
-                    `;
-                    txList.appendChild(item);
-                });
-            }
-
-            document.getElementById('memberModal').classList.add('active');
-        }
-
-        function closeModal(id) {
-            if (id) {
-                document.getElementById(id).style.display = 'none';
-                if (id === 'qrModal') {
-                    document.getElementById(id).style.display = 'none';
-                }
-            } else {
-                document.getElementById('memberModal').classList.remove('active');
-            }
-        }
-
-        // Existing filter script
-        document.getElementById('nameFilter').addEventListener('input', function (e) {
-            const filterValue = e.target.value.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
-            const rows = document.querySelectorAll('.member-row');
-
-            rows.forEach(row => {
-                const nameNode = row.querySelector('.member-name');
-                const name = nameNode.childNodes[0].textContent.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
-                if (name.includes(filterValue)) {
-                    row.style.display = '';
-                } else {
-                    row.style.display = 'none';
-                }
-            });
-        });
-
-        // Close on Esc and Navigate with Arrows
-        document.addEventListener('keydown', function (e) {
-            if (e.key === 'Escape') {
-                closeModal();
-                closeModal('qrModal');
-            }
-
-            const modal = document.getElementById('memberModal');
-            if (modal.classList.contains('active')) {
-                if (e.key === 'ArrowUp') {
-                    e.preventDefault();
-                    navigateMember(-1);
-                } else if (e.key === 'ArrowDown') {
-                    e.preventDefault();
-                    navigateMember(1);
-                }
-            }
-        });
-
-        function navigateMember(direction) {
-            const rows = Array.from(document.querySelectorAll('.member-row'));
-            const visibleRows = rows.filter(row => row.style.display !== 'none');
-
-            let currentIndex = visibleRows.findIndex(row => {
-                const nameNode = row.querySelector('.member-name');
-                const name = nameNode.childNodes[0].textContent.trim();
-                return name === currentMemberName;
-            });
-
-            if (currentIndex === -1) return;
-
-            let nextIndex = currentIndex + direction;
-            if (nextIndex >= 0 && nextIndex < visibleRows.length) {
-                const nextRow = visibleRows[nextIndex];
-                const nextName = nextRow.querySelector('.member-name').childNodes[0].textContent.trim();
-                showMemberDetails(nextName);
-            }
-        }
-        function showPayQR(name, amount, month, rawMonth) {
-            const account = "{{ bank_account }}";
-            // Convert YYYY-MM to MM/YYYY for infer_payments.py compatibility
-            const numericMonth = rawMonth.includes('+')
-                ? rawMonth.split('+').map(p => p.replace(/(\d{4})-(\d{2})/, '$2/$1')).join('+')
-                : rawMonth.replace(/(\d{4})-(\d{2})/, '$2/$1');
-            const message = `${name}: ${numericMonth}`;
-            const qrTitle = document.getElementById('qrTitle');
-            const qrImg = document.getElementById('qrImg');
-            const qrAccount = document.getElementById('qrAccount');
-            const qrAmount = document.getElementById('qrAmount');
-            const qrMessage = document.getElementById('qrMessage');
-
-            qrTitle.innerText = `Payment for ${month}`;
-            qrAccount.innerText = account;
-            qrAmount.innerText = amount;
-            qrMessage.innerText = message;
-
-            const encodedMessage = encodeURIComponent(message);
-            const qrUrl = `/qr?account=${encodeURIComponent(account)}&amount=${amount}&message=${encodedMessage}`;
-
-            qrImg.src = qrUrl;
-            document.getElementById('qrModal').style.display = 'block';
-        }
-
-        // Close modal when clicking outside
-        window.onclick = function (event) {
-            if (event.target.className === 'modal') {
-                event.target.style.display = 'none';
-            }
-        }
-    </script>
-</body>
-
-</html>
-```
\ No newline at end of file
diff --git a/templates/reconcile.html b/templates/reconcile.html
deleted file mode 100644
index eacc8a7..0000000
--- a/templates/reconcile.html
+++ /dev/null
@@ -1,884 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FUJ Payment Reconciliation</title>
-    <style>
-        body {
-            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-            background-color: #0c0c0c;
-            color: #cccccc;
-            padding: 10px;
-            margin: 0;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            font-size: 11px;
-            line-height: 1.2;
-        }
-
-        h1 {
-            color: #00ff00;
-            font-family: inherit;
-            margin-top: 10px;
-            margin-bottom: 20px;
-            text-transform: uppercase;
-            letter-spacing: 1px;
-            font-size: 14px;
-        }
-
-        h2 {
-            color: #00ff00;
-            font-size: 12px;
-            margin-top: 30px;
-            margin-bottom: 10px;
-            text-transform: uppercase;
-            width: 100%;
-            max-width: 1200px;
-            border-bottom: 1px solid #333;
-            padding-bottom: 5px;
-        }
-
-        .nav {
-            margin-bottom: 20px;
-            font-size: 12px;
-            color: #555;
-            display: flex;
-            flex-direction: column;
-            gap: 10px;
-            align-items: center;
-        }
-
-        .nav > div {
-            display: flex;
-            gap: 15px;
-            align-items: center;
-        }
-
-        .nav a {
-            color: #00ff00;
-            text-decoration: none;
-            padding: 2px 8px;
-            border: 1px solid #333;
-        }
-
-        .nav a.active {
-            color: #000;
-            background-color: #00ff00;
-            border-color: #00ff00;
-        }
-
-        .nav a:hover {
-            color: #fff;
-            border-color: #555;
-        }
-
-        .nav-archived a {
-            font-size: 10px;
-            color: #666;
-            border-color: #222;
-        }
-
-        .nav-archived a.active {
-            color: #ccc;
-            background-color: #333;
-            border-color: #555;
-        }
-
-        .nav-archived a:hover {
-            color: #999;
-            border-color: #444;
-        }
-
-        .description {
-            margin-bottom: 20px;
-            text-align: center;
-            color: #888;
-            max-width: 800px;
-        }
-
-        .description a {
-            color: #00ff00;
-            text-decoration: none;
-        }
-
-        .description a:hover {
-            text-decoration: underline;
-        }
-
-        .table-container {
-            background-color: transparent;
-            border: 1px solid #333;
-            box-shadow: none;
-            overflow-x: auto;
-            width: 100%;
-            max-width: 1200px;
-            margin-bottom: 30px;
-        }
-
-        table {
-            border-collapse: collapse;
-            width: 100%;
-            table-layout: auto;
-        }
-
-        th,
-        td {
-            padding: 2px 8px;
-            text-align: right;
-            border-bottom: 1px dashed #222;
-            white-space: nowrap;
-        }
-
-        th:first-child,
-        td:first-child {
-            text-align: left;
-        }
-
-        th {
-            background-color: transparent;
-            color: #888888;
-            font-weight: normal;
-            border-bottom: 1px solid #555;
-            text-transform: lowercase;
-        }
-
-        tr:hover {
-            background-color: #1a1a1a;
-        }
-
-        .balance-pos {
-            color: #00ff00;
-        }
-
-        .balance-neg {
-            color: #ff3333;
-        }
-
-        .cell-ok {
-            color: #00ff00;
-        }
-
-        .cell-unpaid {
-            color: #ff3333;
-            background-color: rgba(255, 51, 51, 0.05);
-            position: relative;
-        }
-
-        .pay-btn {
-            display: none;
-            position: absolute;
-            right: 5px;
-            top: 50%;
-            transform: translateY(-50%);
-            background: #ff3333;
-            color: white;
-            border: none;
-            border-radius: 3px;
-            padding: 2px 6px;
-            font-size: 10px;
-            cursor: pointer;
-            font-weight: bold;
-        }
-
-        .member-row:hover .pay-btn {
-            display: inline-block;
-        }
-
-        .cell-empty {
-            color: #444444;
-        }
-
-        .list-container {
-            width: 100%;
-            max-width: 1200px;
-            color: #888;
-            margin-bottom: 40px;
-        }
-
-        .list-item {
-            display: flex;
-            justify-content: flex-start;
-            gap: 20px;
-            padding: 1px 0;
-            border-bottom: 1px dashed #222;
-        }
-
-        .list-item-name {
-            color: #ccc;
-            min-width: 200px;
-        }
-
-        .list-item-val {
-            color: #00ff00;
-        }
-
-        .unmatched-row {
-            font-family: inherit;
-            display: grid;
-            grid-template-columns: 100px 100px 200px 1fr;
-            gap: 15px;
-            color: #888;
-            padding: 2px 0;
-            border-bottom: 1px dashed #222;
-        }
-
-        .unmatched-header {
-            color: #555;
-            border-bottom: 1px solid #333;
-            margin-bottom: 5px;
-        }
-
-        .filter-container {
-            width: 100%;
-            max-width: 1200px;
-            margin-bottom: 15px;
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-
-        .filter-input {
-            background-color: #1a1a1a;
-            border: 1px solid #333;
-            color: #00ff00;
-            font-family: inherit;
-            font-size: 11px;
-            padding: 4px 8px;
-            width: 250px;
-            outline: none;
-        }
-
-        .filter-input:focus {
-            border-color: #00ff00;
-        }
-
-        .filter-label {
-            color: #888;
-            text-transform: lowercase;
-        }
-
-        .info-icon {
-            color: #00ff00;
-            cursor: pointer;
-            margin-left: 5px;
-            font-size: 10px;
-            opacity: 0.5;
-        }
-
-        .info-icon:hover {
-            opacity: 1;
-        }
-
-        /* Modal Styles */
-        #memberModal {
-            display: none !important;
-            /* Force hide by default */
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100vw;
-            height: 100vh;
-            background-color: rgba(0, 0, 0, 0.9);
-            z-index: 9999;
-            justify-content: center;
-            align-items: center;
-        }
-
-        #memberModal.active {
-            display: flex !important;
-        }
-
-        .modal-content {
-            background-color: #0c0c0c;
-            border: 1px solid #00ff00;
-            width: 90%;
-            max-width: 800px;
-            max-height: 85vh;
-            overflow-y: auto;
-            padding: 20px;
-            box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
-            position: relative;
-        }
-
-        .modal-header {
-            border-bottom: 1px solid #333;
-            margin-bottom: 20px;
-            padding-bottom: 10px;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        .modal-title {
-            color: #00ff00;
-            font-size: 14px;
-            text-transform: uppercase;
-        }
-
-        .close-btn {
-            color: #ff3333;
-            cursor: pointer;
-            font-size: 14px;
-            text-transform: lowercase;
-        }
-
-        .modal-section {
-            margin-bottom: 25px;
-        }
-
-        .modal-section-title {
-            color: #555;
-            text-transform: uppercase;
-            font-size: 10px;
-            margin-bottom: 8px;
-            border-bottom: 1px dashed #222;
-        }
-
-        .modal-table {
-            width: 100%;
-            border-collapse: collapse;
-        }
-
-        .modal-table th,
-        .modal-table td {
-            text-align: left;
-            padding: 4px 0;
-            border-bottom: 1px dashed #1a1a1a;
-        }
-
-        .modal-table th {
-            color: #666;
-            font-weight: normal;
-            font-size: 10px;
-        }
-
-        .tx-list {
-            list-style: none;
-            padding: 0;
-            margin: 0;
-        }
-
-        .tx-item {
-            padding: 8px 0;
-            border-bottom: 1px dashed #222;
-        }
-
-        .tx-meta {
-            color: #555;
-            font-size: 10px;
-            margin-bottom: 4px;
-        }
-
-        .tx-main {
-            display: flex;
-            justify-content: space-between;
-            gap: 20px;
-        }
-
-        .tx-amount {
-            color: #00ff00;
-        }
-
-        .tx-sender {
-            color: #ccc;
-        }
-
-        .tx-msg {
-            color: #888;
-            font-style: italic;
-        }
-
-        .footer {
-            margin-top: 50px;
-            margin-bottom: 20px;
-            color: #333;
-            font-size: 9px;
-            text-align: center;
-            width: 100%;
-            cursor: pointer;
-            user-select: none;
-        }
-
-        .perf-breakdown {
-            display: none;
-            margin-top: 5px;
-            color: #222;
-        }
-
-        /* QR Modal styles */
-        #qrModal .modal-content {
-            max-width: 400px;
-            text-align: center;
-        }
-
-        .qr-image {
-            background: white;
-            padding: 10px;
-            border-radius: 5px;
-            margin: 20px 0;
-            display: inline-block;
-        }
-
-        .qr-image img {
-            display: block;
-            width: 250px;
-            height: 250px;
-        }
-
-        .qr-details {
-            text-align: left;
-            margin-top: 15px;
-            font-size: 14px;
-            color: #ccc;
-        }
-
-        .qr-details div {
-            margin-bottom: 5px;
-        }
-
-        .qr-details span {
-            color: #00ff00;
-            font-family: monospace;
-        }
-    </style>
-</head>
-
-<body>
-    <div class="nav">
-        <div>
-            <a href="/adults">[Adults]</a>
-            <a href="/juniors">[Juniors]</a>
-        </div>
-        <div class="nav-archived">
-            <span style="color: #666; margin-right: 5px;">Archived:</span>
-            <a href="/fees">[Adult - Attendance/Fees]</a>
-            <a href="/fees-juniors">[Junior Attendance/Fees]</a>
-            <a href="/reconcile" class="active">[Adult Payment Reconciliation]</a>
-            <a href="/reconcile-juniors">[Junior Payment Reconciliation]</a>
-            <a href="/payments">[Payments Ledger]</a>
-        </div>
-        <div class="nav-archived">
-            <span style="color: #666; margin-right: 5px;">Tools:</span>
-            <a href="/sync-bank">[Sync Bank Data]</a>
-            <a href="/flush-cache">[Flush Cache]</a>
-        </div>
-    </div>
-
-    <h1>Payment Reconciliation</h1>
-
-    <div class="description">
-        Balances calculated by matching Google Sheet payments against attendance fees.<br>
-        Source: <a href="{{ attendance_url }}" target="_blank">Attendance Sheet</a> |
-        <a href="{{ payments_url }}" target="_blank">Payments Ledger</a>
-    </div>
-
-    <div class="filter-container">
-        <span class="filter-label">search member:</span>
-        <input type="text" id="nameFilter" class="filter-input" placeholder="..." autocomplete="off">
-    </div>
-
-    <div class="table-container">
-        <table>
-            <thead>
-                <tr>
-                    <th>Member</th>
-                    {% for m in months %}
-                    <th>{{ m }}</th>
-                    {% endfor %}
-                    <th>Balance</th>
-                </tr>
-            </thead>
-            <tbody id="reconcileBody">
-                {% for row in results %}
-                <tr class="member-row">
-                    <td class="member-name">
-                        {{ row.name }}
-                        <span class="info-icon" onclick="showMemberDetails('{{ row.name|e }}')">[i]</span>
-                    </td>
-                    {% for cell in row.months %}
-                    <td
-                        class="{% if cell.status == 'empty' %}cell-empty{% elif cell.status == 'unpaid' or cell.status == 'partial' %}cell-unpaid{% elif cell.status == 'ok' %}cell-ok{% endif %}">
-                        {{ cell.text }}
-                        {% if cell.status == 'unpaid' or cell.status == 'partial' %}
-                        <button class="pay-btn"
-                            onclick="showPayQR('{{ row.name|e }}', {{ cell.amount }}, '{{ cell.month|e }}', '{{ cell.raw_month }}')">Pay</button>
-                        {% endif %}
-                    </td>
-                    {% endfor %}
-                    <td class="{% if row.balance > 0 %}balance-pos{% elif row.balance < 0 %}balance-neg{% endif %}" style="position: relative;">
-                        {{ "%+d"|format(row.balance) if row.balance != 0 else "0" }}
-                        {% if row.balance < 0 %}
-                        <button class="pay-btn"
-                            onclick="showPayQR('{{ row.name|e }}', {{ -row.balance }}, '{{ row.unpaid_periods|e }}', '{{ row.raw_unpaid_periods|e }}')">Pay All</button>
-                        {% endif %}
-                    </td>
-                </tr>
-                {% endfor %}
-            </tbody>
-        </table>
-    </div>
-
-    {% if credits %}
-    <h2>Credits (Advance Payments / Surplus)</h2>
-    <div class="list-container">
-        {% for item in credits %}
-        <div class="list-item">
-            <span class="list-item-name">{{ item.name }}</span>
-            <span class="list-item-val">{{ item.amount }} CZK</span>
-        </div>
-        {% endfor %}
-    </div>
-    {% endif %}
-
-    {% if debts %}
-    <h2>Debts (Missing Payments)</h2>
-    <div class="list-container">
-        {% for item in debts %}
-        <div class="list-item">
-            <span class="list-item-name">{{ item.name }}</span>
-            <span class="list-item-val" style="color: #ff3333;">{{ item.amount }} CZK</span>
-        </div>
-        {% endfor %}
-    </div>
-    {% endif %}
-
-    {% if unmatched %}
-    <h2>Unmatched Transactions</h2>
-    <div class="list-container">
-        <div class="unmatched-row unmatched-header">
-            <span>Date</span>
-            <span>Amount</span>
-            <span>Sender</span>
-            <span>Message</span>
-        </div>
-        {% for tx in unmatched %}
-        <div class="unmatched-row">
-            <span>{{ tx.date }}</span>
-            <span>{{ tx.amount }}</span>
-            <span>{{ tx.sender }}</span>
-            <span>{{ tx.message }}</span>
-        </div>
-        {% endfor %}
-    </div>
-    {% endif %}
-
-    <!-- QR Code Modal -->
-    <div id="qrModal" class="modal"
-        style="display:none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.9); z-index: 9999; justify-content: center; align-items: center;">
-        <div class="modal-content">
-            <div class="modal-header">
-                <div class="modal-title" id="qrTitle">Payment for ...</div>
-                <div class="close-btn" onclick="closeModal('qrModal')">[close]</div>
-            </div>
-            <div class="qr-image">
-                <img id="qrImg" src="" alt="Payment QR Code">
-            </div>
-            <div class="qr-details">
-                <div>Account: <span id="qrAccount"></span></div>
-                <div>Amount: <span id="qrAmount"></span> CZK</div>
-                <div>Message: <span id="qrMessage"></span></div>
-            </div>
-        </div>
-    </div>
-
-    <div id="memberModal">
-        <div class="modal-content">
-            <div class="modal-header">
-                <div class="modal-title" id="modalMemberName">Member Name</div>
-                <div class="close-btn" onclick="closeModal()">[close]</div>
-            </div>
-
-            <div class="modal-section">
-                <div class="modal-section-title">Status Summary</div>
-                <div id="modalTier" style="margin-bottom: 10px; color: #888;">Tier: -</div>
-                <table class="modal-table">
-                    <thead>
-                        <tr>
-                            <th>Month</th>
-                            <th style="text-align: center;">Att.</th>
-                            <th style="text-align: center;">Expected</th>
-                            <th style="text-align: center;">Paid</th>
-                            <th style="text-align: right;">Status</th>
-                        </tr>
-                    </thead>
-                    <tbody id="modalStatusBody">
-                        <!-- Filled by JS -->
-                    </tbody>
-                </table>
-            </div>
-
-            <div class="modal-section" id="modalExceptionSection" style="display: none;">
-                <div class="modal-section-title">Fee Exceptions</div>
-                <div id="modalExceptionList" class="tx-list">
-                    <!-- Filled by JS -->
-                </div>
-            </div>
-
-            <div class="modal-section" id="modalOtherSection" style="display: none;">
-                <div class="modal-section-title">Other Transactions</div>
-                <div id="modalOtherList" class="tx-list">
-                    <!-- Filled by JS -->
-                </div>
-            </div>
-
-            <div class="modal-section">
-                <div class="modal-section-title">Payment History</div>
-                <div id="modalTxList" class="tx-list">
-                    <!-- Filled by JS -->
-                </div>
-            </div>
-        </div>
-    </div>
-
-    {% set rt = get_render_time() %}
-    <div class="footer"
-        onclick="document.getElementById('perf-details').style.display = (document.getElementById('perf-details').style.display === 'block' ? 'none' : 'block')">
-        {{ build_meta.tag }}@{{ build_meta.commit }} | render time: {{ rt.total }}s
-        <div id="perf-details" class="perf-breakdown">
-            {{ rt.breakdown }}
-        </div>
-    </div>
-
-    <script>
-        const memberData = {{ member_data| safe }};
-        const sortedMonths = {{ raw_months| tojson }};
-        const monthLabels = {{ month_labels_json| safe }};
-        let currentMemberName = null;
-
-        function showMemberDetails(name) {
-            currentMemberName = name;
-            const data = memberData[name];
-            if (!data) return;
-
-            document.getElementById('modalMemberName').textContent = name;
-            document.getElementById('modalTier').textContent = 'Tier: ' + data.tier;
-
-            const statusBody = document.getElementById('modalStatusBody');
-            statusBody.innerHTML = '';
-
-            // Collect all transactions for listing
-            const allTransactions = [];
-
-            // We need to iterate over months in reverse to show newest first
-            const monthKeys = Object.keys(data.months).sort().reverse();
-
-            monthKeys.forEach(m => {
-                const mdata = data.months[m];
-                const expected = mdata.expected || 0;
-                const paid = mdata.paid || 0;
-                const attendance = mdata.attendance_count || 0;
-                const originalExpected = mdata.original_expected;
-
-                let status = '-';
-                let statusClass = '';
-                if (expected > 0 || paid > 0) {
-                    if (paid >= expected && expected > 0) { status = 'OK'; statusClass = 'cell-ok'; }
-                    else if (paid > 0) { status = paid + '/' + expected; }
-                    else { status = 'UNPAID ' + expected; statusClass = 'cell-unpaid'; }
-                }
-
-                const expectedCell = mdata.exception
-                    ? `<span style="color: #ffaa00;" title="Overridden from ${originalExpected}">${expected}*</span>`
-                    : expected;
-
-                const displayMonth = monthLabels[m] || m;
-                const row = document.createElement('tr');
-                row.innerHTML = `
-                    <td style="color: #888;">${displayMonth}</td>
-                    <td style="text-align: center; color: #ccc;">${attendance}</td>
-                    <td style="text-align: center; color: #ccc;">${expectedCell}</td>
-                    <td style="text-align: center; color: #ccc;">${paid}</td>
-                    <td style="text-align: right;" class="${statusClass}">${status}</td>
-                `;
-                statusBody.appendChild(row);
-
-                if (mdata.transactions) {
-                    mdata.transactions.forEach(tx => {
-                        allTransactions.push({ month: m, ...tx });
-                    });
-                }
-            });
-
-            const exList = document.getElementById('modalExceptionList');
-            const exSection = document.getElementById('modalExceptionSection');
-            exList.innerHTML = '';
-
-            const exceptions = [];
-            monthKeys.forEach(m => {
-                if (data.months[m].exception) {
-                    exceptions.push({ month: m, ...data.months[m].exception });
-                }
-            });
-
-            if (exceptions.length > 0) {
-                exSection.style.display = 'block';
-                exceptions.forEach(ex => {
-                    const displayMonth = monthLabels[ex.month] || ex.month;
-                    const item = document.createElement('div');
-                    item.className = 'tx-item'; // Reuse style
-                    item.innerHTML = `
-                        <div class="tx-meta">${displayMonth}</div>
-                        <div class="tx-main">
-                            <span class="tx-amount" style="color: #ffaa00;">${ex.amount} CZK</span>
-                        </div>
-                        <div class="tx-msg">${ex.note || 'No details provided.'}</div>
-                    `;
-                    exList.appendChild(item);
-                });
-            } else {
-                exSection.style.display = 'none';
-            }
-
-            const otherList = document.getElementById('modalOtherList');
-            const otherSection = document.getElementById('modalOtherSection');
-            otherList.innerHTML = '';
-
-            if (data.other_transactions && data.other_transactions.length > 0) {
-                otherSection.style.display = 'block';
-                data.other_transactions.forEach(tx => {
-                    const displayPurpose = tx.purpose || 'Other';
-                    const item = document.createElement('div');
-                    item.className = 'tx-item';
-                    item.innerHTML = `
-                        <div class="tx-meta">${tx.date} | ${displayPurpose}</div>
-                        <div class="tx-main">
-                            <span class="tx-amount" style="color: #66ccff;">${tx.amount} CZK</span>
-                            <span class="tx-sender">${tx.sender}</span>
-                        </div>
-                        <div class="tx-msg">${tx.message || ''}</div>
-                    `;
-                    otherList.appendChild(item);
-                });
-            } else {
-                otherSection.style.display = 'none';
-            }
-
-            const txList = document.getElementById('modalTxList');
-            txList.innerHTML = '';
-
-            if (allTransactions.length === 0) {
-                txList.innerHTML = '<div style="color: #444; font-style: italic; padding: 10px 0;">No transactions matched to this member.</div>';
-            } else {
-                allTransactions.sort((a, b) => b.date.localeCompare(a.date)).forEach(tx => {
-                    const displayMonth = monthLabels[tx.month] || tx.month;
-                    const item = document.createElement('div');
-                    item.className = 'tx-item';
-                    item.innerHTML = `
-                        <div class="tx-meta">${tx.date} | matched to ${displayMonth}</div>
-                        <div class="tx-main">
-                            <span class="tx-amount">${tx.amount} CZK</span>
-                            <span class="tx-sender">${tx.sender}</span>
-                        </div>
-                        <div class="tx-msg">${tx.message || ''}</div>
-                    `;
-                    txList.appendChild(item);
-                });
-            }
-
-            document.getElementById('memberModal').classList.add('active');
-        }
-
-        function closeModal(id) {
-            if (id) {
-                document.getElementById(id).style.display = 'none';
-                if (id === 'qrModal') {
-                    document.getElementById(id).style.display = 'none';
-                }
-            } else {
-                document.getElementById('memberModal').classList.remove('active');
-            }
-        }
-
-        // Existing filter script
-        document.getElementById('nameFilter').addEventListener('input', function (e) {
-            const filterValue = e.target.value.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
-            const rows = document.querySelectorAll('.member-row');
-
-            rows.forEach(row => {
-                const nameNode = row.querySelector('.member-name');
-                const name = nameNode.childNodes[0].textContent.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
-                if (name.includes(filterValue)) {
-                    row.style.display = '';
-                } else {
-                    row.style.display = 'none';
-                }
-            });
-        });
-
-        // Close on Esc and Navigate with Arrows
-        document.addEventListener('keydown', function (e) {
-            if (e.key === 'Escape') {
-                closeModal();
-                closeModal('qrModal');
-            }
-
-            const modal = document.getElementById('memberModal');
-            if (modal.classList.contains('active')) {
-                if (e.key === 'ArrowUp') {
-                    e.preventDefault();
-                    navigateMember(-1);
-                } else if (e.key === 'ArrowDown') {
-                    e.preventDefault();
-                    navigateMember(1);
-                }
-            }
-        });
-
-        function navigateMember(direction) {
-            const rows = Array.from(document.querySelectorAll('.member-row'));
-            const visibleRows = rows.filter(row => row.style.display !== 'none');
-
-            let currentIndex = visibleRows.findIndex(row => {
-                const nameNode = row.querySelector('.member-name');
-                const name = nameNode.childNodes[0].textContent.trim();
-                return name === currentMemberName;
-            });
-
-            if (currentIndex === -1) return;
-
-            let nextIndex = currentIndex + direction;
-            if (nextIndex >= 0 && nextIndex < visibleRows.length) {
-                const nextRow = visibleRows[nextIndex];
-                const nextName = nextRow.querySelector('.member-name').childNodes[0].textContent.trim();
-                showMemberDetails(nextName);
-            }
-        }
-        function showPayQR(name, amount, month, rawMonth) {
-            const account = "{{ bank_account }}";
-            // Convert YYYY-MM to MM/YYYY for infer_payments.py compatibility
-            const numericMonth = rawMonth.includes('+')
-                ? rawMonth.split('+').map(p => p.replace(/(\d{4})-(\d{2})/, '$2/$1')).join('+')
-                : rawMonth.replace(/(\d{4})-(\d{2})/, '$2/$1');
-            const message = `${name}: ${numericMonth}`;
-            const qrTitle = document.getElementById('qrTitle');
-            const qrImg = document.getElementById('qrImg');
-            const qrAccount = document.getElementById('qrAccount');
-            const qrAmount = document.getElementById('qrAmount');
-            const qrMessage = document.getElementById('qrMessage');
-
-            qrTitle.innerText = `Payment for ${month}`;
-            qrAccount.innerText = account;
-            qrAmount.innerText = amount;
-            qrMessage.innerText = message;
-
-            const encodedMessage = encodeURIComponent(message);
-            const qrUrl = `/qr?account=${encodeURIComponent(account)}&amount=${amount}&message=${encodedMessage}`;
-
-            qrImg.src = qrUrl;
-            document.getElementById('qrModal').style.display = 'block';
-        }
-
-        // Close modal when clicking outside
-        window.onclick = function (event) {
-            if (event.target.className === 'modal') {
-                event.target.style.display = 'none';
-            }
-        }
-    </script>
-</body>
-
-</html>
-```
\ No newline at end of file
diff --git a/templates/sync.html b/templates/sync.html
index a2f2381..ce4fc3e 100644
--- a/templates/sync.html
+++ b/templates/sync.html
@@ -122,10 +122,6 @@
         </div>
         <div class="nav-archived">
             <span style="color: #666; margin-right: 5px;">Archived:</span>
-            <a href="/fees">[Adult - Attendance/Fees]</a>
-            <a href="/fees-juniors">[Junior Attendance/Fees]</a>
-            <a href="/reconcile">[Adult Payment Reconciliation]</a>
-            <a href="/reconcile-juniors">[Junior Payment Reconciliation]</a>
             <a href="/payments">[Payments Ledger]</a>
         </div>
         <div class="nav-archived">