:root{--huisstijl-smaragd: #2a9d8f;--huisstijl-bordeaux: #a04569;--huisstijl-blush: #f7e1dc;--huisstijl-goud: #c9a227;--huisstijl-nachtblauw: #334155}:root{--bg: color-mix(in srgb, var(--huisstijl-blush) 35%, white);--surface: white;--fg: var(--huisstijl-nachtblauw);--muted: color-mix(in srgb, var(--huisstijl-nachtblauw) 62%, white);--accent: var(--huisstijl-bordeaux);--accent-2: var(--huisstijl-smaragd);--goud: var(--huisstijl-goud);--on-accent: white;--line: color-mix(in srgb, var(--huisstijl-nachtblauw) 12%, var(--bg));--danger: #d92d20;--radius: 12px;--header-h: 60px;--wrap: 1040px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border:1px solid transparent;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font:inherit;font-weight:600;cursor:pointer;transition:opacity .2s,background .2s,border-color .2s}.btn:hover{opacity:.9}.btn:disabled{opacity:.55;cursor:default}.btn--ghost{background:transparent;border-color:var(--line);color:var(--fg)}.btn--ghost:hover{border-color:var(--accent);opacity:1}.btn--danger{background:transparent;border-color:var(--line);color:var(--danger)}.btn--danger:hover{border-color:var(--danger);opacity:1}.btn--sm{padding:.35rem .7rem;font-size:.85rem}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-size:.82rem;font-weight:600;color:var(--fg)}.input{padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font:inherit;color:var(--fg);transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.input--area{min-height:84px;resize:vertical}.checkbox{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.card{display:block;padding:1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:16px}.melding{margin:0;padding:.6rem .8rem;border-radius:var(--radius);font-size:.9rem}.melding--fout{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}