: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}.tabs{flex-basis:100%;gap:4px;margin-bottom:-12px;display:flex;overflow-x:auto}.tabs button{color:var(--label2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;padding:10px 12px;font-weight:600}.tabs button[aria-current=page]{color:var(--label);border-bottom-color:var(--orange)}select,textarea{font:inherit;color:var(--label);border-radius:var(--r-sm);background:var(--fill);border:0;min-height:44px;padding:8px 12px}input[aria-invalid=true]{box-shadow:0 0 0 2px var(--bad)}.veldfout{color:var(--bad);font-size:12px}.waarschuwing{color:#8a5300;border-radius:var(--r-sm);background:#ff9f0a24;padding:10px 12px;font-size:14px}.ok{color:#1b6e2f;border-radius:var(--r-sm);background:#34c75924;padding:10px 12px;font-size:14px}@media (prefers-color-scheme:dark){.waarschuwing{color:#fc6}.ok{color:#7ee29a}}.formulier{flex-direction:column;gap:12px;display:flex}.formulier.smal{max-width:640px}.rij2,.rij3{grid-template-columns:1fr;gap:12px;display:grid}.rij2>*,.rij3>*{min-width:0}.formulier label>input:not([type=checkbox]),.formulier label>select{width:100%;min-width:0}.opslaan{box-shadow:0 4px 16px #0000002e}.vinkje{color:var(--label);flex-direction:row;align-items:center;gap:10px;min-height:44px;font-size:15px}.vinkje input{width:20px;height:20px;min-height:0}.kop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.zoek{width:100%;margin-bottom:12px}.btn.gevaar{color:var(--bad)}.bestandknop{color:var(--label);flex-direction:row;align-items:center;font-size:16px;display:inline-flex;position:relative}.bestandknop input{opacity:0;cursor:pointer;position:absolute;inset:0}.knoppen{flex-wrap:wrap}.instellingen{grid-template-columns:1fr;gap:16px;display:grid}.kolom{flex-direction:column;gap:16px;min-width:0;display:flex}.voorbeeld-kolom h2{margin:0}.opslaan{bottom:max(12px, env(safe-area-inset-bottom));position:sticky}.kleurveld{grid-template-columns:52px 1fr;align-items:start;gap:12px;display:grid}.kleurveld input[type=color]{cursor:pointer;width:52px;height:44px;margin-top:20px;padding:4px}.logo-nieuw{flex-direction:column;gap:8px;display:flex}.logo-nieuw img{object-fit:contain;border-radius:var(--r-sm);background:repeating-conic-gradient(#e5e5ea 0 25%, #fff 0 50%) 0 0 / 16px 16px;align-self:flex-start;max-width:260px;max-height:160px;padding:8px}.factuur-voorbeeld{aspect-ratio:210/297;color:#1b2a4a;background:#fff;border-radius:4px;width:100%;font-family:Helvetica,Arial,sans-serif;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001f,0 8px 24px #00000014;container-type:inline-size}.fv-t{white-space:pre;line-height:1.15;position:absolute}.fv-blok{position:absolute}.fv-blok.rond{border-radius:.6cqw}.fv-logo{object-fit:contain;object-position:left top;position:absolute}.fv-logo.leeg{color:#8e8e93;border:1px dashed #c7c7cc;place-items:center;display:grid}@media (min-width:700px){.rij2{grid-template-columns:1fr 1fr}.rij3{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1000px){.instellingen{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start}.voorbeeld-kolom{position:sticky;top:140px}}@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}}