:root{--achtergrond:#101014;--paneel:#191921;--rand:#2a2a36;--tekst:#ececf1;--gedempt:#9a9aab;--accent:#e5a00d;--accent-tekst:#1a1a1a}*{box-sizing:border-box}body{margin:0;background:var(--achtergrond);color:var(--tekst);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}main{max-width:52rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{font-size:1.9rem;margin:0 0 .5rem}h2{font-size:1.15rem;margin:2rem 0 .75rem}a{color:var(--accent)}.gedempt{color:var(--gedempt);font-size:.92rem}.knop{display:inline-block;background:var(--accent);color:var(--accent-tekst);border:0;border-radius:.4rem;padding:.7rem 1.3rem;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none}.knop.stil{background:transparent;color:var(--tekst);font-weight:500}.knop.stil,.paneel{border:1px solid var(--rand)}.paneel{border-radius:.6rem;padding:1rem 1.15rem;margin-bottom:.75rem}.melding,.paneel{background:var(--paneel)}.melding{border-left:3px solid var(--accent);padding:.6rem .9rem;border-radius:0 .4rem .4rem 0;margin-bottom:1.25rem}input[type=text]{background:var(--achtergrond);border:1px solid var(--rand);border-radius:.35rem;color:var(--tekst);padding:.55rem .7rem;font-size:1rem;min-width:14rem}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--rand)}th{color:var(--gedempt);font-weight:500;font-size:.85rem}td.getal,th.getal{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}footer{max-width:52rem;margin:0 auto;padding:1rem 1.25rem 2rem;border-top:1px solid var(--rand)}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--rand);margin:1.5rem 0 .5rem;flex-wrap:wrap}.tab{padding:.55rem 1rem;color:var(--gedempt);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:.95rem}.tab.actief,.tab:hover{color:var(--tekst)}.tab.actief{border-bottom-color:var(--accent);font-weight:600}th a.sorteer{color:var(--gedempt);text-decoration:none;white-space:nowrap}th a.sorteer:hover{color:var(--accent);text-decoration:underline}.hoofdnav{display:flex;gap:1.25rem;margin:1.25rem 0 0;font-size:.95rem}.hoofdnav a{color:var(--gedempt);text-decoration:none}.hoofdnav a:hover{color:var(--accent)}.hoofdnav a.nu{color:var(--tekst);font-weight:600}.merk{font-size:.78rem;color:var(--accent);border:1px solid var(--rand);border-radius:.25rem;padding:.05rem .35rem;margin-left:.4rem;white-space:nowrap}label{color:var(--gedempt);font-size:.92rem}label input[type=text]{color:var(--tekst);font-size:.95rem;min-width:0}.poster{display:block}.poster,.poster.leeg{border-radius:.2rem;background:var(--rand)}.poster.leeg{display:inline-block;height:69px}td.poster-cel{width:46px;padding-right:0}.paneel.rij{display:flex;align-items:center;gap:.9rem}.rij-tekst{flex:1 1;min-width:0}.knoppen{display:flex;gap:.4rem;flex-shrink:0;flex-wrap:wrap}.knop.klein{padding:.4rem .7rem;font-size:.85rem}.melding.fout{border-left-color:#e06c5a}