:root{--oranje:#f6931e;--oranje-donker:#d97b0a;--oranje-licht:#fff4e6;--inkt:#1a1d21;--inkt-zacht:#4a5159;--inkt-flauw:#7b848d;--papier:#fff;--papier-grijs:#f6f7f9;--lijn:#e2e6ea;--lijn-sterk:#cbd2d9;--groen:#1f8a4c;--groen-licht:#e8f6ee;--rood:#c0392b;--rood-licht:#fdecea;--amber:#b06f00;--amber-licht:#fff6e0;--blauw:#22618f;--blauw-licht:#eaf2f8;--radius:10px;--radius-klein:6px;--schaduw:0 1px 2px #1a1d210f, 0 4px 12px #1a1d210a;--schaduw-op:0 2px 6px #1a1d211a, 0 12px 28px #1a1d2114;--letters:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--letters-cijfers:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{font-family:var(--letters);color:var(--inkt);background:var(--papier-grijs);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px;line-height:1.55}a{color:var(--blauw);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5rem;font-weight:650;line-height:1.25}h1{letter-spacing:-.01em;font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75rem}.raam{min-height:100vh;display:flex}.zijbalk{background:var(--inkt);color:#e9edf1;flex-direction:column;flex:0 0 232px;width:232px;height:100vh;padding:1rem .75rem;display:flex;position:sticky;top:0}.zijbalk .merk{letter-spacing:-.01em;align-items:center;gap:.6rem;padding:.4rem .5rem 1rem;font-weight:700;display:flex}.zijbalk .merk span{color:#fff}.zijbalk .merk small{color:#97a2ad;font-size:.72rem;font-weight:500;display:block}.zijbalk nav{flex-direction:column;gap:2px;display:flex}.zijbalk nav a{color:#c7d0d9;border-radius:var(--radius-klein);align-items:center;gap:.55rem;padding:.5rem .6rem;font-size:.92rem;display:flex}.zijbalk nav a:hover{color:#fff;background:#262b31;text-decoration:none}.zijbalk nav a.actief{background:var(--oranje);color:#1a1d21;font-weight:600}.zijbalk .kopje{color:#79838e;text-transform:uppercase;letter-spacing:.06em;padding:1rem .6rem .3rem;font-size:.7rem;font-weight:700}.zijbalk .voet{color:#97a2ad;border-top:1px solid #2c3238;margin-top:auto;padding:.75rem .6rem 0;font-size:.8rem}.werkblad{flex-direction:column;flex:1;min-width:0;display:flex}.balk{background:var(--papier);border-bottom:1px solid var(--lijn);z-index:20;flex-wrap:wrap;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex;position:sticky;top:0}.balk h1{margin:0;font-size:1.15rem}.balk .rechts{align-items:center;gap:.5rem;margin-left:auto;display:flex}.inhoud{width:100%;max-width:1240px;padding:1.5rem}.inhoud.breed{max-width:none}.kaart{background:var(--papier);border:1px solid var(--lijn);border-radius:var(--radius);box-shadow:var(--schaduw);padding:1.1rem 1.25rem}.kaart+.kaart{margin-top:1rem}.kaart h2{margin-bottom:.75rem}.kaart .kop{align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.kaart .kop h2{margin:0}.kaart .kop .rechts{margin-left:auto}.rooster{gap:1rem;display:grid}.rooster.twee{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.rooster.drie{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.rooster.vier{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.tegel{background:var(--papier);border:1px solid var(--lijn);border-radius:var(--radius);padding:.9rem 1rem}.tegel .getal{letter-spacing:-.02em;font-size:1.7rem;font-weight:680}.tegel .label{color:var(--inkt-zacht);font-size:.85rem}.tegel.let-op .getal{color:var(--rood)}table.lijst{border-collapse:collapse;width:100%;font-size:.92rem}table.lijst th{text-align:left;color:var(--inkt-zacht);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--lijn);padding:.5rem .6rem;font-size:.78rem;font-weight:600}table.lijst td{border-bottom:1px solid var(--lijn);vertical-align:top;padding:.6rem}table.lijst tr:last-child td{border-bottom:0}table.lijst tr:hover td{background:var(--papier-grijs)}table.lijst td.cijfers{font-family:var(--letters-cijfers);font-variant-numeric:tabular-nums}.merkteken{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.76rem;font-weight:600;display:inline-flex}.merkteken.grijs{background:var(--papier-grijs);color:var(--inkt-zacht);border-color:var(--lijn-sterk)}.merkteken.groen{background:var(--groen-licht);color:var(--groen);border-color:#bfe4ce}.merkteken.amber{background:var(--amber-licht);color:var(--amber);border-color:#f0d9a8}.merkteken.rood{background:var(--rood-licht);color:var(--rood);border-color:#f3c4bf}.merkteken.blauw{background:var(--blauw-licht);color:var(--blauw);border-color:#c3dbeb}.merkteken.oranje{background:var(--oranje-licht);color:var(--oranje-donker);border-color:#f7dcb4}.knop{border-radius:var(--radius-klein);border:1px solid var(--lijn-sterk);background:var(--papier);color:var(--inkt);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.9rem;font-weight:550;text-decoration:none;display:inline-flex}.knop:hover{background:var(--papier-grijs);text-decoration:none}.knop:disabled{opacity:.5;cursor:not-allowed}.knop.hoofd{background:var(--oranje);border-color:var(--oranje);color:#241a08}.knop.hoofd:hover{background:var(--oranje-donker);border-color:var(--oranje-donker);color:#fff}.knop.stil{color:var(--inkt-zacht);background:0 0;border-color:#0000}.knop.stil:hover{background:var(--papier-grijs)}.knop.gevaar{color:var(--rood);border-color:#f3c4bf}.knop.klein{padding:.3rem .6rem;font-size:.82rem}label.veld{margin-bottom:.9rem;display:block}label.veld>span{margin-bottom:.25rem;font-size:.85rem;font-weight:600;display:block}label.veld>small{color:var(--inkt-flauw);margin-top:.25rem;font-size:.8rem;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],select,textarea{width:100%;font:inherit;border:1px solid var(--lijn-sterk);border-radius:var(--radius-klein);background:var(--papier);color:var(--inkt);padding:.5rem .65rem;font-size:.92rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--oranje);outline-offset:-1px;border-color:var(--oranje)}textarea{resize:vertical;min-height:90px}.melding{border-radius:var(--radius-klein);border:1px solid;margin-bottom:1rem;padding:.7rem .9rem;font-size:.9rem}.melding.fout{background:var(--rood-licht);color:#8c2b20;border-color:#f3c4bf}.melding.goed{background:var(--groen-licht);color:#14663a;border-color:#bfe4ce}.melding.let-op{background:var(--amber-licht);color:#7a4d00;border-color:#f0d9a8}.melding.uitleg{background:var(--blauw-licht);color:#1b4b6f;border-color:#c3dbeb}.leeg{text-align:center;color:var(--inkt-flauw);border:1px dashed var(--lijn-sterk);border-radius:var(--radius);padding:2.5rem 1rem}.stil{color:var(--inkt-flauw)}.zacht{color:var(--inkt-zacht)}.klein{font-size:.85rem}.cijfers{font-family:var(--letters-cijfers);font-variant-numeric:tabular-nums}.rij{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.rij.uit-elkaar{justify-content:space-between}.stapel{flex-direction:column;gap:.3rem;display:flex}.scheiding{background:var(--lijn);border:0;height:1px;margin:1rem 0}.inlogpagina{background:linear-gradient(160deg,#1a1d21 0%,#23282e 55%,#2c2a24 100%);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.inlogkaart{background:var(--papier);width:100%;max-width:400px;box-shadow:var(--schaduw-op);border-radius:14px;padding:1.75rem}.inlogkaart .merk{align-items:baseline;gap:.5rem;margin-bottom:.25rem;display:flex}.inlogkaart .merk b{font-size:1.15rem}.inlogkaart .merk .punt{background:var(--oranje);border-radius:50%;width:9px;height:9px}.viewer-raam{background:#10131a;width:100%;height:calc(100vh - 57px);position:relative}.viewer-raam canvas{outline:none;width:100%;height:100%;display:block}.viewer-doek{position:absolute;inset:0}.viewer-paneel{z-index:5;border:1px solid var(--lijn);border-radius:var(--radius);box-shadow:var(--schaduw-op);background:#fffffff5;flex-direction:column;gap:.3rem;max-width:260px;padding:.6rem;display:flex;position:absolute;top:12px;left:12px}.viewer-paneel.rechts{max-width:320px;max-height:calc(100% - 24px);left:auto;right:12px;overflow:auto}.viewer-paneel .titel{text-transform:uppercase;letter-spacing:.05em;color:var(--inkt-flauw);padding:.2rem .3rem;font-size:.72rem;font-weight:700}.viewer-knoppen{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.viewer-knoppen .knop{padding:.35rem .4rem;font-size:.8rem}.viewer-status{z-index:5;color:#e9edf1;border-radius:var(--radius-klein);font-size:.8rem;font-family:var(--letters-cijfers);background:#10131ad1;padding:.4rem .7rem;position:absolute;bottom:12px;left:12px}.viewer-laden{color:#e9edf1;z-index:10;text-align:center;background:#10131a;place-items:center;display:grid;position:absolute;inset:0}@media (max-width:860px){.raam{flex-direction:column}.zijbalk{flex-direction:row;flex:none;align-items:center;gap:.5rem;width:100%;height:auto;padding:.5rem .75rem;position:static;overflow-x:auto}.zijbalk .merk{padding:0 .5rem 0 0}.zijbalk .merk small{display:none}.zijbalk nav{flex-direction:row;gap:2px}.zijbalk .kopje,.zijbalk .voet{display:none}.inhoud{padding:1rem}.balk{padding:.7rem 1rem}table.lijst,table.lijst tbody,table.lijst tr,table.lijst td{width:100%;display:block}table.lijst thead{display:none}table.lijst tr{border:1px solid var(--lijn);border-radius:var(--radius);background:var(--papier);margin-bottom:.6rem;padding:.3rem .5rem}table.lijst td{border:0;padding:.3rem .1rem}table.lijst td:before{content:attr(data-kop);text-transform:uppercase;letter-spacing:.04em;color:var(--inkt-flauw);font-size:.72rem;font-weight:700;display:block}.viewer-raam{height:calc(100vh - 110px)}.viewer-paneel{max-width:45vw}}@media print{.zijbalk,.balk .rechts,.knop{display:none!important}body{background:#fff}}