:root{--bp-bg: #0d1a24;--bp-grid-line: #1c3244;--bp-panel: #142433;--bp-panel-dark: #0f1e2a;--bp-border: #26445a;--bp-accent: #5ec8d8;--bp-accent-dim: #3a7d8a;--bp-green: #5fbf8a;--bp-orange: #e8a33d;--bp-red: #e2635f;--bp-grey: #4d6373;--bp-text: #e8eef2;--bp-text-secondary: #7d97a6;--bp-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--bp-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--bp-grid-size: 28px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--bp-font-sans);font-size:14px;color:var(--bp-text);background-color:var(--bp-bg);background-image:linear-gradient(var(--bp-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--bp-grid-line) 1px,transparent 1px);background-size:var(--bp-grid-size) var(--bp-grid-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.mono{font-family:var(--bp-font-mono)}a{color:var(--bp-accent)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none;background:var(--bp-grey);box-shadow:0 0 6px 1px color-mix(in srgb,var(--bp-grey) 60%,transparent)}.status-dot.green{background:var(--bp-green);box-shadow:0 0 6px 1px color-mix(in srgb,var(--bp-green) 60%,transparent)}.status-dot.orange{background:var(--bp-orange);box-shadow:0 0 6px 1px color-mix(in srgb,var(--bp-orange) 60%,transparent)}.status-dot.red{background:var(--bp-red);box-shadow:0 0 6px 1px color-mix(in srgb,var(--bp-red) 60%,transparent)}.status-dot.grey{background:var(--bp-grey);box-shadow:0 0 6px 1px color-mix(in srgb,var(--bp-grey) 60%,transparent)}.app-shell{min-height:100%;max-width:1240px;margin:0 auto;padding:0 20px 56px}.panel{background:var(--bp-panel);border:1px solid var(--bp-border);padding:18px 20px}.panel-dark{background:var(--bp-panel-dark);border:1px solid var(--bp-border)}.header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;padding:22px 0 14px;border-bottom:2px solid var(--bp-accent)}.header-eyebrow{font-family:var(--bp-font-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--bp-accent-dim)}.header-title{font-size:24px;margin:6px 0 0;font-weight:600}.stamp{font-family:var(--bp-font-mono);font-size:11.5px;line-height:1.75;color:var(--bp-text-secondary);border:1px solid var(--bp-border);background:var(--bp-panel-dark);padding:9px 13px;text-align:right}.stamp-label{color:var(--bp-accent-dim);margin-right:8px}.nav{display:flex;gap:2px;flex-wrap:wrap;margin:0 0 20px;border-bottom:1px solid var(--bp-border)}.nav-tab{font-family:var(--bp-font-mono);font-size:13px;letter-spacing:.04em;padding:10px 18px;color:var(--bp-text-secondary);text-decoration:none;border:1px solid transparent;border-bottom:none;background:none;cursor:pointer}.nav-tab:hover{color:var(--bp-text);background:var(--bp-panel-dark)}.nav-tab.active{color:var(--bp-accent);background:var(--bp-panel);border-color:var(--bp-border);margin-bottom:-1px;border-bottom:1px solid var(--bp-panel)}.nav-spacer{flex:1}.field-label{display:block;font-family:var(--bp-font-mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--bp-accent-dim);margin-bottom:6px}.input,.select,.textarea{width:100%;font-family:var(--bp-font-sans);font-size:14px;color:var(--bp-text);background:var(--bp-panel-dark);border:1px solid var(--bp-border);padding:9px 11px;border-radius:0}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--bp-accent)}.input.mono{font-family:var(--bp-font-mono)}.textarea{resize:vertical;min-height:62px;font-family:var(--bp-font-sans)}.select{cursor:pointer}.btn{font-family:var(--bp-font-mono);font-size:13px;letter-spacing:.04em;color:var(--bp-bg);background:var(--bp-accent);border:1px solid var(--bp-accent);padding:9px 18px;cursor:pointer}.btn:hover:not(:disabled){background:#74d5e3}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{color:var(--bp-accent);background:transparent;border-color:var(--bp-border)}.btn-secondary:hover:not(:disabled){background:var(--bp-panel-dark);border-color:var(--bp-accent)}.btn-danger{color:var(--bp-red);background:transparent;border-color:color-mix(in srgb,var(--bp-red) 45%,transparent)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--bp-red) 12%,transparent);border-color:var(--bp-red)}.btn-link{font-family:var(--bp-font-sans);font-size:13px;color:var(--bp-accent);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.btn-small{font-size:12px;padding:6px 12px}.alert{font-size:13px;padding:10px 13px;border:1px solid var(--bp-border);background:var(--bp-panel-dark);color:var(--bp-text-secondary)}.alert-error{color:var(--bp-red);border-color:color-mix(in srgb,var(--bp-red) 45%,transparent);background:color-mix(in srgb,var(--bp-red) 10%,transparent)}.alert-success{color:var(--bp-green);border-color:color-mix(in srgb,var(--bp-green) 45%,transparent);background:color-mix(in srgb,var(--bp-green) 10%,transparent)}.muted{color:var(--bp-text-secondary)}.text-mono{font-family:var(--bp-font-mono)}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-card{width:100%;max-width:400px;background:var(--bp-panel);border:1px solid var(--bp-border);border-top:2px solid var(--bp-accent);padding:28px 30px 30px}.login-title{font-size:19px;margin:8px 0 4px}.login-form{display:flex;flex-direction:column;gap:15px;margin-top:22px}.saved-indicator{font-family:var(--bp-font-mono);font-size:11px;letter-spacing:.05em;color:var(--bp-accent-dim);opacity:0;transition:opacity .25s ease}.saved-indicator.visible{opacity:1}.saved-indicator.error{color:var(--bp-red);opacity:1}.stats{display:flex;flex-wrap:wrap;gap:1px;margin-bottom:16px;background:var(--bp-border);border:1px solid var(--bp-border)}.stat{flex:1 1 120px;background:var(--bp-panel-dark);padding:10px 14px}.stat-label{font-family:var(--bp-font-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--bp-accent-dim)}.stat-waarde{font-family:var(--bp-font-mono);font-size:20px;margin-top:2px}.tracker{display:grid;grid-template-columns:310px 1fr;gap:16px;align-items:start}.zijbalk{border:1px solid var(--bp-border);background:var(--bp-panel);max-height:calc(100vh - 220px);overflow-y:auto;position:sticky;top:12px}.zijbalk-rij{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;width:100%;text-align:left;padding:10px 13px;background:none;border:none;border-bottom:1px solid var(--bp-border);border-left:2px solid transparent;cursor:pointer;color:var(--bp-text);font:inherit}.zijbalk-rij:hover{background:var(--bp-panel-dark)}.zijbalk-rij.actief{background:var(--bp-panel-dark);border-left-color:var(--bp-accent)}.zijbalk-nummer{font-family:var(--bp-font-mono);font-size:12.5px;color:var(--bp-accent)}.zijbalk-naam{grid-column:2;font-size:13px;color:var(--bp-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voortgangsbalk{grid-column:1 / -1;height:3px;background:var(--bp-panel-dark);border:1px solid var(--bp-border);margin-top:4px}.voortgangsbalk>span{display:block;height:100%;background:var(--bp-accent)}.detail{border:1px solid var(--bp-border);background:var(--bp-panel)}.detail-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--bp-border)}.detail-sectie{padding:16px 18px;border-bottom:1px solid var(--bp-border)}.detail-sectie:last-child{border-bottom:none}.sectie-titel{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--bp-font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--bp-accent-dim);margin-bottom:12px}.voortgang-rij{display:flex;align-items:center;gap:12px}.voortgang-rij input[type=range]{flex:1;accent-color:var(--bp-accent)}.voortgang-groot{height:10px;background:var(--bp-panel-dark);border:1px solid var(--bp-border);margin-top:10px}.voortgang-groot>span{display:block;height:100%;background:var(--bp-accent)}.partij{border:1px solid var(--bp-border);background:var(--bp-panel-dark);padding:12px 14px;margin-bottom:10px}.partij.inactief{opacity:.55}.partij-kop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.partij-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.contact-label{font-family:var(--bp-font-mono);font-size:11px;margin-top:4px;color:var(--bp-text-secondary)}.contact-label.waarschuwing{color:var(--bp-orange)}.slotje{font-size:11px;color:var(--bp-accent-dim)}.verwijzing{display:grid;grid-template-columns:34px minmax(140px,1.4fr) minmax(140px,1.4fr) 130px auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--bp-border)}.verwijzing:last-of-type{border-bottom:none}.doc-icoon{font-family:var(--bp-font-mono);font-size:10px;text-align:center;padding:3px 0;border:1px solid currentColor;letter-spacing:.03em}.badge{display:inline-block;font-family:var(--bp-font-mono);font-size:10.5px;letter-spacing:.05em;padding:2px 7px;border:1px solid currentColor}.badge.grijs{color:var(--bp-grey)}.badge.oranje{color:var(--bp-orange)}.badge.groen{color:var(--bp-green)}.badge.rood{color:var(--bp-red)}.filterbalk{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.chip{font-family:var(--bp-font-mono);font-size:12px;padding:6px 13px;border:1px solid var(--bp-border);background:var(--bp-panel-dark);color:var(--bp-text-secondary);cursor:pointer}.chip.actief{color:var(--bp-accent);border-color:var(--bp-accent)}.partij-paneel{border:1px solid var(--bp-border);background:var(--bp-panel);margin-bottom:12px}.partij-paneel-kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;padding:12px 15px;background:none;border:none;color:var(--bp-text);font:inherit;cursor:pointer;text-align:left}.partij-paneel-kop:hover{background:var(--bp-panel-dark)}.overzicht-tabel{width:100%;border-collapse:collapse;font-size:13px}.overzicht-tabel th{font-family:var(--bp-font-mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--bp-accent-dim);text-align:left;padding:8px 10px;border-top:1px solid var(--bp-border);border-bottom:1px solid var(--bp-border);white-space:nowrap}.overzicht-tabel td{padding:9px 10px;border-bottom:1px solid var(--bp-border);vertical-align:middle}.overzicht-tabel tr{cursor:pointer;border-left:3px solid transparent}.overzicht-tabel tr:hover td{background:var(--bp-panel-dark)}.overzicht-tabel tr.actie-vereist{border-left-color:var(--bp-red)}.afgekapt{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bp-text-secondary)}.tabel-scroll{overflow-x:auto}.gebruiker-rij{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 0;border-bottom:1px solid var(--bp-border)}.gebruiker-rij:last-child{border-bottom:none}.modal-achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;background:#060e14c7;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:460px;max-height:85vh;overflow-y:auto;background:var(--bp-panel);border:1px solid var(--bp-border);border-top:2px solid var(--bp-accent);padding:22px 24px}.modal-knoppen{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;flex-wrap:wrap}@media (max-width: 900px){.tracker{grid-template-columns:1fr}.zijbalk{position:static;max-height:320px}.verwijzing{grid-template-columns:44px 1fr auto;row-gap:6px}.verwijzing>:nth-child(1){grid-row:1;grid-column:1}.verwijzing>:nth-child(2){grid-row:1;grid-column:2}.verwijzing>:nth-child(5){grid-row:1;grid-column:3;justify-self:end}.verwijzing>:nth-child(3){grid-row:2;grid-column:2 / -1}.verwijzing>:nth-child(4){grid-row:3;grid-column:2 / -1}}@media (max-width: 720px){.app-shell{padding:0 12px 40px}.header{align-items:flex-start}.header-title{font-size:19px}.stamp{text-align:left;font-size:11px}.nav-tab{padding:9px 13px;font-size:12px}}