:root{--grond:#f7f6f3;--blad:#fff;--inkt:#111827;--inkt-zacht:#4b5563;--lijn:#e5e7eb;--accent:#1d4ed8;--accent-op-donker:#60a5fa;--status-goedgekeurd:#047857;--status-goedgekeurd-vlak:#d1fae5;--status-behandeling:#b45309;--status-behandeling-vlak:#fef3c7;--status-afgewezen:#b91c1c;--status-afgewezen-vlak:#fee2e2;--status-wachtlijst:#6d28d9;--status-wachtlijst-vlak:#ede9fe;--status-fout:#b91c1c;--status-fout-vlak:#fee2e2;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ruimte-klein:.5rem;--ruimte:1rem;--ruimte-groot:1.5rem;--ruimte-sectie:2.5rem;--duur:.15s;--soepel:cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--grond:#0b0d11;--blad:#14171d;--inkt:#f3f4f6;--inkt-zacht:#a8b0bc;--lijn:#262b34;--status-goedgekeurd:#34d399;--status-goedgekeurd-vlak:#0b2e22;--status-behandeling:#fbbf24;--status-behandeling-vlak:#3a2a08;--status-afgewezen:#f87171;--status-afgewezen-vlak:#3b1414;--status-wachtlijst:#a78bfa;--status-wachtlijst-vlak:#291f47;--status-fout:#f87171;--status-fout-vlak:#3b1414}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-ui);color:var(--inkt);background-color:var(--grond);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:1rem;line-height:1.6}#root{min-height:100vh}h1,h2,h3{letter-spacing:-.02em;font-weight:800;line-height:1.15}h1{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;transition:transform var(--duur) var(--soepel), opacity var(--duur) var(--soepel);border:none;border-radius:8px;padding:.6em 1.1em}button:hover{opacity:.9}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}input{font:inherit;color:var(--inkt);background:var(--blad);border:1px solid var(--lijn);border-radius:8px;padding:.6em .8em}label{color:var(--inkt-zacht);margin-top:var(--ruimte);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.login-scherm{min-height:100vh;padding:var(--ruimte-groot);place-items:center;display:grid}.login-kaart{background:var(--blad);border:1px solid var(--lijn);width:100%;max-width:22rem;padding:var(--ruimte-sectie) var(--ruimte-groot);border-radius:16px}.login-uitleg{color:var(--inkt-zacht);margin-top:.375rem}.login-fout{color:var(--status-fout);background:var(--status-fout-vlak);margin-top:var(--ruimte);border-radius:8px;padding:.6em .8em;font-size:.875rem}.login-kaart button{margin-top:var(--ruimte-groot);width:100%}.statusmelding{text-align:center;place-items:center;gap:var(--ruimte);min-height:100vh;padding:var(--ruimte-groot);display:grid}.paneel-header{align-items:center;gap:var(--ruimte-groot);padding:var(--ruimte) var(--ruimte-groot);border-bottom:2px solid var(--accent);background:var(--blad);display:flex}.paneel-merk{letter-spacing:-.02em;white-space:nowrap;font-weight:800}.omgeving-kiezer{gap:var(--ruimte-klein);flex:1;display:flex}.omgeving-knop{color:var(--inkt-zacht);border:1px solid var(--lijn);background:0 0}.omgeving-knop.actief{background:var(--accent);color:#fff;border-color:var(--accent)}.paneel-gebruiker{align-items:center;gap:var(--ruimte);color:var(--inkt-zacht);white-space:nowrap;font-size:.875rem;display:flex}.paneel-inhoud{padding:var(--ruimte-sectie) var(--ruimte-groot);position:relative}.filterbalk{gap:var(--ruimte-klein);margin-top:var(--ruimte-groot);flex-wrap:wrap;display:flex}.filterbalk input,.filterbalk select{background:var(--blad);border:1px solid var(--lijn);color:var(--inkt);font:inherit;border-radius:8px;padding:.5em .75em}.bulk-balk{align-items:center;gap:var(--ruimte);margin-top:var(--ruimte);padding:var(--ruimte);background:var(--blad);border:1px solid var(--lijn);border-left:3px solid var(--accent);border-radius:8px;display:flex}.bulk-voorvertoning,.bulk-resultaat{flex-direction:column;align-items:stretch}.tabel-omhulsel{margin-top:var(--ruimte-groot);overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:.9375rem}.tabel th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--inkt-zacht);border-bottom:2px solid var(--lijn);white-space:nowrap;padding:0;font-size:.75rem;font-weight:700}.sorteer-knop{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left;background:0 0;width:100%;padding:.6em .75em}.sorteer-knop:hover{color:var(--inkt)}.tabel td{border-bottom:1px solid var(--lijn);vertical-align:middle;padding:.6em .75em}.tabel tbody tr:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.tabel-leeg,.detail-leeg{color:var(--inkt-zacht);margin-top:var(--ruimte-groot)}.naam-knop{color:var(--inkt);text-decoration:underline;-webkit-text-decoration-color:var(--lijn);text-decoration-color:var(--lijn);text-underline-offset:3px;background:0 0;padding:0;font-weight:600}.naam-knop:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.rij-acties{gap:var(--ruimte-klein);display:flex}.rij-acties button{padding:.4em .8em;font-size:.875rem}.knop-mineur{color:var(--inkt-zacht);border:1px solid var(--lijn);background:0 0}.status-chip{border-radius:999px;padding:.2em .6em;font-size:.75rem;font-weight:700;display:inline-block}.status-approved{color:var(--status-goedgekeurd);background:var(--status-goedgekeurd-vlak)}.status-requested,.status-pending,.status-info_requested{color:var(--status-behandeling);background:var(--status-behandeling-vlak)}.status-rejected{color:var(--status-afgewezen);background:var(--status-afgewezen-vlak)}.status-waitlist{color:var(--status-wachtlijst);background:var(--status-wachtlijst-vlak)}.detail-paneel{background:var(--blad);border-left:1px solid var(--lijn);width:min(24rem,100vw);padding:var(--ruimte-groot);position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 24px #0000001f}.detail-kop{justify-content:space-between;align-items:flex-start;gap:var(--ruimte);margin-bottom:var(--ruimte-groot);display:flex}.detail-paneel section{margin-top:var(--ruimte-groot)}.detail-paneel h3{letter-spacing:.02em;text-transform:uppercase;color:var(--inkt-zacht);margin-bottom:var(--ruimte-klein);font-size:.8125rem;font-weight:700}.detail-lijst{gap:.4em var(--ruimte);grid-template-columns:auto 1fr;display:grid}.detail-lijst dt{color:var(--inkt-zacht)}.detail-lijst dd{margin:0}.detail-lijst-simpel{flex-direction:column;gap:.4em;padding:0;list-style:none;display:flex}.detail-lijst-simpel li{align-items:center;gap:var(--ruimte-klein);display:flex}.scherm-nav{gap:var(--ruimte-klein);padding:var(--ruimte) var(--ruimte-groot) 0;flex-wrap:wrap;display:flex}.acties-boven{margin-top:var(--ruimte-groot)}.formulier{max-width:32rem;margin-top:var(--ruimte-groot);padding:var(--ruimte-groot);background:var(--blad);border:1px solid var(--lijn);border-radius:12px}.formulier h2{margin-bottom:var(--ruimte-klein)}.formulier textarea{font:inherit;color:var(--inkt);background:var(--blad);border:1px solid var(--lijn);resize:vertical;border-radius:8px;padding:.6em .8em}.formulier-rij{gap:0 var(--ruimte);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.formulier-checkbox{align-items:center;gap:var(--ruimte-klein);margin-top:var(--ruimte-klein);color:var(--inkt);text-transform:none;letter-spacing:normal;font-size:.875rem;font-weight:400;display:flex}.formulier-label-groep{color:var(--inkt-zacht);margin-top:var(--ruimte-groot);font-size:.8125rem;font-weight:600;display:block}.rol-vinklijst{margin-top:var(--ruimte-klein);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.datum-vinklijst{margin-top:var(--ruimte-klein);border:1px solid var(--lijn);border-radius:8px;max-height:16rem;padding:.5rem .75rem;list-style:none;overflow-y:auto}.datum-vinklijst li{text-transform:capitalize;padding:.2em 0}.filterbalk-inline{align-items:center;gap:var(--ruimte-klein);color:var(--inkt-zacht);font-size:.8125rem;display:flex}.filterbalk-inline input{font:inherit}.lijst-kop{margin-top:var(--ruimte-sectie)}.mededelingen-lijst{margin-top:var(--ruimte-groot);gap:var(--ruimte);flex-direction:column;padding:0;list-style:none;display:flex}.mededeling-item{justify-content:space-between;align-items:flex-start;gap:var(--ruimte);padding:var(--ruimte);background:var(--blad);border:1px solid var(--lijn);border-radius:10px;display:flex}.mededeling-item h3{margin-bottom:.25em;font-size:1rem}.mededeling-meta{color:var(--inkt-zacht);margin-top:.4em;font-size:.8125rem}.puntenregels-rooster{gap:var(--ruimte);margin-top:var(--ruimte);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.puntenregel-veld{flex-direction:column;gap:.3em;display:flex}.puntenregel-veld span{color:var(--inkt-zacht);font-size:.8125rem}.puntenregel-veld input{background:var(--blad);border:1px solid var(--lijn);color:var(--inkt);font:inherit;border-radius:8px;padding:.5em .7em}.uitleg-tekst{color:var(--inkt-zacht);max-width:40rem;margin-top:var(--ruimte)}.toestemming-meta{color:var(--inkt-zacht);margin-top:.2em;font-size:.75rem}