.tc{flex-direction:column;gap:10px;display:flex}.tc .kop{margin-bottom:0}.tc .paneel{padding:10px 12px}.tc-tijdlijn{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tc-pil{border:1px solid var(--rand-zacht);background:var(--paneel);min-width:34px;height:26px;color:var(--gedempt);letter-spacing:.02em;border-radius:7px;justify-content:center;align-items:center;padding:0 8px;font-size:12.5px;font-weight:600;display:inline-flex}button.tc-pil:hover{color:var(--tekst);border-color:var(--groen)}.tc-pil.slot{padding:0 11px}.tc-pil.nu{color:var(--tekst);border-color:#4ade8073}.tc-pil.actief{background:var(--actief);border:1px solid var(--groen);color:var(--tekst)}.tc-pil.voorbij{opacity:.4;text-decoration:line-through}.tc-staart{color:var(--stil);white-space:nowrap;font-size:12px}.tc-bord{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);align-items:start;gap:12px;display:grid}.tc-veldpaneel{grid-area:1/1}.tc-acties{flex-direction:column;grid-area:1/2/span 2;gap:12px;min-width:0;display:flex}.tc-bord>.tc-sectie{grid-area:2/1;margin-top:0}@media (width<=1100px){.tc-bord{grid-template-columns:1fr}.tc-veldpaneel,.tc-acties,.tc-bord>.tc-sectie{grid-area:auto/1}}.tc-paneelkop{flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-bottom:8px;display:flex}.tc-paneelkop p{margin:0}.tc-paneelkop .etiket{width:100%}.tc-paneelkop .etiket.actie{color:var(--groen)}.tc-paneelkop h3{margin:0;font-size:15px;font-weight:700}.tc-meta{color:var(--gedempt);font-size:12.5px}.tc-meta strong{color:var(--tekst);font-weight:600}.tc-veld{border:1px solid var(--veld-rand);background:linear-gradient(180deg, var(--veld-boven), var(--veld-onder));border-radius:10px;flex-direction:column;justify-content:space-between;gap:8px;padding:12px 10px;display:flex;position:relative;overflow:hidden}.tc-veld:before{content:"";border:1px solid var(--veld-lijn);opacity:.55;pointer-events:none;border-radius:6px;position:absolute;inset:6px}.tc-veld:after{content:"";border:1px solid var(--veld-lijn);opacity:.5;pointer-events:none;border-bottom:none;border-radius:5px 5px 0 0;width:44%;height:46px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.tc-linie{z-index:1;flex-wrap:wrap;justify-content:space-evenly;gap:6px;display:flex;position:relative}.tc-chip{border:1px solid var(--veld-lijn);background:var(--chip);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:1px;min-width:88px;max-width:128px;padding:5px 8px;display:flex}.tc-chip.captain{border-color:#fbbf248c}.tc-chip .tc-naam{white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:4px;max-width:100%;font-size:12.5px;font-weight:600;display:flex;overflow:hidden}.tc-cband{min-width:14px;height:14px;color:var(--amber);background:#fbbf241f;border:1px solid #fbbf2480;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0 3px;font-size:9.5px;font-weight:800;line-height:1;display:inline-flex}.tc-chip .tc-tegen{color:var(--gedempt);letter-spacing:.02em;align-items:center;gap:4px;font-size:10.5px;display:flex}.tc-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tc-dot.thuis{background:var(--groen)}.tc-dot.uit{border:1px solid var(--gedempt);background:0 0}.tc-punt{color:var(--groen);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.tc-bankstrook{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.tc-strooklabel{color:var(--stil);letter-spacing:1.1px;text-transform:uppercase;font-size:10px}.tc-bankchip{border:1px solid var(--rand);background:var(--paneel-hoog);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;display:inline-flex}.tc-bankchip.tribune{opacity:.6}.tc-bankchip .tc-punt{font-size:11px}.tc-invullijst{flex-direction:column;display:flex}.tc-groep{color:var(--stil);letter-spacing:1.1px;text-transform:uppercase;margin:7px 0 2px;font-size:10px}.tc-groepblok:first-child .tc-groep{margin-top:0}.tc-rij{border-bottom:1px solid var(--rand);grid-template-columns:minmax(0,1fr) 54px 46px;align-items:center;gap:6px;padding:2px 0;display:grid}.tc-groepblok:last-child .tc-rij:last-child{border-bottom:none}.tc-rijnaam{align-items:center;gap:5px;min-width:0;display:flex}.tc-rijnaam strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.tc-club{color:var(--stil);letter-spacing:.06em;flex-shrink:0;font-size:10px}.tc-rolbadge{border:1px solid var(--rand-zacht);color:var(--gedempt);letter-spacing:.04em;text-align:center;text-transform:lowercase;border-radius:5px;padding:0 6px;font-size:10px;display:inline-block}.tc-rolbadge.basis{color:var(--groen);background:#4ade801f;border-color:#4ade8073}.tc-rolbadge.bank{background:var(--paneel-hoog)}.tc-rolbadge.tribune{color:var(--stil);border-color:var(--rand)}.tc-rijpunt{color:var(--gedempt);text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.tc-voet{color:var(--stil);margin:8px 0 0;font-size:11.5px;line-height:1.4}.tc-leeg{color:var(--gedempt);margin:4px 0 0;font-size:12.5px}.tc-wissels{flex-direction:column;display:flex}.tc-wisselrij{border-bottom:1px solid var(--rand);grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 84px;align-items:center;gap:6px;padding:3px 0;font-size:12.5px;display:grid}.tc-wisselrij:last-child{border-bottom:none}.tc-uit{color:var(--stil);text-overflow:ellipsis;white-space:nowrap;text-decoration:line-through;overflow:hidden}.tc-pijl{color:var(--groen);text-align:center;font-weight:800}.tc-in{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tc-delta{color:var(--gedempt);text-align:right;font-variant-numeric:tabular-nums}.tc-waarschuwing{background:#fbbf2412;border-color:#fbbf2447}.tc-waarschuwing .etiket{color:var(--amber)}.tc-waarschuwinglijst{color:#d1b06b;margin:0;padding-left:18px;font-size:12.5px}.tc-waarschuwinglijst li{margin-top:4px}.tc-sectie{margin-top:2px}.tc-mutaties{flex-direction:column;display:flex}.tc-mutrij{border-bottom:1px solid var(--rand);grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 0;font-size:12.5px;display:grid}.tc-mutrij:last-child{border-bottom:none}.tc-mutsoort{border:1px solid var(--rand-zacht);color:var(--gedempt);letter-spacing:.05em;text-align:center;border-radius:5px;padding:0 6px;font-size:10px;display:inline-block}.tc-mutsoort.nieuw{color:var(--groen);background:#4ade801f;border-color:#4ade8073}.tc-mutsoort.weg{color:var(--rood);border-color:#f8717166}.tc-mutnaam{align-items:center;gap:6px;min-width:0;display:flex}.tc-mutnaam strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tc-mutrij.weg .tc-mutnaam strong{color:var(--stil);text-decoration:line-through}.tc-mutmerk{color:var(--cyaan);white-space:nowrap;border:1px solid #22d3ee59;border-radius:5px;flex-shrink:0;padding:0 6px;font-size:10px}.tc-mutdetail{color:var(--gedempt);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tc-budgetbalk{background:var(--paneel-hoog);border-radius:3px;width:100%;height:4px;margin-top:4px;overflow:hidden}.tc-budgetbalk .tc-vulling{background:var(--groen);height:100%}.tc-tabelhoes{overflow-x:auto}.tc-tabel{border-collapse:collapse;width:100%;font-size:12.5px}.tc-tabel th{border-bottom:1px solid var(--rand-zacht);color:var(--stil);letter-spacing:1.1px;text-transform:uppercase;text-align:left;white-space:nowrap;padding:3px 6px;font-size:10px;font-weight:600}.tc-tabel td{border-bottom:1px solid var(--rand);white-space:nowrap;padding:2px 6px}.tc-tabel tbody tr:last-child td{border-bottom:none}.tc-tabel tbody tr:hover{background:var(--paneel-hoog)}.tc-tabel td strong{font-weight:600}.tc-tabel .tc-num{text-align:right;font-variant-numeric:tabular-nums}.tc-posbadge{border:1px solid var(--rand-zacht);min-width:20px;color:var(--gedempt);text-align:center;border-radius:5px;padding:0 5px;font-size:10px;display:inline-block}.tc-sinds{color:var(--gedempt);margin:8px 0 0;font-size:12px}.tc-sinds .in{color:var(--groen);font-weight:600}.tc-sinds .uit{color:var(--stil);text-decoration:line-through}.tc-spelvoet{color:var(--stil);flex-wrap:wrap;gap:14px;padding:2px 2px 6px;font-size:11.5px;display:flex}.tc-mono{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace}:root{--canvas:#0d1117;--paneel:#161b26;--paneel-hoog:#1c2331;--rand:#2a3140;--rand-zacht:#3a4356;--tekst:#e6edf3;--gedempt:#9aa4b2;--stil:#6b7688;--groen:#4ade80;--cyaan:#22d3ee;--cyaan-diep:#0e7490;--amber:#fbbf24;--rood:#f87171;--actief:#22304a;--veld-boven:#0e2417;--veld-onder:#0a1d12;--veld-rand:#1e4d2f;--veld-lijn:#2e5c3f;--chip:#122b1c;--schaduw:0 10px 30px #00000059}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--tekst);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.schil{min-height:100%;display:flex}.inhoud{flex:1;min-width:0;padding:20px 24px}.sidebar{background:var(--paneel);border-right:1px solid var(--rand);flex-direction:column;flex-shrink:0;width:208px;height:100vh;padding:16px 0 12px;display:flex;position:sticky;top:0}.sidebar .merk{letter-spacing:.5px;padding:0 16px 14px;font-size:16px;font-weight:700}.sidebar .sectie{color:var(--stil);letter-spacing:1.5px;text-transform:uppercase;padding:12px 16px 4px;font-size:10px}.sidebar a{color:var(--gedempt);border-left:3px solid #0000;padding:6px 16px;display:block}.sidebar a:hover{color:var(--tekst)}.sidebar a.actief{color:var(--tekst);background:var(--actief)}.sidebar a.actief.tc{border-left-color:var(--groen)}.sidebar a.actief.mk{border-left-color:var(--cyaan)}.sidebar .voet{border-top:1px solid var(--rand);margin-top:auto;padding-top:10px}.sidebar .voet button{text-align:left;width:100%;color:var(--stil);padding:6px 16px;display:block}.sidebar .voet button:hover{color:var(--tekst)}.menuknop{z-index:30;background:var(--paneel);border:1px solid var(--rand);border-radius:8px;padding:7px 11px;font-size:16px;display:none;position:fixed;top:10px;left:10px}@media (width<=900px){.menuknop{display:block}.sidebar{z-index:20;height:100vh;box-shadow:var(--schaduw);transition:transform .18s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none}.inhoud{padding:56px 14px 20px}}.paneel{background:var(--paneel);border:1px solid var(--rand);border-radius:10px;padding:14px 16px}.kop{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.kop h1{margin:0;font-size:19px}.kop .sub{color:var(--stil)}.etiket{color:var(--stil);letter-spacing:1.2px;text-transform:uppercase;font-size:10px}.badge{border:1px solid var(--rand-zacht);color:var(--gedempt);border-radius:5px;padding:1px 8px;font-size:12px;display:inline-block}.badge.groen{color:var(--groen);border-color:#4ade8059}.badge.amber{color:var(--amber);border-color:#fbbf2459}.badge.rood{color:var(--rood);border-color:#f8717159}.fout-kaart{color:var(--gedempt);background:#f871710f;border:1px solid #f871714d;border-radius:10px;padding:14px 16px}.fout-kaart b{color:var(--rood)}.laden{color:var(--stil);text-align:center;padding:30px 0}.verbinding-kwijt{background:var(--paneel);color:var(--amber);z-index:40;border:1px solid #fbbf2466;border-radius:8px;padding:6px 12px;font-size:12px;position:fixed;bottom:12px;right:14px}select,input{background:var(--paneel-hoog);color:var(--tekst);border:1px solid var(--rand-zacht);font:inherit;border-radius:7px;padding:7px 10px}select:focus,input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--cyaan);outline-offset:1px}.login-scherm{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-kaart{background:var(--paneel);border:1px solid var(--rand);width:340px;box-shadow:var(--schaduw);border-radius:12px;padding:28px}.login-kaart h1{margin:0 0 4px;font-size:22px}.login-kaart .sub{color:var(--stil);margin-bottom:20px}.login-kaart label{color:var(--gedempt);margin:12px 0 4px;font-size:12px;display:block}.login-kaart input{width:100%}.login-kaart .fout{color:var(--rood);min-height:18px;margin-top:12px;font-size:13px}.login-kaart button[type=submit]{background:var(--actief);border:1px solid var(--cyaan);width:100%;color:var(--tekst);border-radius:8px;margin-top:16px;padding:9px;font-weight:600}.login-kaart button[type=submit]:disabled{opacity:.6;cursor:wait}.home-kaarten{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:14px;display:grid}.home-kaart{background:var(--paneel);border:1px solid var(--rand);border-radius:10px;padding:12px 14px;display:block}.home-kaart:hover{border-color:var(--rand-zacht);background:var(--paneel-hoog)}.home-kaart.eerst.tc{border-color:#4ade8066}.home-kaart.eerst.mk{border-color:#22d3ee66}.home-kaart.dood{opacity:.6}.home-kaart .regel{justify-content:space-between;gap:8px;display:flex}.home-kaart .systeem{letter-spacing:1.2px;text-transform:uppercase;font-size:10px}.home-kaart .systeem.tc{color:var(--groen)}.home-kaart .systeem.mk{color:var(--cyaan)}.home-kaart .deadline{color:var(--gedempt);font-size:12px}.home-kaart .deadline.urgent{color:var(--amber)}.home-kaart h2{margin:4px 0 3px;font-size:14px}.home-kaart .kern{color:var(--gedempt);font-size:12.5px}.mk-raster{grid-template-columns:minmax(0,5fr) minmax(280px,3fr);align-items:start;gap:14px;display:grid}@media (width<=1100px){.mk-raster{grid-template-columns:1fr}}.mk-tabel{border-collapse:collapse;width:100%}.mk-tabel td{border-top:1px solid var(--rand);padding:6px}.mk-tabel tr:first-child td{border-top:none}.mk-tabel tr.rij{cursor:pointer}.mk-tabel tr.rij:hover{background:var(--paneel-hoog)}.mk-tabel tr.gekozen{background:var(--actief);outline:1px solid #22d3ee59}.mk-tabel .nr{color:var(--stil);width:22px}.mk-tabel .tip{color:var(--cyaan);text-align:right;white-space:nowrap;font-size:16px;font-weight:700}.mk-tabel .tip.gelijk{color:var(--amber)}.mk-tabel .kans{color:var(--stil);text-align:right;width:48px}.mk-tabel .uitslag{white-space:nowrap;text-align:right;width:70px;font-size:12px}.uitslag.exact{color:var(--groen);font-weight:700}.uitslag.correct{color:var(--groen)}.uitslag.miss{color:var(--rood)}.kansbalk{background:var(--rand);border-radius:3px;width:84px;height:5px;display:flex;overflow:hidden}.kansbalk .thuis{background:var(--cyaan)}.kansbalk .gelijk{background:var(--rand-zacht)}.kansbalk .uit{background:#64748b}.kansbalk.leeg{opacity:.25}.topscorers{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.topscorer-chip{background:var(--canvas);border:1px solid var(--rand);border-radius:7px;padding:5px 10px}.topscorer-chip .club{color:var(--stil)}.mk-uitgelicht{border-color:#22d3ee4d}.heatmap{flex-wrap:wrap;gap:3px;margin:8px 0;display:flex}.heatmap .cel{text-align:center;background:var(--paneel-hoog);color:var(--gedempt);border-radius:4px;min-width:44px;padding:4px 7px;font-size:11.5px}.heatmap .cel b{color:var(--tekst);font-size:12.5px;display:block}.heatmap .cel.gekozen{background:var(--cyaan-diep);border:1px solid var(--cyaan);color:#fff}.heatmap .cel.gekozen b{color:#fff}.redenen{color:var(--gedempt);margin:8px 0 0;padding-left:18px}.redenen li{margin-top:3px}.seizoen-balken{align-items:flex-end;gap:5px;height:46px;margin-top:10px;display:flex}.seizoen-balken .balk{background:var(--cyaan);border-radius:3px 3px 0 0;flex:1;min-height:3px}.seizoen-balken .balk.leeg{background:var(--paneel-hoog);height:100%!important}.seizoen-labels{color:var(--stil);gap:5px;margin-top:3px;font-size:10.5px;display:flex}.seizoen-labels span{text-align:center;flex:1}.waarschuwing-blok{color:#d1b06b;background:#fbbf2412;border:1px solid #fbbf2447;border-radius:10px;margin-top:14px;padding:10px 14px}.waarschuwing-blok .etiket{color:var(--amber)}.rechterkolom{flex-direction:column;gap:14px;display:flex}