:root{--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.58 .2 34.9);--primary-foreground: oklch(.985 0 0);--vonk: oklch(.661 .228 34.9);--vonk-zacht: color-mix(in oklch, var(--vonk) 82%, var(--background));--primary-zacht: color-mix(in oklch, var(--primary) 10%, var(--background));--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.967 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.545 .215 18);--warn: oklch(.58 .13 75);--ok: oklch(.52 .12 158);--info: oklch(.5 .15 262);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: var(--primary);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-muted: oklch(.556 0 0);--sidebar-accent: oklch(.955 0 0);--sidebar-border: oklch(.922 0 0);--font-sans: Archivo, ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Geist Mono", monospace;--schaduw-klein: 0 1px 2px 0 oklch(0 0 0 / .05);--schaduw-zwevend: 0 10px 30px -10px oklch(0 0 0 / .18), 0 2px 6px -2px oklch(0 0 0 / .08)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.225 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.72 .19 36);--primary-foreground: oklch(.19 .04 34);--vonk: oklch(.75 .19 38);--vonk-zacht: color-mix(in oklch, var(--vonk) 78%, var(--background));--primary-zacht: color-mix(in oklch, var(--primary) 14%, var(--background));--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.255 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.68 .19 14);--warn: oklch(.8 .13 80);--ok: oklch(.74 .14 160);--info: oklch(.7 .13 258);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--sidebar: oklch(.185 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-muted: oklch(.68 0 0);--sidebar-accent: oklch(.26 0 0);--sidebar-border: oklch(1 0 0 / 8%);--schaduw-klein: 0 1px 2px 0 oklch(0 0 0 / .4);--schaduw-zwevend: 0 10px 30px -10px oklch(0 0 0 / .6), 0 2px 6px -2px oklch(0 0 0 / .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--background);color-scheme:light}html.dark{color-scheme:dark}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}td a{color:inherit}td a:hover{color:var(--primary)}h1,h2,h3{font-weight:600;letter-spacing:-.015em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted-foreground)}.flame{color:var(--destructive)}.eyebrow{font-size:12px;font-weight:500;color:var(--muted-foreground);letter-spacing:0;text-transform:none}.card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--schaduw-klein)}button,.knop{font:inherit;font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:calc(var(--radius) * .8);background:var(--background);color:var(--foreground);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}button:hover,.knop:hover{background:var(--muted);text-decoration:none}button:active:not(:disabled){transform:translateY(1px)}button.accent{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}button.accent:hover{background:color-mix(in oklch,var(--primary) 85%,var(--foreground))}button.ghost{border-color:transparent;background:transparent}button.ghost:hover{background:var(--muted)}button.gevaar{border-color:transparent;background:color-mix(in oklch,var(--destructive) 12%,transparent);color:var(--destructive)}button.gevaar:hover{background:color-mix(in oklch,var(--destructive) 22%,transparent)}button.actief,button.gekozen,button.aan{background:var(--accent);border-color:color-mix(in oklch,var(--primary) 45%,var(--border));color:var(--foreground);font-weight:600}button:disabled,.knop[aria-disabled=true]{opacity:.5;cursor:default}button.icoon{width:32px;height:32px;padding:0;border-color:transparent;background:transparent}button.icoon:hover{background:var(--muted)}button.klein,.knop.klein{height:26px;padding:0 8px;font-size:12px}input,select,textarea{font:inherit;font-size:13px;height:32px;padding:0 10px;border:1px solid var(--input);border-radius:calc(var(--radius) * .8);background:var(--background);color:var(--foreground)}input::placeholder{color:var(--muted-foreground)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 25%,transparent)}input[type=checkbox]{height:auto;accent-color:var(--primary)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;font-weight:500;color:var(--muted-foreground);padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:9px 12px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:color-mix(in oklch,var(--muted) 55%,transparent)}td.mono{white-space:nowrap}.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}.card>.scroll-x th:first-child,.card>.scroll-x td:first-child{padding-left:16px}.card>.scroll-x th:last-child,.card>.scroll-x td:last-child{padding-right:16px}.fout,.waarschuwing,.melding{border:1px solid;border-radius:calc(var(--radius) * .8);padding:10px 12px;margin:0 0 12px;font-size:13px;line-height:1.55}.fout>svg,.waarschuwing>svg,.melding>svg{display:inline-block;vertical-align:-2px;margin-right:4px}.fout{border-color:color-mix(in oklch,var(--destructive) 35%,transparent);background:color-mix(in oklch,var(--destructive) 8%,var(--background));color:color-mix(in oklch,var(--destructive) 85%,var(--foreground))}.waarschuwing{border-color:color-mix(in oklch,var(--warn) 35%,transparent);background:color-mix(in oklch,var(--warn) 8%,var(--background))}.melding{border-color:color-mix(in oklch,var(--primary) 35%,transparent);background:var(--primary-zacht)}.badge{--tint: var(--muted-foreground);display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:11px;font-weight:500;line-height:17px;padding:0 6px;border:1px solid color-mix(in oklch,var(--tint) 20%,transparent);border-radius:calc(var(--radius) * .45);background:color-mix(in oklch,var(--tint) 11%,var(--background));color:color-mix(in oklch,var(--tint) 88%,var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.badge,td a.badge:hover{color:color-mix(in oklch,var(--tint) 88%,var(--foreground))}a.badge:hover{border-color:color-mix(in oklch,var(--tint) 45%,transparent);text-decoration:none}.badge.accent{--tint: var(--primary)}.badge.goed{--tint: var(--ok)}.badge.let-op{--tint: var(--warn)}.badge.fout{--tint: var(--destructive)}.badge.info{--tint: var(--info)}.badge.code{font-family:var(--font-mono);font-size:10px;letter-spacing:-.01em}.badge.aan{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.badge.achter{margin-left:6px}.badge+.badge{margin-left:4px}.paginakop{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.paginakop .tekst{max-width:76ch}.paginakop h2{margin:0;font-size:18px}.paginakop .tekst p{margin:4px 0 0;font-size:13px;color:var(--muted-foreground)}.paginakop .acties{display:flex;align-items:center;gap:8px;margin-left:auto}.kruimels{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-foreground);margin-bottom:6px}.kruimels a{color:var(--muted-foreground)}.kruimels a:hover{color:var(--foreground)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.kpi{padding:14px 16px}.kpi p{margin:0}.kpi .waarde{font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px}.kaartkop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 16px}.kaartkop h3{margin:0;font-size:14px;font-weight:600}.kaartkop .bij{margin:2px 0 0;font-size:12px;color:var(--muted-foreground)}.kaartkop .rechts{display:flex;align-items:center;gap:8px;margin-left:auto}.merkteken.svelte-14aex1q{display:block;flex:0 0 auto}.midden.svelte-12qhfyh{display:grid;place-items:center;min-height:100vh;padding:24px}.login.svelte-12qhfyh{padding:32px;max-width:420px}.login.svelte-12qhfyh h1:where(.svelte-12qhfyh){margin:16px 0 8px;font-size:28px}.login.svelte-12qhfyh p.muted:where(.svelte-12qhfyh){margin:0 0 20px}.merk.svelte-12qhfyh{--achtergrond-merk: var(--sidebar)}.login.svelte-12qhfyh{--achtergrond-merk: var(--card)}.schil.svelte-12qhfyh{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.schil.dicht.svelte-12qhfyh{grid-template-columns:56px minmax(0,1fr)}aside.svelte-12qhfyh{display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--sidebar);color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);position:sticky;top:0;height:100vh;overflow:hidden}.merk.svelte-12qhfyh{display:flex;align-items:center;gap:8px;padding:4px;border-radius:calc(var(--radius) * .7);color:inherit;margin-bottom:8px}.merk.svelte-12qhfyh:hover{background:var(--sidebar-accent);text-decoration:none}.merknaam.svelte-12qhfyh{display:flex;flex-direction:column;line-height:1.15;min-width:0}.merknaam.svelte-12qhfyh .naam:where(.svelte-12qhfyh){font-weight:600}.merknaam.svelte-12qhfyh .onder:where(.svelte-12qhfyh){font-size:11px;color:var(--sidebar-muted)}nav.svelte-12qhfyh{display:flex;flex-direction:column;gap:2px}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){display:flex;align-items:center;gap:9px;height:32px;padding:0 8px;border-radius:calc(var(--radius) * .7);color:var(--sidebar-muted);font-size:13px;font-weight:500;white-space:nowrap}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:var(--sidebar-accent);color:var(--sidebar-foreground);text-decoration:none}nav.svelte-12qhfyh a.actief:where(.svelte-12qhfyh){background:var(--primary-zacht);color:var(--primary)}.voet.svelte-12qhfyh{margin-top:auto}.gebruiker.svelte-12qhfyh{display:flex;align-items:center;gap:8px;width:100%;min-width:0}.avatar.svelte-12qhfyh{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--sidebar-accent);color:var(--sidebar-foreground);font-size:11px;font-weight:600;flex:0 0 auto}.gebruikersnaam.svelte-12qhfyh{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:13px}.pijl.svelte-12qhfyh{color:var(--sidebar-muted);display:flex}.voet.svelte-12qhfyh button.icoon{width:100%;height:36px;padding:0 6px;justify-content:flex-start}.dicht.svelte-12qhfyh .merknaam:where(.svelte-12qhfyh),.dicht.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh) span:where(.svelte-12qhfyh),.dicht.svelte-12qhfyh .gebruikersnaam:where(.svelte-12qhfyh),.dicht.svelte-12qhfyh .pijl:where(.svelte-12qhfyh){display:none}.dicht.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){justify-content:center;padding:0}.dicht.svelte-12qhfyh .merk:where(.svelte-12qhfyh){justify-content:center;padding:4px 0}.dicht.svelte-12qhfyh .voet:where(.svelte-12qhfyh) button.icoon{justify-content:center}.blad.svelte-12qhfyh{display:flex;flex-direction:column;min-width:0}.balk.svelte-12qhfyh{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;height:52px;padding:0 12px;background:color-mix(in oklch,var(--background) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.balk.svelte-12qhfyh h1:where(.svelte-12qhfyh){margin:0;font-size:14px;font-weight:600}.scheiding.svelte-12qhfyh{width:1px;height:18px;background:var(--border)}.rechts.svelte-12qhfyh{margin-left:auto;display:flex;align-items:center;gap:6px}main.svelte-12qhfyh{padding:20px 20px 48px;min-width:0}.sluier.svelte-12qhfyh,.alleen-smal.svelte-12qhfyh{display:none}@media(max-width:860px){.schil.svelte-12qhfyh,.schil.dicht.svelte-12qhfyh{grid-template-columns:minmax(0,1fr)}aside.svelte-12qhfyh{position:fixed;z-index:50;width:236px;transform:translate(-100%);transition:transform .16s ease;box-shadow:var(--schaduw-zwevend)}.mobiel-open.svelte-12qhfyh aside:where(.svelte-12qhfyh){transform:none}.mobiel-open.svelte-12qhfyh .sluier:where(.svelte-12qhfyh){display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;border-radius:0;background:#0006;padding:0;height:auto}.alleen-breed.svelte-12qhfyh{display:none}.alleen-smal.svelte-12qhfyh{display:inline-flex}.dicht.svelte-12qhfyh .merknaam:where(.svelte-12qhfyh),.dicht.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh) span:where(.svelte-12qhfyh),.dicht.svelte-12qhfyh .gebruikersnaam:where(.svelte-12qhfyh),.dicht.svelte-12qhfyh .pijl:where(.svelte-12qhfyh){display:revert}.dicht.svelte-12qhfyh nav:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){justify-content:flex-start;padding:0 8px}.dicht.svelte-12qhfyh .merk:where(.svelte-12qhfyh){justify-content:flex-start;padding:4px}main.svelte-12qhfyh{padding:16px 14px 40px}}