:root{color-scheme:dark;--achtergrond: #0f1115;--paneel: #191d24;--paneel-rand: #2a3039;--tekst: #f2f4f7;--tekst-zacht: #9aa4b2;--accent: #f5a524;--accent-tekst: #1a1204;--goed: #17a34a;--fout: #dc2626;--straal: 12px;--raakhoogte: 56px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--achtergrond);color:var(--tekst);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;-webkit-text-size-adjust:100%}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}button{font:inherit;min-height:var(--raakhoogte);padding:0 1.25rem;border:1px solid var(--paneel-rand);border-radius:var(--straal);background:var(--paneel);color:var(--tekst);cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}button.primair{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst);font-weight:700}button.gevaar{border-color:var(--fout);color:#fca5a5}input,select{font:inherit;min-height:var(--raakhoogte);width:100%;padding:0 .9rem;border:1px solid var(--paneel-rand);border-radius:var(--straal);background:#0c0f14;color:var(--tekst)}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}label{display:block;margin-bottom:.35rem;color:var(--tekst-zacht);font-size:.9rem}.paneel{background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:var(--straal);padding:1rem}.foutmelding{padding:.85rem 1rem;border:1px solid var(--fout);border-radius:var(--straal);background:#dc26261f;color:#fecaca}::selection{background:#f5a5244d;color:var(--tekst)}::placeholder{color:var(--tekst-zacht);opacity:1}input{caret-color:var(--accent)}*{scrollbar-color:var(--paneel-rand) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--paneel-rand);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3a424e}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.enkel-voorgelezen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}router-outlet{display:none}