:root{--paper:#f5f8f2;--surface:#fff;--ink:#12292a;--muted:#7c938e;--line:#e3eadd;--green:#54a821;--green-dark:#3d8214}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.wrap{max-width:900px;margin:0 auto;padding:40px 20px}h1{font-size:30px;margin:0 0 8px}.muted{color:var(--muted)}header{margin-bottom:22px}h2{font-size:18px;margin:30px 0 10px}section{margin-bottom:8px}.kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.kaart{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 15px;display:flex;flex-direction:column;gap:2px}.kaart .label{font-size:12.5px;color:var(--muted)}.kaart strong{font-size:26px;letter-spacing:-.02em}.kaart.let-op{border-color:#cf4747;background:#fae5e5}.kaart.let-op strong{color:#b3261e}.attentie{background:#fae5e5;border:1px solid rgba(207,71,71,.35);border-radius:11px;padding:12px 15px;margin:16px 0 0;font-size:14px}.tabelwrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}th{text-align:left;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:800;border-bottom:1px solid var(--line)}td,th{padding:10px}td{border-bottom:1px solid #eef3ea}tr:last-child td{border-bottom:0}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}td.let-op{color:#b3261e;font-weight:800}.klein{font-size:12.5px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:13.5px}.chip.aan,.chip:hover{border-color:var(--green)}.chip.aan{background:var(--green);color:#fff}.chip.let-op{border-color:#cf4747}.chip.aan.let-op{background:#b3261e;border-color:#b3261e}.chip .telling{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.8}.zoek{display:flex;gap:8px;margin:4px 0 18px}.zoek input{flex:1 1;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.zoek button{padding:8px 16px;border:0;border-radius:8px;background:var(--green);color:#fff;font:inherit;cursor:pointer}.zoek button:hover{background:var(--green-dark)}.postvak{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.postvak>li{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.postvak>li.let-op{border-color:#cf4747}.postvak summary{display:grid;align-items:center;grid-gap:10px;gap:10px;padding:11px 14px;cursor:pointer;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 100px 110px 150px}.postvak summary::marker{color:var(--muted)}.postvak summary:hover{background:#fafcf8}.postvak .leverancier{font-weight:600}.postvak .datum,.postvak .nummer{color:var(--muted);font-size:13.5px}.postvak .bedrag{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.postvak .stap{text-align:right;font-size:12.5px;color:var(--muted)}.uitgeklapt{padding:4px 14px 14px;border-top:1px solid var(--line)}.uitgeklapt .stand{font-weight:600;margin:12px 0 8px}.stappen{list-style:none;margin:0;padding:0;display:grid;grid-gap:4px;gap:4px}.stappen>li{display:grid;grid-gap:10px;gap:10px;padding:7px 10px;border-radius:8px;background:var(--paper);grid-template-columns:minmax(0,1fr) 130px minmax(0,1.2fr);font-size:13.5px}.stappen>li .stand{font-weight:400;margin:0;color:var(--muted)}.stappen>li.getekend .stand{color:var(--green-dark)}.stappen>li.aan-de-beurt{background:#eef7e6;border:1px solid var(--green)}.stappen>li.aan-de-beurt .stand{color:var(--green-dark);font-weight:600}.stappen>li.afgekeurd{background:#fae5e5}.stappen>li.afgekeurd .stand{color:#b3261e;font-weight:600}.stappen .opmerking{grid-column:1/-1;color:var(--muted);font-style:italic}@media (max-width:700px){.postvak summary{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.postvak .datum,.postvak .nummer{grid-column:1}.postvak .bedrag,.postvak .stap{grid-column:2}.stappen>li{grid-template-columns:1fr}}.kaart{text-decoration:none;color:inherit}.kaart:hover{border-color:var(--green)}.knop{display:inline-block;padding:10px 18px;border-radius:8px;background:var(--green);color:#fff;text-decoration:none;font-weight:600}.knop:hover{background:var(--green-dark)}