:root{--tekst:#1f2933;--achtergrond:#f7f8fa;--rand:#d9dee5;--accent:#1d4ed8}*{box-sizing:border-box}body{color:var(--tekst);background:var(--achtergrond);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}main{max-width:48rem;margin:0 auto;padding:3rem 1.5rem}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:.5rem 1rem}button.secundair{color:var(--accent);background:0 0}input[type=text]{font:inherit;border:1px solid var(--rand);border-radius:6px;padding:.5rem .75rem}button:disabled{opacity:.6;cursor:wait}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--rand);padding:.4rem .5rem}.status-ok{color:#166534;font-weight:600}.status-fout{color:#b91c1c;font-weight:600}.status-bezig{color:#b45309;font-weight:600}.zoek{position:relative}.zoek input[type=text]{width:min(28rem,100%)}.zoek-lijst{z-index:10;border:1px solid var(--rand);background:#fff;border-radius:6px;width:min(36rem,100%);max-height:20rem;margin:.25rem 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #00000014}.zoek-lijst li{cursor:pointer;padding:.4rem .75rem}.zoek-lijst li.actief{background:#e8eefc}.zoek-lijst li.zoek-leeg{cursor:default}.zoek-lijst small,.hint{color:#5b6672}.hint{margin:.5rem 0 0;font-size:.9rem}button.link{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}