: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}body{--invoer-grond:var(--nook-color-bg-sunken);--invoer-rand:var(--nook-color-border-strong)}[data-theme=light] body{--invoer-grond:#fff;--invoer-rand:#d6d8dc}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) body{--invoer-grond:#fff;--invoer-rand:#d6d8dc}}input,select,textarea,.veld input,.veld select,.veld textarea{background:var(--invoer-grond);border-color:var(--invoer-rand);transition:border-color .16s var(--nook-ease-standard,ease), box-shadow .16s var(--nook-ease-standard,ease)}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--nook-color-text) 35%, var(--invoer-rand))}input:focus,select:focus,textarea:focus{border-color:var(--nook-color-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--nook-color-accent) 18%, transparent)}input::placeholder,textarea::placeholder{color:var(--nook-color-text-muted);opacity:.8}.veld input[type=radio],.vinkjes input[type=radio]{width:17px;height:17px;accent-color:var(--nook-color-accent);box-shadow:none;margin:2px 0 0;padding:0}.vinkjes:has(input[type=radio]){grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.vinkjes label:has(input[type=radio]){border:1px solid var(--nook-color-border);border-radius:var(--nook-radius-md);background:var(--invoer-grond);cursor:pointer;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:4px 12px;padding:14px 16px;font-weight:600;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.vinkjes label:has(input[type=radio])>input{grid-row:1/span 2}.vinkjes label:has(input[type=radio])>.uitleg{grid-column:2;font-weight:400}.vinkjes label:has(input[type=radio]):hover{border-color:color-mix(in srgb, var(--nook-color-accent) 45%, var(--nook-color-border))}.vinkjes label:has(input[type=radio]:checked){border-color:var(--nook-color-accent);background:color-mix(in srgb, var(--nook-color-accent) 7%, var(--invoer-grond));box-shadow:0 0 0 3px color-mix(in srgb, var(--nook-color-accent) 14%, transparent)}.knop.leeg{border:1px solid var(--nook-color-border);text-align:left;padding-block:8px}.knop.leeg:hover{border-color:var(--nook-color-border-strong)}.knop.primair:hover{box-shadow:var(--nook-shadow-glow-accent)}[data-theme=light] body{background:radial-gradient(1100px 520px at 100% -10%, color-mix(in srgb, var(--nook-color-accent) 9%, transparent), transparent 70%), radial-gradient(900px 480px at -10% 110%, color-mix(in srgb, var(--nook-event-violet) 6%, transparent), transparent 70%), #f5f6f8;background-attachment:fixed}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) body{background:radial-gradient(1100px 520px at 100% -10%, color-mix(in srgb, var(--nook-color-accent) 9%, transparent), transparent 70%), radial-gradient(900px 480px at -10% 110%, color-mix(in srgb, var(--nook-event-violet) 6%, transparent), transparent 70%), #f5f6f8;background-attachment:fixed}}.zijbalk{background:color-mix(in srgb, var(--nook-color-surface-raised) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2)}.paneel{transition:box-shadow .22s,border-color .22s,transform .22s;position:relative}.paneel:after{content:"";background:linear-gradient(90deg, transparent, var(--nook-color-hairline-top), transparent);pointer-events:none;height:1px;position:absolute;inset:0 16px auto}.hoofd .paneel:hover{box-shadow:var(--nook-shadow-md)}a.paneel:hover,.paneel.klikbaar:hover{border-color:color-mix(in srgb, var(--nook-color-accent) 40%, var(--nook-color-border));transform:translateY(-2px)}.kpi{overflow:hidden}.kpi:before{content:"";background:var(--nook-color-accent);opacity:.85;border-radius:0 3px 3px 0;width:3px;position:absolute;top:18px;bottom:18px;left:0}.leeg:not(.knop){border-color:var(--nook-color-border);background:color-mix(in srgb, var(--nook-color-accent) 3%, transparent)}.zijbalk-maker{border-top:1px solid var(--nook-color-border);color:var(--nook-color-text-muted);font:500 10.5px/1.2 var(--nook-font-body);letter-spacing:.04em;align-items:center;gap:8px;padding:12px 6px 2px;text-decoration:none;transition:color .16s;display:flex}.zijbalk-maker:hover{color:var(--nook-color-text)}.zijbalk-maker .elevait-woord{letter-spacing:.22em;color:var(--nook-color-text-secondary);font-weight:600}.zijbalk-maker:hover .elevait-woord{color:var(--nook-color-text)}.elevait-ai{color:var(--nook-color-accent-text)}@media (prefers-reduced-motion:no-preference){@keyframes nook-binnen{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hoofd>*{animation:.42s cubic-bezier(.05,.7,.1,1) both nook-binnen}.hoofd>:nth-child(2){animation-delay:50ms}.hoofd>:nth-child(3){animation-delay:.1s}.hoofd>:nth-child(4){animation-delay:.15s}.hoofd>:nth-child(5){animation-delay:.2s}.hoofd>:nth-child(n+6){animation-delay:.24s}.rooster>*{animation:.42s cubic-bezier(.05,.7,.1,1) both nook-binnen}.rooster>:nth-child(2){animation-delay:60ms}.rooster>:nth-child(3){animation-delay:.12s}.rooster>:nth-child(4){animation-delay:.18s}@keyframes nook-melding{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.melding{animation:.32s cubic-bezier(.05,.7,.1,1) both nook-melding}details>summary~*{animation:.26s both nook-binnen}}.termijn{grid-template-columns:minmax(0,1fr) 120px;gap:8px;display:grid}.titel-variabelen{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.titel-variabelen .chip{border:1px solid var(--nook-color-border);cursor:pointer;font-family:var(--nook-font-mono);align-items:center;gap:6px;transition:border-color .16s,background .16s;display:inline-flex}.titel-variabelen .chip span{font-family:var(--nook-font-body);color:var(--nook-color-text-muted)}.titel-variabelen .chip:hover{border-color:var(--nook-color-accent);background:var(--nook-color-accent-tint)}.titel-voorbeeld{color:var(--nook-color-text);font-weight:600}details.uitklap>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}details.uitklap>summary::-webkit-details-marker{display:none}details.uitklap>summary>span{gap:2px;display:grid}details.uitklap>summary:after{content:"";border-right:2px solid var(--nook-color-text-muted);border-bottom:2px solid var(--nook-color-text-muted);flex:none;width:9px;height:9px;transition:transform .22s;transform:rotate(45deg)}details.uitklap[open]>summary:after{transform:rotate(-135deg)}details.uitklap[open]>summary{margin-bottom:var(--nook-space-4)}.eventbewerker{gap:var(--nook-space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.eventbewerker-kolom{gap:var(--nook-space-6);min-width:0;display:grid}.paneel.secties{padding:0}.sectie+.sectie{border-top:1px solid var(--nook-color-border)}.sectie-kop{width:100%;padding:18px var(--nook-space-6);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .16s var(--nook-ease-standard);background:0 0;border:0;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:14px;display:grid}.sectie:first-child>.sectie-kop{border-radius:var(--nook-radius-lg) var(--nook-radius-lg) 0 0}.paneel.secties>.sectie:last-child>.sectie-kop:not([aria-expanded=true]){border-radius:0 0 var(--nook-radius-lg) var(--nook-radius-lg)}.sectie-kop:hover{background:color-mix(in srgb, var(--nook-color-text) 3%, transparent)}.sectie-kop:focus-visible{outline:2px solid var(--nook-color-accent);outline-offset:-2px}.sectie-icoon{border-radius:var(--nook-radius-md);background:var(--nook-color-accent-tint);width:40px;height:40px;color:var(--nook-color-accent-text);transition:box-shadow .24s var(--nook-ease-standard);place-items:center;display:grid}.sectie-icoon svg{width:19px;height:19px}.sectie.open .sectie-icoon{box-shadow:0 0 0 3px color-mix(in srgb, var(--nook-color-accent) 16%, transparent)}.sectie-tekst{min-width:0;display:grid}.sectie-titel{font:600 15px/1.35 var(--nook-font-body);color:var(--nook-color-text)}.sectie-samenvatting{opacity:1;transition:grid-template-rows .3s var(--nook-ease-out), opacity .2s ease;grid-template-rows:1fr;display:grid}.sectie-samenvatting>span{min-height:0;font:400 13px/1.5 var(--nook-font-body);color:var(--nook-color-text-muted);white-space:nowrap;text-overflow:ellipsis;padding-top:3px;overflow:hidden}.sectie.open .sectie-samenvatting{opacity:0;grid-template-rows:0fr}.sectie-pijl{width:20px;height:20px;color:var(--nook-color-text-muted);transition:transform .3s var(--nook-ease-out), color .16s ease}.sectie-kop:hover .sectie-pijl{color:var(--nook-color-text)}.sectie.open .sectie-pijl{transform:rotate(180deg)}.sectie-inhoud{opacity:0;visibility:hidden;transition:grid-template-rows .34s var(--nook-ease-out), opacity .2s ease, visibility 0s linear .34s;grid-template-rows:0fr;display:grid}.sectie.open>.sectie-inhoud{opacity:1;visibility:visible;transition:grid-template-rows .34s var(--nook-ease-out), opacity .28s ease 60ms, visibility 0s;grid-template-rows:1fr}.sectie-binnen{min-height:0;overflow:hidden}.sectie-velden{padding:4px var(--nook-space-6) var(--nook-space-6) 78px}.opslaanbalk{z-index:5;padding:14px var(--nook-space-6);border-top:1px solid var(--nook-color-border);border-radius:0 0 var(--nook-radius-lg) var(--nook-radius-lg);background:color-mix(in srgb, var(--nook-color-surface-raised) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;bottom:0}.opslaanbalk-status{font:500 12.5px var(--nook-font-body);color:var(--nook-color-text-muted);align-items:center;gap:8px;display:inline-flex}.opslaanbalk-status:before{content:"";border-radius:var(--nook-radius-full);background:var(--nook-color-success-strong);width:7px;height:7px;transition:background-color .2s,box-shadow .2s}.opslaanbalk.gewijzigd .opslaanbalk-status{color:var(--nook-color-text-secondary)}.opslaanbalk.gewijzigd .opslaanbalk-status:before{background:var(--nook-color-warning-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--nook-color-warning-strong) 22%, transparent)}.opslaanbalk-knoppen{gap:10px;margin-left:auto;display:flex}.voorbeeld{order:-1;min-width:0}.voorbeeld-schakel{justify-content:center;width:100%}.voorbeeld-inhoud{opacity:0;visibility:hidden;transition:grid-template-rows .34s var(--nook-ease-out), opacity .2s ease, visibility 0s linear .34s;grid-template-rows:0fr;display:grid}.voorbeeld.toon .voorbeeld-inhoud{opacity:1;visibility:visible;transition:grid-template-rows .34s var(--nook-ease-out), opacity .28s ease 60ms, visibility 0s;grid-template-rows:1fr}.voorbeeld-binnen{min-height:0;overflow:hidden}.voorbeeld-kaart{margin-top:var(--nook-space-3,12px);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-4);gap:var(--nook-space-4);display:grid}.voorbeeld-kop{justify-content:space-between;align-items:center;gap:12px;display:flex}.voorbeeld-kop .uitleg{margin-top:3px;display:block}.voorbeeld-voet{min-width:0;font:500 13px var(--nook-font-body);align-items:center;gap:8px;display:flex}.voorbeeld-voet-naam{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.voorbeeld-voet .uitleg{white-space:nowrap;margin-left:auto}.voorbeeld-scherm{border-radius:var(--nook-radius-md);overflow:hidden}.voorbeeld-scherm .bp.embed{--font:var(--nook-font-body);--font-kop:var(--nook-font-body);background:var(--grond);padding:16px}.voorbeeld-scherm .bp-rooster .kop{gap:0;display:block}.voorbeeld-scherm .bp-kaart{grid-template-columns:minmax(0,1fr)}.voorbeeld-scherm .bp-info{border-right:0;border-bottom:1px solid var(--lijn);gap:12px;padding:20px}.voorbeeld-scherm .bp-info h1{transition:color .16s}.voorbeeld-scherm .bp-info h1.voorbeeld-leeg{color:var(--tekst-vaag)}.voorbeeld-scherm .bp-info p{overflow-wrap:anywhere;font-size:13.5px}.voorbeeld-scherm .bp-werk{padding:18px 20px 20px}.voorbeeld-scherm .bp-werk h2{margin-bottom:12px;font-size:15px}.voorbeeld-scherm .bp-kies.met-dag{grid-template-columns:minmax(0,1fr);gap:16px}.voorbeeld-scherm .bp-maand{margin-bottom:6px}.voorbeeld-scherm .bp-pijl{width:28px;height:28px}.voorbeeld-scherm .bp-rooster{gap:2px}.voorbeeld-scherm .bp-rooster .kop{padding:4px 0 6px}.voorbeeld-scherm .bp-dag{width:min(100%,34px);font-size:13px}.voorbeeld-scherm .bp-tijdlijst{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:none;padding-right:0}.voorbeeld-scherm .bp-tijd{padding:8px 6px;font-size:13px}.voorbeeld-scherm .bp-tijd.gekozen{background:var(--accent);border-color:var(--accent);color:var(--accent-tekst)}.voorbeeld-scherm .bp-keuze{cursor:default;font-size:13px}@media (min-width:1200px){.eventbewerker{grid-template-columns:minmax(0,1fr) minmax(340px,400px)}.voorbeeld{top:var(--nook-space-6);order:0;position:sticky}.voorbeeld-schakel{display:none}.voorbeeld-inhoud{opacity:1;visibility:visible;grid-template-rows:1fr}.voorbeeld-binnen{overflow:visible}.voorbeeld-kaart{max-height:calc(100vh - 2 * var(--nook-space-6));margin-top:0;overflow-y:auto}}@media (max-width:820px){.sectie-kop{padding:16px var(--nook-space-4);grid-template-columns:36px minmax(0,1fr) 18px;gap:12px}.sectie-icoon{width:36px;height:36px}.sectie-samenvatting>span{white-space:normal}.sectie-velden{padding:4px var(--nook-space-4) var(--nook-space-5)}.opslaanbalk{padding:12px var(--nook-space-4)}.opslaanbalk-status{flex-basis:100%}.opslaanbalk-knoppen{width:100%}.opslaanbalk-knoppen .knop{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.sectie-inhoud,.sectie.open>.sectie-inhoud,.sectie-samenvatting,.sectie-pijl,.voorbeeld-inhoud,.voorbeeld.toon .voorbeeld-inhoud{transition:none}}.veldlabel{font:500 12.5px var(--nook-font-body);color:var(--nook-color-text)}.zin-tekst{font:400 15px/1.8 var(--nook-font-body);color:var(--nook-color-text);margin:0}.zin-waarde{color:var(--nook-color-accent-text);font:600 15px/1.45 var(--nook-font-body);cursor:pointer;transition:background-color var(--nook-duration-base) var(--nook-ease-standard), color var(--nook-duration-base) ease;background:0 0;border:0;border-bottom:1.5px dotted;border-radius:4px 4px 0 0;align-items:center;gap:3px;margin:0 -1px;padding:0 3px;display:inline-flex}.zin-waarde:hover{color:var(--nook-color-accent-text-hover);border-bottom-style:solid}.zin-waarde.open{background:var(--nook-color-accent-tint);border-bottom-style:solid}.zin-waarde:focus-visible{box-shadow:var(--nook-focus-ring);outline:none}.zin-pijl{width:14px;height:14px;transition:transform var(--nook-duration-slow) var(--nook-ease-standard);flex:none}.zin-waarde.open .zin-pijl{transform:rotate(180deg)}.zin-blok{border-left:2px solid var(--nook-color-accent);animation:nook-zinblok .22s var(--nook-ease-out) both;gap:8px;margin-top:4px;padding:6px 0 6px 16px;display:grid}.zin-blok[hidden]{display:none}@keyframes nook-zinblok{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.zin-velden{font:400 14px/1.4 var(--nook-font-body);color:var(--nook-color-text-secondary);flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.zin-velden input[type=number]{width:96px}.zin-velden select{width:auto;min-width:96px}.zin-fout:empty{display:none}.zin-fout{color:var(--nook-color-error-strong)}.segment{border:1px solid var(--invoer-rand,var(--nook-color-border-strong));border-radius:var(--nook-radius-md);background:var(--invoer-grond,var(--nook-color-bg-sunken));flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;padding:3px;display:inline-flex}.segment-keuze{display:inline-flex;position:relative}.segment-keuze input,.tegel-keuze input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.segment-keuze>span{border-radius:var(--nook-radius-sm);font:500 13.5px/1.2 var(--nook-font-body);color:var(--nook-color-text-secondary);cursor:pointer;white-space:nowrap;transition:background-color var(--nook-duration-base) var(--nook-ease-standard), color var(--nook-duration-base) ease;align-items:center;gap:7px;padding:7px 14px;display:inline-flex}.segment-keuze>span:hover{color:var(--nook-color-text);background:color-mix(in srgb, var(--nook-color-text) 5%, transparent)}.segment-keuze input:checked+span{background:var(--nook-color-accent-tint);color:var(--nook-color-accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nook-color-accent) 45%, transparent);font-weight:600}.segment-keuze input:focus-visible+span{box-shadow:var(--nook-focus-ring)}.segment-keuze input:disabled+span{opacity:.45;cursor:not-allowed;background:0 0}.segment-merk{display:inline-grid}.segment-merk svg{width:16px;height:16px}.tekstknop{border-radius:var(--nook-radius-xs);color:var(--nook-color-accent-text);font:600 13.5px var(--nook-font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 2px;display:inline-flex}.tekstknop svg{width:16px;height:16px}.tekstknop:hover:not(:disabled){color:var(--nook-color-accent-text-hover)}.tekstknop:focus-visible{box-shadow:var(--nook-focus-ring);outline:none}.tekstknop:disabled{color:var(--nook-color-text-muted);cursor:not-allowed}.duurkiezer{gap:10px}.duur-eigen{margin-top:-2px}.duurlijst{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.duurlijst-item{border:1px solid var(--invoer-rand,var(--nook-color-border-strong));border-radius:var(--nook-radius-sm);background:var(--nook-color-surface-raised);min-height:36px;font:500 13.5px var(--nook-font-body);color:var(--nook-color-text);align-items:center;gap:8px;padding:4px 4px 4px 12px;display:inline-flex}.duurlijst-item.standaard{border-color:color-mix(in srgb, var(--nook-color-accent) 55%, transparent);padding-right:8px}.duurlijst-badge{border-radius:var(--nook-radius-xs);background:var(--nook-color-accent-tint);color:var(--nook-color-accent-text);font:600 11px/1.2 var(--nook-font-body);padding:3px 7px}.duurlijst-maak,.duurlijst-weg{color:var(--nook-color-text-muted);cursor:pointer;border-radius:var(--nook-radius-xs);background:0 0;border:0}.duurlijst-maak{font:600 12px var(--nook-font-body);color:var(--nook-color-accent-text);opacity:0;transition:opacity var(--nook-duration-base) ease;padding:3px 6px}.duurlijst-item:hover .duurlijst-maak,.duurlijst-maak:focus-visible{opacity:1}@media (hover:none){.duurlijst-maak{opacity:1}}.duurlijst-weg{place-items:center;width:26px;height:26px;display:inline-grid}.duurlijst-weg svg{width:14px;height:14px}.duurlijst-weg:hover{color:var(--nook-color-text);background:color-mix(in srgb, var(--nook-color-text) 7%, transparent)}.duurlijst-maak:focus-visible,.duurlijst-weg:focus-visible{box-shadow:var(--nook-focus-ring);outline:none}.duur-toevoegen{flex-wrap:wrap;align-items:center;gap:4px 14px;display:flex}.duur-toevoegen .uitleg a{color:var(--nook-color-accent-text)}.duur-voorstellen{flex-wrap:wrap;gap:6px;display:flex}.tegels{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.tegel{border:1px solid var(--invoer-rand,var(--nook-color-border-strong));border-radius:var(--nook-radius-md);background:var(--nook-color-surface-raised);transition:border-color var(--nook-duration-base) var(--nook-ease-standard), box-shadow var(--nook-duration-base) var(--nook-ease-standard), background-color var(--nook-duration-base) ease;flex-direction:column;display:flex;position:relative}.tegel:not(.uit):hover{border-color:color-mix(in srgb, var(--nook-color-text) 35%, var(--invoer-rand,var(--nook-color-border-strong)))}.tegel.gekozen{border-color:var(--nook-color-accent);background:color-mix(in srgb, var(--nook-color-accent-tint) 55%, var(--nook-color-surface-raised));box-shadow:0 0 0 3px color-mix(in srgb, var(--nook-color-accent) 16%, transparent)}.tegel:has(input:focus-visible){box-shadow:var(--nook-focus-ring)}.tegel-keuze{cursor:pointer;flex:1;align-content:start;gap:4px;padding:14px 14px 12px;display:grid}.tegel.uit .tegel-keuze{cursor:not-allowed}.tegel-merk{place-items:center;width:36px;height:36px;margin-bottom:6px;display:grid}.tegel-merk svg{width:30px;height:30px}.tegel-merk.lijn{border-radius:var(--nook-radius-sm);background:var(--nook-color-accent-tint);color:var(--nook-color-accent-text)}.tegel-merk.lijn svg{width:19px;height:19px}.tegel.uit .tegel-merk{filter:grayscale();opacity:.5}.tegel-naam{font:600 14px/1.3 var(--nook-font-body);color:var(--nook-color-text)}.tegel.uit .tegel-naam{color:var(--nook-color-text-muted)}.tegel-tekst{font:400 12.5px/1.45 var(--nook-font-body);color:var(--nook-color-text-muted)}.tegel-vink{border-radius:var(--nook-radius-full);background:var(--nook-color-accent);width:20px;height:20px;color:var(--nook-color-text-on-accent);opacity:0;transition:opacity var(--nook-duration-base) ease, transform var(--nook-duration-slow) var(--nook-ease-out);padding:3px;position:absolute;top:10px;right:10px;transform:scale(.6)}.tegel.gekozen .tegel-vink{opacity:1;transform:none}.tegel-link{font:600 12.5px var(--nook-font-body);color:var(--nook-color-accent-text);padding:0 14px 12px}.tegel-vervolg{margin-top:6px}.meer-opties{padding:16px var(--nook-space-6);border-top:1px solid var(--nook-color-border);flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.meer-opties-pijl{transition:transform .3s var(--nook-ease-out)}.meer-opties-knop[aria-expanded=true] .meer-opties-pijl{transform:rotate(180deg)}.meer-deel{opacity:0;visibility:hidden;transition:grid-template-rows .34s var(--nook-ease-out), opacity .2s ease, margin-top .34s var(--nook-ease-out), visibility 0s linear .34s;grid-template-rows:0fr;display:grid}.meer-deel.open{opacity:1;visibility:visible;transition:grid-template-rows .34s var(--nook-ease-out), opacity .28s ease 60ms, margin-top .34s var(--nook-ease-out), visibility 0s;grid-template-rows:1fr}.meer-deel-binnen{min-height:0;overflow:hidden}.meer-deel .sectie:first-child{border-top:1px solid var(--nook-color-border)}.meer-deel.in-kolom:not(.open){margin-top:calc(-1 * var(--nook-space-6))}.meer-deel.in-kolom .sectie:first-child{border-top:0}.meer-deel.in-kolom>.meer-deel-binnen{margin:-6px;padding:6px}@media (max-width:820px){.meer-opties{padding:14px var(--nook-space-4)}.tegels{grid-template-columns:repeat(2,minmax(0,1fr))}.segment{width:100%}.segment-keuze{flex:1}.segment-keuze>span{flex:1;justify-content:center;padding:8px 10px}}@media (prefers-reduced-motion:reduce){.zin-blok{animation:none}.meer-deel,.meer-deel.open,.zin-pijl,.meer-opties-pijl,.tegel-vink{transition:none}}