:root{--grond:#0e0f11;--vlak:#17181b;--vlak-op:#1e2024;--lijn:#ffffff1a;--lijn-sterk:#ffffff2e;--tekst:#f2f0ed;--tekst-zacht:#b9b5b0;--tekst-flauw:#86827d;--accent:#d4605a;--accent-op:#e2726c;--accent-zacht:#d4605a24;--groen:#4f9d69;--amber:#cf9440;--rood:#d4605a;--font-smal:"Oswald", "Barlow Condensed", "Roboto Condensed", "Archivo Narrow", "Arial Narrow", "Helvetica Neue Condensed", system-ui, sans-serif;--font-lopend:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:10px;--radius-klein:6px;--schaduw:0 1px 2px #00000080, 0 8px 24px #00000059;--r1:4px;--r2:8px;--r3:12px;--r4:18px;--r5:26px;--t-xs:.72rem;--t-sm:.82rem;--t-md:.92rem;--t-lg:1.05rem;--t-xl:1.4rem;--t-2xl:2rem;--vlot:.13s cubic-bezier(.2, .7, .3, 1);--smal:var(--font-smal);--lopend:var(--font-lopend)}*{box-sizing:border-box}html,body{background:var(--grond);color:var(--tekst);font-family:var(--lopend);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.55}h1,h2,h3,.kop-smal{font-family:var(--smal);text-transform:uppercase;letter-spacing:.045em;margin:0;font-weight:600;line-height:1.15}h1{font-size:var(--t-2xl)}h2{font-size:var(--t-xl)}h3{font-size:var(--t-lg)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-op);text-decoration:underline}.klein{font-size:var(--t-sm)}.stil{color:var(--tekst-flauw)}.cijfers{font-variant-numeric:tabular-nums}.scheiding{background:var(--lijn);height:1px;margin:var(--r5) 0;border:0}.raam{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.zijbalk{border-right:1px solid var(--lijn);padding:var(--r4) var(--r3);gap:var(--r4);background:#0a0b0c;flex-direction:column;display:flex}.zijbalk .merk img{width:auto;max-width:100%;height:56px;display:block}.zijbalk .merk small{font-family:var(--smal);text-transform:uppercase;letter-spacing:.12em;font-size:var(--t-xs);color:var(--tekst-flauw);margin-top:var(--r2);display:block}.zijbalk nav{flex-direction:column;gap:2px;display:flex}.zijbalk nav a{align-items:center;gap:var(--r2);padding:var(--r2) var(--r3);border-radius:var(--radius-klein);color:var(--tekst-zacht);font-family:var(--smal);text-transform:uppercase;letter-spacing:.05em;font-size:var(--t-sm);transition:background var(--vlot), color var(--vlot);display:flex}.zijbalk nav a:hover{color:var(--tekst);background:#ffffff0d;text-decoration:none}.zijbalk nav a.actief{color:var(--tekst);box-shadow:inset 2px 0 0 var(--accent);background:#ffffff0d}.zijbalk .voet{font-size:var(--t-sm);color:var(--tekst-flauw);margin-top:auto}.werkblad{flex-direction:column;min-width:0;display:flex}.balk{justify-content:space-between;align-items:center;gap:var(--r3);padding:var(--r4) var(--r5);border-bottom:1px solid var(--lijn);display:flex}.balk .rechts{align-items:center;gap:var(--r2);display:flex}.inhoud{padding:var(--r5);gap:var(--r4);align-content:start;display:grid}.kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius);padding:var(--r4)}.kaart>.kop{justify-content:space-between;align-items:baseline;gap:var(--r3);margin-bottom:var(--r3);display:flex}.rooster{gap:var(--r4);display:grid}.rooster>*{min-width:0}.rooster.twee{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.rooster.drie{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.knop{align-items:center;gap:var(--r2);font-family:var(--smal);text-transform:uppercase;letter-spacing:.05em;font-size:var(--t-sm);padding:var(--r2) var(--r4);border:1px solid var(--lijn-sterk);color:var(--tekst);cursor:pointer;transition:background var(--vlot), border-color var(--vlot), color var(--vlot);background:0 0;border-radius:999px;display:inline-flex}.knop:hover{color:var(--tekst);background:#ffffff12;text-decoration:none}.knop.hoofd{background:var(--accent);border-color:var(--accent);color:#fff}.knop.hoofd:hover{background:var(--accent-op);border-color:var(--accent-op)}.knop.klein{padding:3px var(--r3);font-size:var(--t-xs)}.knop:disabled{opacity:.45;cursor:default}.veld{margin-bottom:var(--r3);display:block}.veld>span{font-family:var(--smal);text-transform:uppercase;letter-spacing:.06em;font-size:var(--t-xs);color:var(--tekst-flauw);margin-bottom:var(--r1);display:block}input,select,textarea{background:var(--grond);border:1px solid var(--lijn-sterk);border-radius:var(--radius-klein);width:100%;color:var(--tekst);padding:var(--r2) var(--r3);font:inherit}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht);outline:none}textarea{resize:vertical;min-height:90px}.merkteken{font-family:var(--smal);text-transform:uppercase;letter-spacing:.05em;font-size:var(--t-xs);padding:1px var(--r2);border:1px solid var(--lijn-sterk);color:var(--tekst-zacht);white-space:nowrap;border-radius:999px;display:inline-block}.merkteken.rood{color:var(--accent);background:var(--accent-zacht);border-color:#d4605a80}.merkteken.groen{color:var(--groen);border-color:#4f9d6980}.merkteken.amber{color:var(--amber);border-color:#cf944080}.speler{border:1px solid var(--lijn);border-radius:var(--radius);background:#000;overflow:hidden}.speler video{background:#000;width:100%;height:auto;display:block}.speler .tijdstand,.speler .opmerkingform{margin-left:var(--r3);margin-right:var(--r3)}.speler .opmerkingform{padding-bottom:var(--r3)}.tijdbalk{height:14px;margin:var(--r3) var(--r3) 0;background:var(--vlak-op);border:1px solid var(--lijn);cursor:pointer;border-radius:99px;position:relative;overflow:visible}.tijdbalk-gelopen{pointer-events:none;background:#d4605a40;border-radius:99px;position:absolute;inset:0 auto 0 0}.tijdbalk .punt{background:var(--accent);border:2px solid var(--vlak);cursor:pointer;width:10px;height:10px;transition:transform var(--vlot);border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%}.tijdbalk .punt:hover{transform:scale(1.4)}.tijdbalk .punt.af{background:var(--tekst-flauw)}.tijdbalk .punt{font-family:var(--smal);color:#fff;place-items:center;padding:0;font-size:9px;line-height:1;display:grid}.opmerking{gap:var(--r3);padding:var(--r3) 0;border-bottom:1px solid var(--lijn);grid-template-columns:62px 1fr auto;align-items:start;display:grid}.opmerking:last-child{border-bottom:0}.opmerking .tijd{font-family:var(--smal);font-variant-numeric:tabular-nums;color:var(--accent);cursor:pointer;letter-spacing:.04em}.opmerking .tijd:hover{color:var(--accent-op)}.opmerking.af .tijd{color:var(--tekst-flauw)}.opmerking .wie{font-size:var(--t-xs);color:var(--tekst-flauw);margin-top:2px;display:block}.opmerking .antwoord{margin-top:var(--r2);padding-left:var(--r3);border-left:2px solid var(--accent);color:var(--tekst-zacht);font-size:var(--t-sm)}table.lijst{border-collapse:collapse;width:100%;font-size:var(--t-md)}table.lijst th{text-align:left;font-family:var(--smal);text-transform:uppercase;letter-spacing:.06em;font-size:var(--t-xs);color:var(--tekst-flauw);padding:var(--r2) var(--r3);border-bottom:1px solid var(--lijn);font-weight:500}table.lijst td{padding:var(--r3);border-bottom:1px solid var(--lijn);vertical-align:top}table.lijst tr:last-child td{border-bottom:0}table.lijst tbody tr:hover td{background:#ffffff08}table.lijst a{color:var(--tekst);font-weight:600}table.lijst a:hover{color:var(--accent)}.tabelrol{margin:0 calc(var(--r3) * -1);padding:0 var(--r3);overflow-x:auto}.melding{border-radius:var(--radius-klein);padding:var(--r3);border-left:3px solid var(--lijn-sterk);background:var(--vlak-op);font-size:var(--t-sm)}.melding.let-op{border-left-color:var(--accent)}.melding.uitleg{border-left-color:var(--tekst-flauw)}.melding.fout{border-left-color:var(--rood);color:#f2cdca;background:#d4605a1f}.leeg{text-align:center;padding:var(--r5);color:var(--tekst-flauw);border:1px dashed var(--lijn);border-radius:var(--radius)}.leeg .titel{font-family:var(--smal);text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-zacht);margin-bottom:var(--r1);display:block}.tegels{gap:var(--r4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.tegel{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius);transition:border-color var(--vlot), transform var(--vlot);overflow:hidden}a.tegel{color:inherit;display:block}a.tegel:hover{border-color:var(--lijn-sterk);text-decoration:none;transform:translateY(-2px)}.tegel .beeld{aspect-ratio:16/9;color:var(--tekst-flauw);font-family:var(--smal);text-transform:uppercase;letter-spacing:.08em;font-size:var(--t-xs);background:#000 50%/cover no-repeat;place-items:center;display:grid;position:relative;overflow:hidden}.tegel .beeld img{object-fit:cover;width:100%;height:100%;display:block}.tegel .beeld .merkteken{left:var(--r2);bottom:var(--r2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0f11d9;position:absolute}.tegel .onder{padding:var(--r3)}.tegel .onder strong{font-family:var(--smal);text-transform:uppercase;letter-spacing:.04em;display:block}.inlogpagina{min-height:100vh;padding:var(--r5);place-items:center;display:grid}.inlogkaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--radius);width:min(420px,100%);padding:var(--r5);box-shadow:var(--schaduw)}.inlogkaart .merk img{width:auto;max-width:100%;height:84px;margin:0 auto var(--r4);display:block}@media (max-width:860px){.raam{grid-template-columns:1fr}.zijbalk{align-items:center;gap:var(--r3);border-right:0;border-bottom:1px solid var(--lijn);padding:var(--r2) var(--r3);flex-direction:row;overflow-x:auto}.zijbalk .merk img{height:40px}.zijbalk .merk small,.zijbalk .voet{display:none}.zijbalk nav{gap:var(--r1);flex-direction:row}.zijbalk nav a{white-space:nowrap}.inhoud,.balk{padding:var(--r3)}input,select,textarea{font-size:16px}.opmerking{grid-template-columns:54px 1fr}}.knoppenrij{gap:var(--r2);margin-top:var(--r3);flex-wrap:wrap;align-items:center;display:flex}.akkoordvak{margin-top:var(--r4);padding:var(--r4);border:1px solid var(--lijn);border-radius:var(--radius);background:#ffffff05}.akkoordvak h3{margin:0 0 var(--r2)}.opmerking.gemarkeerd{background:var(--accent-zacht);border-radius:var(--radius);padding-left:var(--r2);padding-right:var(--r2)}tr.actief>td{background:#ffffff08}.tijdstand{margin:var(--r2) 0 0;font-family:var(--smal);font-size:var(--t-sm);color:var(--tekst-flauw);letter-spacing:.04em}.opmerkingform{margin-top:var(--r3)}.opmerkingform textarea{width:100%}.opmerkingform .aanvinken{justify-content:flex-start;align-items:center;gap:var(--r2);font-size:var(--t-sm);color:var(--tekst-flauw);margin-bottom:var(--r3);display:flex}.opmerkingform .fout{color:var(--rood);font-size:var(--t-sm)}.opmerkingform button{font-family:var(--smal);text-transform:uppercase;letter-spacing:.06em;font-size:var(--t-sm);padding:8px var(--r4);border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.opmerkingform button:disabled{opacity:.45;cursor:default}@media (max-width:760px){.raam{grid-template-columns:1fr}.zijbalk{height:auto;position:static}.zijbalk nav{flex-flow:wrap}.inhoud{padding:var(--r4) var(--r3)}}.opmerkingform .aanvinken>span{text-transform:none;letter-spacing:0;margin:0;font-family:inherit;display:inline}.opmerkingform .aanvinken input{width:auto;accent-color:var(--accent);margin:0}.opmerkingform>label>span{font-family:var(--smal);text-transform:uppercase;letter-spacing:.06em;font-size:var(--t-xs);color:var(--tekst-flauw);margin-bottom:var(--r1);display:block}th.rechts,td.rechts{text-align:right}.voortgang{margin-bottom:var(--r3)}.voortgang .staaf{background:var(--vlak-op);border:1px solid var(--lijn);height:6px;margin-bottom:var(--r1);border-radius:99px;overflow:hidden}.voortgang .staaf span{background:var(--accent);height:100%;transition:width var(--vlot);display:block}.deellinkvak{align-items:center;gap:var(--r3);padding:var(--r3);border:1px solid var(--lijn-sterk);border-radius:var(--radius);background:var(--grond);margin-bottom:var(--r3);flex-wrap:wrap;display:flex}.deellinkvak code{min-width:0;font-size:var(--t-sm);overflow-wrap:anywhere;color:var(--tekst);flex:320px}.aanvinkregel{gap:var(--r2);margin-bottom:var(--r3);font-size:var(--t-sm);color:var(--tekst-zacht);grid-template-columns:auto 1fr;align-items:start;display:grid}.aanvinkregel input{width:auto;accent-color:var(--accent);margin-top:3px}summary.uitklap{cursor:pointer;margin-bottom:var(--r3);color:var(--tekst)}summary.uitklap:hover{color:var(--accent)}.inhoud>*{min-width:0}.balk{flex-wrap:wrap}