:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;color-scheme:light dark;--rand: color-mix(in srgb, currentColor 18%, transparent);--zacht: color-mix(in srgb, currentColor 6%, transparent);--fout: #b3261e;--goed: #1b6b3a;--let-op: #8a5300}body{margin:0;padding:1.5rem}main{max-width:68rem;margin:0 auto}h1{font-size:1.4rem;font-weight:600}h2{font-size:1.1rem;font-weight:600;margin-top:2rem}.app-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--rand);padding-bottom:.75rem}.who{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.role{font-size:.75rem;padding:.1rem .4rem;border:1px solid var(--rand);border-radius:999px}.note{font-size:.9rem;opacity:.75}.tabs{display:flex;gap:.25rem;flex-wrap:wrap;margin:1rem 0;border-bottom:1px solid var(--rand)}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:.5rem .75rem;cursor:pointer;font:inherit;color:inherit}.tab.active{border-bottom-color:currentColor;font-weight:600}.filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem 1rem;margin:1rem 0;padding:1rem;border:1px solid var(--rand);border-radius:.5rem;background:var(--zacht)}.field{display:flex;flex-direction:column;gap:.2rem}.field-label{font-size:.8rem;font-weight:600}.field-hint{font-size:.75rem;opacity:.7}input,select{font:inherit;padding:.35rem .5rem;border:1px solid var(--rand);border-radius:.25rem;background:transparent;color:inherit}.checkboxes{display:flex;flex-wrap:wrap;gap:.75rem}.checkbox{display:flex;align-items:center;gap:.3rem;font-size:.85rem}.form-actions{grid-column:1 / -1;display:flex;align-items:center;gap:.75rem}button{font:inherit;padding:.4rem .9rem;border:1px solid var(--rand);border-radius:.25rem;background:transparent;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{border:none;padding:0;text-decoration:underline}button.secondary{border-style:dashed;opacity:.8}.button-link{font:inherit;padding:.4rem .9rem;border:1px solid var(--rand);border-radius:.25rem;color:inherit;text-decoration:none}.saved{color:var(--goed);font-size:.85rem}table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:.5rem}th,td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--rand)}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;opacity:.7}.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85em}.badge{font-size:.75rem;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--rand)}.badge-active{color:var(--goed)}.badge-blocked{color:var(--fout)}.badge-warning{color:var(--let-op);margin-left:.4rem}.row-editing>td{background:var(--zacht)}.row-warning>td:first-child{box-shadow:inset 3px 0 0 var(--let-op)}.warning{color:var(--let-op);border:1px solid currentColor;border-radius:.25rem;padding:.6rem .75rem;margin:.75rem 0;font-size:.9rem}.searchbox{display:flex;align-items:center;gap:.5rem;margin:.75rem 0}.searchbox input{flex:1;max-width:24rem}.row-revoked>td{opacity:.5}.login-block{margin:1.5rem 0;padding-bottom:1rem;border-bottom:1px solid var(--rand)}.login-block:last-of-type{border-bottom:none}.form-full{grid-column:1 / -1;margin:0}.empty{opacity:.6;font-style:italic}.afwijkend{color:var(--fout);font-weight:600}.error-box{white-space:pre-line;color:var(--fout);border:1px solid currentColor;border-radius:.25rem;padding:.6rem .75rem;margin:.75rem 0;font-size:.9rem}.tenant-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem;max-width:30rem}.tenant-list button{width:100%;text-align:left;display:flex;justify-content:space-between;gap:1rem}