:root{--bg: #f3f5f3;--paneel: #ffffff;--fg: #1b2420;--zwak: #5d6a63;--lijn: #d7ddd9;--accent: #2f6f4e;--accent-zacht: #e2efe7;--accent-fg: #ffffff;--ok: #2f6f4e;--ok-bg: #e2efe7;--let: #8a5a0c;--let-bg: #fbefd9;--fout: #a3302a;--fout-bg: #f8e3e1;--info: #2b5f8a;--info-bg: #e1ecf5;--code-bg: #eef1ef;--zijbalk: #1f2c26;--zijbalk-fg: #d8e2dc;--body: "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;--mono: "Cascadia Mono", Consolas, "Courier New", monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #131815;--paneel: #1b221e;--fg: #e4eae6;--zwak: #98a59d;--lijn: #2f3a34;--accent: #6fbf94;--accent-zacht: #213a2d;--accent-fg: #0f1a14;--ok: #7fcf9f;--ok-bg: #1f3a2a;--let: #f0b86a;--let-bg: #41301a;--fout: #f08b84;--fout-bg: #432421;--info: #8ec2ee;--info-bg: #1f3447;--code-bg: #232b26;--zijbalk: #0f1512;--zijbalk-fg: #c9d4ce;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 var(--body)}a{color:var(--accent)}h1,h2,h3{margin:0;line-height:1.2;text-wrap:balance}h1{font-size:1.45rem;font-weight:600}h2{font-size:1.1rem;font-weight:600}h3{font-size:.95rem;font-weight:600}code,.mono{font-family:var(--mono);font-size:.85em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:grid;grid-template-columns:220px 1fr;min-height:100%}.zijbalk{background:var(--zijbalk);color:var(--zijbalk-fg);padding:18px 12px;display:flex;flex-direction:column;gap:4px}.zijbalk .merk{font-weight:700;font-size:1.05rem;padding:0 10px 14px;color:#fff;letter-spacing:.01em}.zijbalk .merk small{display:block;font-weight:400;font-size:.75rem;color:var(--zijbalk-fg);opacity:.8}.zijbalk a{color:var(--zijbalk-fg);text-decoration:none;padding:7px 10px;border-radius:6px}.zijbalk a:hover{background:#ffffff12}.zijbalk a.actief{background:var(--accent);color:#fff}.zijbalk .onder{margin-top:auto;font-size:.82rem;padding:10px;display:grid;gap:6px;border-top:1px solid rgba(255,255,255,.12)}.inhoud{padding:22px 26px 48px;display:grid;gap:18px;align-content:start;min-width:0}.kop{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:baseline;justify-content:space-between}.kop .sub{color:var(--zwak)}@media(max-width:760px){.app{grid-template-columns:1fr}.zijbalk{flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px 12px}.zijbalk .merk{padding:0 8px 0 4px}.zijbalk .onder{margin-top:0;border-top:0;flex-direction:row;display:flex}.inhoud{padding:16px 16px 40px}}.paneel{background:var(--paneel);border:1px solid var(--lijn);border-radius:8px;padding:14px 16px;display:grid;gap:10px;min-width:0}.paneel>.paneelkop{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.raster{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat{background:var(--paneel);border:1px solid var(--lijn);border-radius:8px;padding:12px 14px;display:grid;gap:2px}.stat .label{color:var(--zwak);font-size:.8rem}.stat .waarde{font-size:1.7rem;font-weight:600;font-variant-numeric:tabular-nums}.stat.fout .waarde{color:var(--fout)}.stat.ok .waarde{color:var(--ok)}.tabelhouder{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--lijn);vertical-align:top}th{color:var(--zwak);font-weight:500;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}td.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}td.tijd{white-space:nowrap;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}tr.klik{cursor:pointer}tr.klik:hover td{background:var(--accent-zacht)}.leeg{color:var(--zwak);padding:10px 2px}.badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:.76rem;font-weight:500;white-space:nowrap}.badge.ok{color:var(--ok);background:var(--ok-bg)}.badge.let{color:var(--let);background:var(--let-bg)}.badge.fout{color:var(--fout);background:var(--fout-bg)}.badge.info{color:var(--info);background:var(--info-bg)}.badge.zwak{color:var(--zwak);background:var(--code-bg)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--lijn);flex-wrap:wrap}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:8px 12px;color:var(--zwak);font:inherit;cursor:pointer}.tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}.knoppen{display:flex;gap:6px;flex-wrap:wrap;align-items:center}button,.knop{font:inherit;border:1px solid var(--lijn);background:var(--paneel);color:var(--fg);border-radius:6px;padding:5px 11px;cursor:pointer}button:hover{border-color:var(--accent)}button.primair{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button[aria-pressed=true]{background:var(--accent-zacht);border-color:var(--accent)}button:disabled{opacity:.55;cursor:default}input,select,textarea{font:inherit;color:var(--fg);background:var(--paneel);border:1px solid var(--lijn);border-radius:6px;padding:6px 8px}textarea{font-family:var(--mono);font-size:.85rem;width:100%;min-height:160px}label{display:grid;gap:4px;font-size:.85rem;color:var(--zwak)}form.formulier{display:grid;gap:10px;max-width:420px}.melding{border-radius:6px;padding:8px 12px;font-size:.9rem}.melding.fout{background:var(--fout-bg);color:var(--fout)}.melding.ok{background:var(--ok-bg);color:var(--ok)}.melding.info{background:var(--info-bg);color:var(--info)}.inlog{min-height:100%;display:grid;place-items:center;padding:24px 16px}.inlog .paneel{width:min(380px,100%);padding:22px}.grafiek{width:100%;height:260px}.compliance td.cel{text-align:center;font-variant-numeric:tabular-nums;font-size:.8rem;min-width:44px}.cel.in_orde{background:var(--ok-bg);color:var(--ok)}.cel.onvolledig,.cel.niet_verzonden{background:var(--let-bg);color:var(--let)}.cel.quarantaine{background:var(--fout-bg);color:var(--fout)}.cel.lopend{background:var(--info-bg);color:var(--info)}.zwak{color:var(--zwak)}.geheim{font-family:var(--mono);background:var(--code-bg);padding:6px 10px;border-radius:6px;-webkit-user-select:all;user-select:all}