:root{--tekst: #16181d;--zacht: #6b7280;--lijn: #dfe2e7;--vlak: #ffffff;--achtergrond: #f6f7f9;--accent: #16181d;--fout: #b42318;--gelukt: #15803d}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--tekst: #e8eaed;--zacht: #9aa0a6;--lijn: #30343b;--vlak: #1b1d22;--achtergrond: #121317;--accent: #e8eaed;--fout: #f0776c;--gelukt: #6ee7a8}}*{box-sizing:border-box}body{margin:0;background:var(--achtergrond);color:var(--tekst);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.55}main{max-width:560px;margin:0 auto;padding:24px 16px 64px}h1{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:26px 0 6px}h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--zacht);margin:34px 0 16px}p{margin:0 0 12px}.muted{color:var(--zacht)}.menu{display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid var(--lijn)}.menu-item{padding:12px 14px;font:inherit;font-size:15px;color:var(--zacht);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.menu-item:hover{color:var(--tekst)}.menu-item.actief{color:var(--tekst);font-weight:500;border-bottom-color:var(--accent)}.terug,.link{padding:0;font:inherit;font-size:14px;color:var(--zacht);background:none;border:none;cursor:pointer}.link{text-decoration:underline}.terug{margin-top:20px}.terug:hover,.link:hover{color:var(--tekst)}.gegevenslijst{margin:20px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 20px}.gegevenslijst dt{color:var(--zacht)}.gegevenslijst dd{margin:0}.stappenlijst{margin:20px 0 0;padding-left:20px;color:var(--zacht)}.stappenlijst li{margin-bottom:8px}.stappenlijst li.gedaan{color:var(--gelukt)}.veld{margin-bottom:18px}.veld-vak{position:relative}.veld-invoer{width:100%;padding:13px 14px;font:inherit;font-size:15px;color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;outline:none;transition:border-color .15s ease}.veld-invoer:focus{border-color:var(--accent)}.veld-invoer:disabled{opacity:.55;cursor:not-allowed}.veld-label{position:absolute;left:11px;top:50%;transform:translateY(-50%);padding:0 4px;font-size:15px;color:var(--zacht);pointer-events:none;background:transparent;transition:top .15s ease,font-size .15s ease,color .15s ease,background-color .15s ease}.veld-invoer:focus+.veld-label,.veld-invoer:not(:placeholder-shown)+.veld-label{top:0;font-size:11.5px;background:var(--vlak)}.veld-invoer:focus+.veld-label{color:var(--accent)}.hint{margin:6px 0 0;font-size:13px;color:var(--zacht)}.hint.gelukt{color:var(--gelukt)}.melding{padding:13px 15px;margin:18px 0;background:var(--vlak);border:1px solid var(--lijn);border-radius:10px}.melding p{margin:4px 0 0}.melding.fout{border-color:var(--fout);color:var(--fout)}.acties,.knoppen{display:flex;gap:10px;margin-top:26px}.acties button,.knoppen button,form button[type=submit]{padding:12px 22px;font:inherit;font-size:15px;font-weight:500;color:var(--achtergrond);background:var(--accent);border:none;border-radius:10px;cursor:pointer}.acties button.secundair,.knoppen button.secundair{color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn)}.acties button:disabled,.knoppen button:disabled,form button[type=submit]:disabled{opacity:.45;cursor:not-allowed}form{margin-top:22px}form label{display:block;margin-bottom:6px;font-size:13px;color:var(--zacht)}form input[type=email],form input[type=password],form input[type=text]{width:100%;padding:12px 14px;font:inherit;font-size:15px;color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;outline:none}form input:focus{border-color:var(--accent)}form button[type=submit]{margin-top:18px}.lijst{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--lijn)}.lijst li{border-bottom:1px solid var(--lijn)}.lijst-rij{display:grid;grid-template-columns:1fr auto;gap:2px 12px;width:100%;padding:14px 4px;font:inherit;text-align:left;color:var(--tekst);background:none;border:none;cursor:pointer}.lijst-rij:hover{background:var(--vlak)}.lijst-naam{font-weight:500}.lijst-bij{grid-column:1;font-size:13px}.vlag{grid-column:2;grid-row:1 / span 2;align-self:center;padding:3px 10px;font-size:12px;white-space:nowrap;border:1px solid var(--lijn);border-radius:999px;color:var(--zacht)}.vlag-gegevens_ingediend{color:var(--tekst);border-color:var(--tekst)}.vlag-goedgekeurd,.vlag-getekend{color:var(--gelukt);border-color:var(--gelukt)}.vlag-afgewezen{color:var(--fout);border-color:var(--fout)}.blok-label{display:block;margin-bottom:6px;font-size:13px;color:var(--zacht)}textarea{width:100%;padding:12px 14px;font:inherit;font-size:15px;color:var(--tekst);background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;outline:none;resize:vertical}textarea:focus{border-color:var(--accent)}textarea:disabled{opacity:.55}.melding ul{margin:6px 0 0;padding-left:18px}.melding li{margin-bottom:4px}.doc-rij{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px 6px}.doc-rij .lijst-naam,.doc-rij .lijst-bij{display:block}.doc-knoppen{display:flex;gap:16px;padding:0 4px 14px}.handtekening{margin:4px 4px 18px}.tekenvlak{display:block;width:100%;height:160px;background:#fff;border:1px dashed var(--lijn);border-radius:10px;touch-action:none;cursor:crosshair}.handtekening .knoppen{margin-top:12px}