:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nook-font-display:"Unbounded", -apple-system, "Segoe UI", sans-serif;--nook-font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nook-font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--nook-text-display:700 3.25rem/1.05 var(--nook-font-display);--nook-text-h1:700 2rem/1.15 var(--nook-font-display);--nook-text-h2:600 1.5rem/1.25 var(--nook-font-body);--nook-text-h3:600 1.125rem/1.35 var(--nook-font-body);--nook-text-body-lg:400 1.125rem/1.6 var(--nook-font-body);--nook-text-body:400 .9375rem/1.55 var(--nook-font-body);--nook-text-body-sm:400 .8125rem/1.5 var(--nook-font-body);--nook-text-caption:500 .75rem/1.4 var(--nook-font-body);--nook-text-label:600 .6875rem/1.3 var(--nook-font-body);--nook-letter-spacing-label:.08em;--nook-letter-spacing-display:.01em;--nook-text-time-lg:600 1.5rem/1.1 var(--nook-font-mono);--nook-text-time:500 .9375rem/1.3 var(--nook-font-mono);--nook-text-time-sm:500 .8125rem/1.3 var(--nook-font-mono);--nook-letter-spacing-time:.01em;--nook-font-feature-numeric:"tnum" 1, "lnum" 1, "zero" 1;--nook-space-1:4px;--nook-space-2:8px;--nook-space-3:12px;--nook-space-4:16px;--nook-space-5:20px;--nook-space-6:24px;--nook-space-8:32px;--nook-space-10:40px;--nook-space-12:48px;--nook-space-16:64px;--nook-space-20:80px;--nook-space-24:96px;--nook-radius-xs:6px;--nook-radius-sm:8px;--nook-radius-md:10px;--nook-radius-lg:14px;--nook-radius-xl:20px;--nook-radius-full:999px;--nook-duration-fast:90ms;--nook-duration-base:.14s;--nook-duration-slow:.2s;--nook-ease-standard:cubic-bezier(.2, 0, 0, 1);--nook-ease-out:cubic-bezier(.16, 1, .3, 1);--nook-neutral-0:#fff;--nook-neutral-25:#fafafa;--nook-neutral-50:#f2f2f2;--nook-neutral-100:#e4e4e4;--nook-neutral-200:#ccc;--nook-neutral-300:#adadad;--nook-neutral-400:#8a8a8a;--nook-neutral-500:#6b6b6b;--nook-neutral-600:#4a4a4a;--nook-neutral-700:#333;--nook-neutral-800:#202020;--nook-neutral-900:#0a0a0a;--nook-color-bg:#050505;--nook-color-bg-sunken:#000;--nook-color-surface-raised:#141414;--nook-color-surface-overlay:#1c1c1f;--nook-color-surface:var(--nook-color-surface-raised);--nook-color-surface-sunken:var(--nook-color-bg-sunken);--nook-color-border:#ffffff14;--nook-color-border-strong:#606060;--nook-color-hairline-top:#ffffff29;--nook-color-text:#fff;--nook-color-text-secondary:#c4c4c4;--nook-color-text-muted:#9a9a9a;--nook-color-text-on-dark:#fff;--nook-color-inverse-surface:var(--nook-color-surface-overlay);--nook-color-inverse-text:var(--nook-color-text);--nook-color-accent:#00d1b2;--nook-color-accent-hover:#1adfc2;--nook-color-accent-active:#00b89d;--nook-color-accent-tint:#062e2a;--nook-color-accent-tint-strong:#0b3f39;--nook-color-text-on-accent:#0a0a0a;--nook-color-accent-text:#00d1b2;--nook-color-accent-text-hover:#33e6cb;--nook-color-midnight:#001f3f;--nook-color-success:#167a4b;--nook-color-success-tint:#123f29;--nook-color-warning:#b84514;--nook-color-warning-tint:#452111;--nook-color-error:#b42318;--nook-color-error-tint:#48140f;--nook-color-info:#3b5ba5;--nook-color-info-tint:#192e43;--nook-color-success-strong:#61d199;--nook-color-warning-strong:#e67a4c;--nook-color-error-strong:#e96e63;--nook-color-info-strong:#7ea6ce;--nook-color-text-on-success:#0a0a0a;--nook-color-text-on-warning:#0a0a0a;--nook-color-text-on-error:#0a0a0a;--nook-color-text-on-info:#0a0a0a;--nook-focus-ring-color:var(--nook-color-accent);--nook-focus-ring:0 0 0 3px var(--nook-color-bg), 0 0 0 6px var(--nook-focus-ring-color);--nook-shadow-sm:0 1px 2px #0000008c, 0 1px 1px #00000059;--nook-shadow-md:0 2px 4px #00000080, 0 14px 32px #00000073;--nook-shadow-lg:0 4px 10px #0000008c, 0 32px 64px #0000008c;--nook-shadow-glow-accent:0 0 0 6px #00d1b21f, 0 6px 20px #00d1b247;--nook-shadow-inset-pressed:inset 0 2px 5px #0006;--nook-status-bevestigd-fg:var(--nook-color-success-strong);--nook-status-bevestigd-bg:var(--nook-color-success-tint);--nook-status-wacht-fg:var(--nook-color-warning-strong);--nook-status-wacht-bg:var(--nook-color-warning-tint);--nook-status-verzet-fg:var(--nook-color-info-strong);--nook-status-verzet-bg:var(--nook-color-info-tint);--nook-status-geannuleerd-fg:var(--nook-color-error-strong);--nook-status-geannuleerd-bg:var(--nook-color-error-tint);--nook-status-niet-opgedaagd-fg:#db94ac;--nook-status-niet-opgedaagd-bg:#351c25;--nook-status-voorbij-fg:var(--nook-neutral-400);--nook-status-voorbij-bg:#101216;--nook-event-navy:#6788cb;--nook-event-navy-tint:#1c2535;--nook-event-cobalt:#94bddb;--nook-event-cobalt-tint:#1c2b35;--nook-event-violet:#a99bd5;--nook-event-violet-tint:#241f33;--nook-event-plum:#b27fc3;--nook-event-plum-tint:#2d2032;--nook-event-rose:#db94ac;--nook-event-rose-tint:#351c25;--nook-event-clay:#d1a694;--nook-event-clay-tint:#33251f;--nook-event-moss:#99b979;--nook-event-moss-tint:#293121;--nook-event-pine:#66b78f;--nook-event-pine-tint:#203229;--nook-event-slate:#9cb2c9;--nook-event-slate-tint:#212931;--nook-event-graphite:var(--nook-neutral-300);--nook-event-graphite-tint:var(--nook-neutral-700);--nook-grain-opacity:.05;--nook-active-glow:0 0 0 1px #00d1b266, 0 0 16px #00d1b240}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nook-color-bg:#fafafa;--nook-color-bg-sunken:#efefef;--nook-color-surface-raised:#fff;--nook-color-surface-overlay:#fff;--nook-color-surface:var(--nook-color-surface-raised);--nook-color-surface-sunken:var(--nook-color-bg-sunken);--nook-color-border:#e4e4e4;--nook-color-border-strong:#8a8a8a;--nook-color-hairline-top:#fff9;--nook-color-text:#0a0a0a;--nook-color-text-secondary:#4a4a4a;--nook-color-text-muted:#6b6b6b;--nook-color-text-on-dark:#fff;--nook-color-inverse-surface:#1a1a1a;--nook-color-inverse-text:#fff;--nook-color-accent:#00d1b2;--nook-color-accent-hover:#00bfa3;--nook-color-accent-active:#00a88f;--nook-color-accent-tint:#e3f7f4;--nook-color-accent-tint-strong:#c6efe9;--nook-color-text-on-accent:#0a0a0a;--nook-color-accent-text:#007a68;--nook-color-accent-text-hover:#005e4f;--nook-color-midnight:#001f3f;--nook-color-success:#167a4b;--nook-color-success-tint:#e7f5ec;--nook-color-warning:#b84514;--nook-color-warning-tint:#fceee8;--nook-color-error:#b42318;--nook-color-error-tint:#fbeae8;--nook-color-info:#3b5ba5;--nook-color-info-tint:#eaf0fa;--nook-color-success-strong:var(--nook-color-success);--nook-color-warning-strong:var(--nook-color-warning);--nook-color-error-strong:var(--nook-color-error);--nook-color-info-strong:var(--nook-color-info);--nook-color-text-on-success:#fff;--nook-color-text-on-warning:#fff;--nook-color-text-on-error:#fff;--nook-color-text-on-info:#fff;--nook-focus-ring-color:var(--nook-color-accent-text);--nook-shadow-sm:0 1px 2px #0a0a0a0f, 0 1px 1px #0a0a0a0a;--nook-shadow-md:0 2px 4px #0a0a0a0f, 0 14px 32px #0a0a0a14;--nook-shadow-lg:0 4px 10px #0a0a0a14, 0 32px 64px #0a0a0a24;--nook-shadow-glow-accent:0 0 0 6px #007a681a, 0 6px 20px #007a6838;--nook-shadow-inset-pressed:inset 0 2px 5px #0a0a0a1f;--nook-status-bevestigd-fg:var(--nook-color-success);--nook-status-bevestigd-bg:var(--nook-color-success-tint);--nook-status-wacht-fg:var(--nook-color-warning);--nook-status-wacht-bg:var(--nook-color-warning-tint);--nook-status-verzet-fg:var(--nook-color-info);--nook-status-verzet-bg:var(--nook-color-info-tint);--nook-status-geannuleerd-fg:var(--nook-color-error);--nook-status-geannuleerd-bg:var(--nook-color-error-tint);--nook-status-niet-opgedaagd-fg:#b2345e;--nook-status-niet-opgedaagd-bg:#f4ebee;--nook-status-voorbij-fg:var(--nook-neutral-500);--nook-status-voorbij-bg:var(--nook-neutral-100);--nook-event-navy:#25437e;--nook-event-navy-tint:#ebeef4;--nook-event-cobalt:#347db2;--nook-event-cobalt-tint:#ebf0f4;--nook-event-violet:#593fa6;--nook-event-violet-tint:#eeecf3;--nook-event-plum:#6b367d;--nook-event-plum-tint:#f1edf3;--nook-event-rose:#b2345e;--nook-event-rose-tint:#f4ebee;--nook-event-clay:#9b583b;--nook-event-clay-tint:#f3eeec;--nook-event-moss:#526e35;--nook-event-moss-tint:#f0f2ed;--nook-event-pine:#2b6447;--nook-event-pine-tint:#edf3f0;--nook-event-slate:#5b6b7b;--nook-event-slate-tint:#edf0f2;--nook-event-graphite:var(--nook-neutral-500);--nook-event-graphite-tint:var(--nook-neutral-100);--nook-grain-opacity:0;--nook-active-glow:0 0 0 1px #007a6859, 0 0 14px #007a682e}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nook-color-bg:#fafafa;--nook-color-bg-sunken:#efefef;--nook-color-surface-raised:#fff;--nook-color-surface-overlay:#fff;--nook-color-surface:var(--nook-color-surface-raised);--nook-color-surface-sunken:var(--nook-color-bg-sunken);--nook-color-border:#e4e4e4;--nook-color-border-strong:#8a8a8a;--nook-color-hairline-top:#fff9;--nook-color-text:#0a0a0a;--nook-color-text-secondary:#4a4a4a;--nook-color-text-muted:#6b6b6b;--nook-color-text-on-dark:#fff;--nook-color-inverse-surface:#1a1a1a;--nook-color-inverse-text:#fff;--nook-color-accent:#00d1b2;--nook-color-accent-hover:#00bfa3;--nook-color-accent-active:#00a88f;--nook-color-accent-tint:#e3f7f4;--nook-color-accent-tint-strong:#c6efe9;--nook-color-text-on-accent:#0a0a0a;--nook-color-accent-text:#007a68;--nook-color-accent-text-hover:#005e4f;--nook-color-midnight:#001f3f;--nook-color-success:#167a4b;--nook-color-success-tint:#e7f5ec;--nook-color-warning:#b84514;--nook-color-warning-tint:#fceee8;--nook-color-error:#b42318;--nook-color-error-tint:#fbeae8;--nook-color-info:#3b5ba5;--nook-color-info-tint:#eaf0fa;--nook-color-success-strong:var(--nook-color-success);--nook-color-warning-strong:var(--nook-color-warning);--nook-color-error-strong:var(--nook-color-error);--nook-color-info-strong:var(--nook-color-info);--nook-color-text-on-success:#fff;--nook-color-text-on-warning:#fff;--nook-color-text-on-error:#fff;--nook-color-text-on-info:#fff;--nook-focus-ring-color:var(--nook-color-accent-text);--nook-shadow-sm:0 1px 2px #0a0a0a0f, 0 1px 1px #0a0a0a0a;--nook-shadow-md:0 2px 4px #0a0a0a0f, 0 14px 32px #0a0a0a14;--nook-shadow-lg:0 4px 10px #0a0a0a14, 0 32px 64px #0a0a0a24;--nook-shadow-glow-accent:0 0 0 6px #007a681a, 0 6px 20px #007a6838;--nook-shadow-inset-pressed:inset 0 2px 5px #0a0a0a1f;--nook-status-bevestigd-fg:var(--nook-color-success);--nook-status-bevestigd-bg:var(--nook-color-success-tint);--nook-status-wacht-fg:var(--nook-color-warning);--nook-status-wacht-bg:var(--nook-color-warning-tint);--nook-status-verzet-fg:var(--nook-color-info);--nook-status-verzet-bg:var(--nook-color-info-tint);--nook-status-geannuleerd-fg:var(--nook-color-error);--nook-status-geannuleerd-bg:var(--nook-color-error-tint);--nook-status-niet-opgedaagd-fg:#b2345e;--nook-status-niet-opgedaagd-bg:#f4ebee;--nook-status-voorbij-fg:var(--nook-neutral-500);--nook-status-voorbij-bg:var(--nook-neutral-100);--nook-event-navy:#25437e;--nook-event-navy-tint:#ebeef4;--nook-event-cobalt:#347db2;--nook-event-cobalt-tint:#ebf0f4;--nook-event-violet:#593fa6;--nook-event-violet-tint:#eeecf3;--nook-event-plum:#6b367d;--nook-event-plum-tint:#f1edf3;--nook-event-rose:#b2345e;--nook-event-rose-tint:#f4ebee;--nook-event-clay:#9b583b;--nook-event-clay-tint:#f3eeec;--nook-event-moss:#526e35;--nook-event-moss-tint:#f0f2ed;--nook-event-pine:#2b6447;--nook-event-pine-tint:#edf3f0;--nook-event-slate:#5b6b7b;--nook-event-slate-tint:#edf0f2;--nook-event-graphite:var(--nook-neutral-500);--nook-event-graphite-tint:var(--nook-neutral-100);--nook-grain-opacity:0;--nook-active-glow:0 0 0 1px #007a6859, 0 0 14px #007a682e}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
*,:before,:after{box-sizing:border-box}body{background:var(--nook-color-bg);color:var(--nook-color-text);font:var(--nook-text-body);font-feature-settings:var(--nook-font-feature-numeric);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";z-index:0;pointer-events:none;opacity:var(--nook-grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}.mono{font-family:var(--nook-font-mono);font-feature-settings:var(--nook-font-feature-numeric);letter-spacing:var(--nook-letter-spacing-time)}.app{z-index:1;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.zijbalk{gap:var(--nook-space-6);height:100vh;padding:var(--nook-space-6) var(--nook-space-4);background:var(--nook-color-surface-raised);border-right:1px solid var(--nook-color-border);flex-direction:column;display:flex;position:sticky;top:0}.zijbalk-merk{padding:0 var(--nook-space-2);align-items:center;gap:10px;text-decoration:none;display:flex}.zijbalk-merk svg{width:auto;height:22px}.zijbalk nav{flex-direction:column;gap:2px;display:flex}.zijbalk nav a{border-radius:var(--nook-radius-sm);font:500 13.5px var(--nook-font-body);color:var(--nook-color-text-secondary);transition:background var(--nook-duration-base) var(--nook-ease-standard), color var(--nook-duration-base) var(--nook-ease-standard);align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.zijbalk nav a:hover{background:var(--nook-color-bg-sunken);color:var(--nook-color-text)}.zijbalk nav{--tab-bocht:16px;gap:6px}.zijbalk nav a{border:1px solid #0000;border-right:0;position:relative}.zijbalk nav a.actief{margin-right:calc(var(--nook-space-4) * -1 - 1px);padding-right:calc(12px + var(--nook-space-4) + 1px);border-color:var(--nook-color-border);color:var(--nook-color-accent-text);background:linear-gradient(var(--nook-color-bg), var(--nook-color-bg)) right center / 100% 100% no-repeat;animation:tab-open .36s var(--nook-ease-standard) both;border-radius:999px 0 0 999px;font-weight:600}.zijbalk nav a.actief:hover{background-color:#0000}.zijbalk nav a.actief:before,.zijbalk nav a.actief:after{content:"";width:var(--tab-bocht);height:var(--tab-bocht);pointer-events:none;animation:tab-bocht .36s var(--nook-ease-standard) both;position:absolute;right:0}.zijbalk nav a.actief:before{top:calc(var(--tab-bocht) * -1);transform-origin:100% 100%;background:radial-gradient(circle at 0 0, var(--nook-color-surface-raised) calc(var(--tab-bocht) - 1.5px), var(--nook-color-border) calc(var(--tab-bocht) - 1px), var(--nook-color-border) calc(var(--tab-bocht) - .25px), var(--nook-color-bg) var(--tab-bocht))}.zijbalk nav a.actief:after{bottom:calc(var(--tab-bocht) * -1);transform-origin:100% 0;background:radial-gradient(circle at 0 100%, var(--nook-color-surface-raised) calc(var(--tab-bocht) - 1.5px), var(--nook-color-border) calc(var(--tab-bocht) - 1px), var(--nook-color-border) calc(var(--tab-bocht) - .25px), var(--nook-color-bg) var(--tab-bocht))}@keyframes tab-open{0%{background-size:0% 100%;border-color:#0000}to{background-size:100% 100%}}@keyframes tab-bocht{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.zijbalk nav svg{stroke-width:1.75px;flex:none;width:17px;height:17px}.zijbalk-voet{padding:0 var(--nook-space-2);gap:10px;margin-top:auto;display:grid}.zijbalk-account{align-items:center;gap:10px;min-width:0;display:flex}.avatar{background:var(--nook-color-accent-tint);width:34px;height:34px;color:var(--nook-color-accent-text);font:600 13px var(--nook-font-body);border-radius:50%;flex:none;place-items:center;display:grid}.zijbalk-account .naam{font:500 13px var(--nook-font-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zijbalk-account .sub{font:400 11.5px var(--nook-font-body);color:var(--nook-color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hoofd{min-width:0;padding:var(--nook-space-10) var(--nook-space-10) var(--nook-space-16);gap:var(--nook-space-8);flex-direction:column;display:flex}.kop{justify-content:space-between;align-items:flex-start;gap:var(--nook-space-6);flex-wrap:wrap;display:flex}.kop h1{font:var(--nook-text-h1);font-family:var(--nook-font-display);text-transform:uppercase;letter-spacing:var(--nook-letter-spacing-display);margin:0}.kop p{color:var(--nook-color-text-secondary);max-width:62ch;margin:6px 0 0}.kop-acties{flex-wrap:wrap;gap:10px;display:flex}h2{margin:0 0 var(--nook-space-4);font:600 19px var(--nook-font-body);letter-spacing:-.005em}h3{margin:0 0 var(--nook-space-2);font:600 15px var(--nook-font-body)}.label{font:var(--nook-text-label);letter-spacing:var(--nook-letter-spacing-label);text-transform:uppercase;color:var(--nook-color-text-muted)}.uitleg{font:400 12.5px/1.5 var(--nook-font-body);color:var(--nook-color-text-muted)}.paneel{background:var(--nook-color-surface-raised);border:1px solid var(--nook-color-border);border-radius:var(--nook-radius-lg);box-shadow:var(--nook-shadow-sm);padding:var(--nook-space-6)}.paneel-kop{margin-bottom:var(--nook-space-4);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rooster{gap:var(--nook-space-6);display:grid}.rooster.twee{grid-template-columns:repeat(2,minmax(0,1fr))}.rooster.drie{grid-template-columns:repeat(3,minmax(0,1fr))}.rooster.vier{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi .groot{font:600 32px/1 var(--nook-font-mono);font-feature-settings:var(--nook-font-feature-numeric);margin:10px 0 4px}.rij{align-items:center;gap:var(--nook-space-4);padding:var(--nook-space-4) 0;border-bottom:1px solid var(--nook-color-border);display:flex}.rij:last-child{border-bottom:none}.rij .groei{flex:auto;min-width:0}.rij .acties{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.rij-titel{font:600 14.5px var(--nook-font-body);align-items:center;gap:8px;display:flex}.rij-sub{font:var(--nook-text-time-sm);color:var(--nook-color-text-muted);margin-top:3px}.kleurstip{border-radius:3px;flex:none;width:9px;height:9px}.chip{border-radius:var(--nook-radius-xs);font:600 11.5px/1 var(--nook-font-body);align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.chip.neutraal{background:var(--nook-color-bg-sunken);color:var(--nook-color-text-secondary)}.knop{font:600 14px/1 var(--nook-font-body);border-radius:var(--nook-radius-md);cursor:pointer;white-space:nowrap;height:40px;transition:background var(--nook-duration-base) var(--nook-ease-standard), box-shadow var(--nook-duration-base) var(--nook-ease-standard), transform var(--nook-duration-fast) var(--nook-ease-standard), filter var(--nook-duration-base) var(--nook-ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex;position:relative}.knop svg{stroke-width:1.75px;width:16px;height:16px}.knop.klein{height:36px;padding:0 14px;font-size:13px}.knop.groot{height:48px;padding:0 28px;font-size:15px}.knop.primair{background:linear-gradient(180deg, #ffffff1a, #fff0), var(--nook-color-accent);color:var(--nook-color-text-on-accent);box-shadow:inset 0 1px 0 var(--nook-color-hairline-top), var(--nook-shadow-sm)}.knop.primair:hover{background:linear-gradient(180deg, #ffffff24, #fff0), var(--nook-color-accent-hover);box-shadow:inset 0 1px 0 var(--nook-color-hairline-top), var(--nook-shadow-glow-accent)}.knop.primair:active{background:var(--nook-color-accent-active);box-shadow:var(--nook-shadow-inset-pressed);transform:translateY(1px)}.knop.stil{background:var(--nook-color-surface-raised);color:var(--nook-color-text);border-color:var(--nook-color-border-strong);box-shadow:inset 0 1px 0 var(--nook-color-hairline-top), var(--nook-shadow-sm)}.knop.stil:hover{background:var(--nook-color-bg-sunken)}.knop.stil:active{box-shadow:var(--nook-shadow-inset-pressed);transform:translateY(1px)}.knop.leeg{color:var(--nook-color-text);background:0 0}.knop.leeg:hover{background:var(--nook-color-surface-raised)}.knop.gevaar{background:linear-gradient(180deg, #ffffff14, #fff0), var(--nook-color-error);color:var(--nook-color-text-on-error);box-shadow:inset 0 1px 0 #ffffff24, var(--nook-shadow-sm)}.knop.gevaar:hover{filter:brightness(1.08)}.knop:disabled{opacity:.5;cursor:not-allowed}.knop:focus-visible,.veld input:focus,.veld select:focus,.veld textarea:focus,a:focus-visible{box-shadow:var(--nook-focus-ring);outline:none}.icoonknop{border-radius:var(--nook-radius-sm);border:1px solid var(--nook-color-border);background:var(--nook-color-surface-raised);width:36px;height:36px;color:var(--nook-color-text-secondary);cursor:pointer;place-items:center;display:inline-grid}.icoonknop:hover{background:var(--nook-color-bg-sunken);color:var(--nook-color-text)}.icoonknop svg{stroke-width:1.75px;width:17px;height:17px}.formulier{gap:var(--nook-space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.formulier .breed{grid-column:1/-1}.formulier .groep{font:600 13px var(--nook-font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--nook-color-text-muted);padding-top:var(--nook-space-4);border-top:1px solid var(--nook-color-border);grid-column:1/-1}.formulier .groep:first-child{border-top:0;padding-top:0}.veld{flex-direction:column;gap:6px;min-width:0;display:flex}.veld>label{font:500 12.5px var(--nook-font-body)}input,select,textarea,.veld input,.veld select,.veld textarea{font:var(--nook-text-body);color:var(--nook-color-text);background:var(--nook-color-bg-sunken);border:1px solid var(--nook-color-border-strong);border-radius:var(--nook-radius-sm);outline:none;width:100%;padding:10px 12px}textarea,.veld textarea{resize:vertical;min-height:92px}.veld input[type=color]{height:42px;padding:4px}.veld input[type=checkbox]{width:17px;height:17px;accent-color:var(--nook-color-accent);padding:0}.schakel{font:400 13.5px var(--nook-font-body);align-items:center;gap:10px;display:inline-flex}.vinkjes{flex-wrap:wrap;gap:10px 20px;display:flex}.vinkjes label{align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.melding{border-radius:var(--nook-radius-md);border:1px solid #0000;padding:12px 14px;font-size:13.5px}.melding.goed{background:var(--nook-color-success-tint);color:var(--nook-color-success-strong);border-color:color-mix(in srgb, var(--nook-color-success-strong) 30%, transparent)}.melding.fout{background:var(--nook-color-error-tint);color:var(--nook-color-error-strong);border-color:color-mix(in srgb, var(--nook-color-error-strong) 30%, transparent)}.melding.let{background:var(--nook-color-warning-tint);color:var(--nook-color-warning-strong);border-color:color-mix(in srgb, var(--nook-color-warning-strong) 30%, transparent)}.melding.info{background:var(--nook-color-bg-sunken);color:var(--nook-color-text-secondary);border-color:var(--nook-color-border)}a.melding{text-decoration:none;display:block}.leeg{text-align:center;padding:var(--nook-space-12) var(--nook-space-6);border:1px dashed var(--nook-color-border-strong);border-radius:var(--nook-radius-lg)}.leeg:not(.knop)>svg,.leeg .icoon{width:26px;height:26px;color:var(--nook-color-text-muted);margin:0 auto var(--nook-space-4);stroke-width:1.75px;display:block}.leeg h3{font-size:17px}.leeg p{color:var(--nook-color-text-secondary);max-width:40ch;margin:0 auto var(--nook-space-4)}.tabelwrap{overflow-x:auto}table.tabel{border-collapse:collapse;width:100%;font-size:13.5px}.tabel th{text-align:left;font:var(--nook-text-label);letter-spacing:var(--nook-letter-spacing-label);text-transform:uppercase;color:var(--nook-color-text-muted);white-space:nowrap;padding:0 14px 10px 0}.tabel td{border-top:1px solid var(--nook-color-border);vertical-align:top;padding:12px 14px 12px 0}.tabel .tijd{font-family:var(--nook-font-mono);font-feature-settings:var(--nook-font-feature-numeric);white-space:nowrap}.doorgehaald td{color:var(--nook-color-text-muted)}.code{background:var(--nook-color-bg-sunken);border:1px solid var(--nook-color-border);border-radius:var(--nook-radius-sm);font:400 12.5px/1.6 var(--nook-font-mono);word-break:break-all;-webkit-user-select:all;user-select:all;color:var(--nook-color-text-secondary);padding:10px 12px;display:block}.seg{background:var(--nook-color-bg-sunken);border-radius:var(--nook-radius-md);gap:2px;padding:3px;display:inline-flex}.seg a{border-radius:var(--nook-radius-sm);font:500 13px var(--nook-font-body);color:var(--nook-color-text-secondary);padding:8px 14px;text-decoration:none}.seg a.actief{background:var(--nook-color-surface-raised);color:var(--nook-color-text);box-shadow:var(--nook-shadow-sm)}.seg.klein button{color:var(--nook-color-text-secondary);font:600 12px var(--nook-font-body);border-radius:var(--nook-radius-xs);cursor:pointer;background:0 0;border:0;align-items:center;padding:6px 10px;display:inline-flex}.seg.klein button svg{width:15px;height:15px}.seg.klein button.actief{background:var(--nook-color-surface-raised);color:var(--nook-color-text);box-shadow:var(--nook-shadow-sm)}@media (max-width:1000px){.rooster.vier{grid-template-columns:repeat(2,minmax(0,1fr))}.rooster.drie,.rooster.twee{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.app{grid-template-columns:minmax(0,1fr)}.zijbalk{align-items:center;gap:var(--nook-space-4);height:auto;padding:var(--nook-space-3) var(--nook-space-4);border-right:0;border-bottom:1px solid var(--nook-color-border);flex-direction:row;position:static;overflow-x:auto}.zijbalk nav{flex-direction:row;gap:2px}.zijbalk nav a span{display:none}.zijbalk nav a.actief{border-radius:var(--nook-radius-sm);background:var(--nook-color-accent-tint);border-color:#0000;margin-right:0;padding-right:12px;animation:none}.zijbalk nav a.actief:before,.zijbalk nav a.actief:after{display:none}.zijbalk-voet{margin:0 0 0 auto}.zijbalk-account .naam,.zijbalk-account .sub{display:none}.hoofd{padding:var(--nook-space-6) var(--nook-space-4) var(--nook-space-12)}.formulier{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.hoofd.vaag{filter:blur(6px)saturate(.7);pointer-events:none;-webkit-user-select:none;user-select:none}.wachtkamer{z-index:40;padding:var(--nook-space-6);background:color-mix(in srgb, var(--nook-color-bg) 55%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:fixed;inset:0}.wachtkamer-venster{gap:var(--nook-space-4);max-width:460px;padding:var(--nook-space-8);border-radius:var(--nook-radius-xl);background:var(--nook-color-surface-overlay);border:1px solid var(--nook-color-border);box-shadow:var(--nook-shadow-lg);justify-items:start;display:grid;position:relative;overflow:hidden}.wachtkamer-venster:before{content:"";background:linear-gradient(90deg, transparent, var(--nook-color-accent) 30%, var(--nook-color-accent) 70%, transparent);height:2px;position:absolute;inset:0 0 auto}.wachtkamer-venster h2{font:600 20px var(--nook-font-body);margin:0}.wachtkamer-venster p{color:var(--nook-color-text-secondary);margin:0;font-size:14.5px}.wachtkamer-venster a.uitleg{color:var(--nook-color-accent-text);font-weight:600;text-decoration:none}.proefbalk{align-items:center;gap:var(--nook-space-4);border-radius:var(--nook-radius-md);border:1px solid var(--nook-color-border);background:var(--nook-color-surface-raised);color:var(--nook-color-text-secondary);flex-wrap:wrap;padding:12px 16px;font-size:13.5px;display:flex}.proefbalk .knop{margin-left:auto}.proefbalk.op{border-color:color-mix(in srgb, var(--nook-color-warning-strong) 40%, transparent);background:var(--nook-color-warning-tint);color:var(--nook-color-warning-strong)}.planvak{justify-content:space-between;gap:var(--nook-space-4);border-radius:var(--nook-radius-md);background:var(--nook-color-bg-sunken);border:1px solid var(--nook-color-border);align-items:flex-start;padding:14px 16px;display:flex}.planvak strong{margin-top:2px;font-size:16px;display:block}.planvak-bedrag{font-size:20px;font-weight:600}.planvak a.uitleg{color:var(--nook-color-accent-text);text-decoration:none}.vinkregel{color:var(--nook-color-text-secondary);cursor:pointer;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}.vinkregel input{width:16px;height:16px;accent-color:var(--nook-color-accent);flex:none;margin-top:3px}.vinkregel a{color:var(--nook-color-accent-text);text-decoration:underline}