:root{--navy:#1b2a4a;--orange:#e8590c;--blue:#1e88e5;--tint:#1b2a4a;--bg:#f2f2f7;--surface:#fff;--fill:#7676801f;--sep:#3c3c432e;--label:#1c1c1e;--label2:#3c3c43b8;--bad:#c4001a;--badbg:#d700151a;--r:14px;--r-sm:10px;--shadow:0 1px 2px #0000000a, 0 2px 12px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--tint:#5b7dc6;--bg:#000;--surface:#1c1c1e;--fill:#7676803d;--sep:#54545899;--label:#fff;--label2:#ebebf5b8;--bad:#ff6961;--badbg:#ff453a29;--shadow:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--label);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif}h1{letter-spacing:-.02em;margin:0;font-size:26px;line-height:1.15}h2{margin:0 0 8px;font-size:17px}p{margin:0}code{word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 60%, transparent);outline-offset:2px;border-radius:8px}.midden{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid}.kaart{background:var(--surface);border-radius:var(--r);width:min(420px,100%);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:24px 20px;display:flex}.merk span{color:var(--orange)}.muted{color:var(--label2)}.klein{font-size:13px}.fout{color:var(--bad);background:var(--badbg);border-radius:var(--r-sm);padding:10px 12px;font-size:14px}label{color:var(--label2);flex-direction:column;gap:6px;font-size:13px;display:flex}input{font:inherit;color:var(--label);border-radius:var(--r-sm);background:var(--fill);border:0;outline:none;min-height:44px;padding:8px 12px}input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 45%, transparent)}.btn{border-radius:var(--r-sm);background:var(--tint);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;padding:0 18px;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:var(--fill);color:var(--label);font-weight:500}.qr{border-radius:var(--r-sm);background:#fff;align-self:center;padding:8px}.pill{background:var(--fill);color:var(--label2);border-radius:99px;padding:2px 9px;font-size:12px;display:inline-block}.lijst{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lijst button{border-radius:var(--r-sm);background:var(--fill);width:100%;min-height:52px;color:var(--label);font:inherit;text-align:left;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.balk{z-index:5;padding:max(16px, env(safe-area-inset-top)) 16px 12px;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--sep);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:sticky;top:0}.knoppen{gap:8px;display:flex}.inhoud{max-width:1100px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.tegels{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.tegel{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 16px}.tegel .lbl{color:var(--label2);font-size:13px}.tegel .val{font-variant-numeric:tabular-nums;margin-top:4px;font-size:22px;font-weight:700}.tegel.accent{background:var(--navy);color:#fff;grid-column:1/-1}.tegel.accent .lbl{color:#ffffffd9}.paneel{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px}@media (min-width:700px){.balk,.inhoud{padding-left:32px;padding-right:32px}.tegels{grid-template-columns:repeat(3,1fr)}.tegel.accent{grid-column:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}