@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300..800&family=Geist+Mono:wght@400..600&display=swap");:root{--white:#ffffff;--n-25:#fcfcfb;--n-50:#f8f8f7;--n-100:#f2f2f0;--n-150:#ebebe8;--n-200:#e4e4e0;--n-300:#d3d3ce;--n-400:#a8a8a2;--n-500:#8b8b85;--n-600:#6e6e68;--n-700:#4c4c47;--n-800:#2b2b28;--n-900:#171715;--n-950:#0b0b0a;--lime-50:#f6fce9;--lime-100:#ecf9cc;--lime-200:#ddf3a4;--lime-300:#cdec78;--lime-400:#c4ea4e;--lime-500:#aedc2e;--lime-600:#93bd1f;--lime-700:#6f8f19;--violet-50:#f5f0ff;--violet-100:#ebe2ff;--violet-200:#d8c9ff;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6820d9;--pink-100:#fce7f3;--pink-400:#f472b6;--pink-500:#ec4899;--pink-600:#d9268a;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#e0620c;--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-500:#22c55e;--green-600:#16a34a;--green-700:#128040;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-500:#f59e0b;--amber-600:#d97706;--red-50:#fef2f2;--red-100:#fee2e2;--red-200:#fecaca;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--text-11:11px;--text-12:12px;--text-13:13px;--text-14:14px;--text-15:15px;--text-16:16px;--text-18:18px;--text-20:20px;--text-24:24px;--text-30:30px;--text-38:38px;--text-48:48px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-display:-0.032em;--tracking-heading:-0.02em;--tracking-normal:0;--tracking-eyebrow:0.06em;--type-display:var(--weight-bold) var(--text-38)/var(--leading-tight) var(--font-sans);--type-page:var(--weight-bold) var(--text-30)/var(--leading-tight) var(--font-sans);--type-section:var(--weight-semibold) var(--text-16)/var(--leading-snug) var(--font-sans);--type-card:var(--weight-semibold) var(--text-14)/var(--leading-snug) var(--font-sans);--type-body:var(--weight-regular) var(--text-14)/var(--leading-normal) var(--font-sans);--type-small:var(--weight-regular) var(--text-13)/var(--leading-normal) var(--font-sans);--type-micro:var(--weight-regular) var(--text-12)/var(--leading-normal) var(--font-sans);--type-metric:var(--weight-bold) var(--text-30)/1 var(--font-sans);--type-code:var(--weight-regular) var(--text-13)/var(--leading-normal) var(--font-mono);--space-0:0px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-10:20px;--space-12:24px;--space-14:28px;--space-16:32px;--space-20:40px;--space-24:48px;--space-32:64px;--sidebar-width:240px;--sidebar-width-collapsed:64px;--topbar-height:72px;--card-padding:20px;--card-padding-lg:24px;--grid-gap:16px;--page-padding-x:24px;--page-padding-y:24px;--row-height:44px;--control-height:36px;--control-height-sm:30px;--control-height-lg:44px;--radius-2:4px;--radius-3:6px;--radius-4:8px;--radius-5:10px;--radius-6:12px;--radius-7:14px;--radius-8:16px;--radius-full:999px;--radius-card:var(--radius-6);--radius-control:var(--radius-5);--radius-input:var(--radius-5);--radius-tile:var(--radius-4);--radius-nav:var(--radius-4);--radius-modal:var(--radius-8);--radius-pill:var(--radius-full);--shadow-none:none;--shadow-xs:0 1px 2px rgba(11,11,10,0.04);--shadow-sm:0 1px 3px rgba(11,11,10,0.05),0 1px 2px rgba(11,11,10,0.03);--shadow-md:0 4px 12px rgba(11,11,10,0.06),0 1px 3px rgba(11,11,10,0.04);--shadow-lg:0 12px 32px rgba(11,11,10,0.10),0 2px 6px rgba(11,11,10,0.05);--shadow-modal:0 24px 64px rgba(11,11,10,0.16),0 2px 8px rgba(11,11,10,0.06);--shadow-drag:0 8px 20px rgba(11,11,10,0.14);--ring-focus:0 0 0 3px rgba(139,92,246,0.20);--ring-focus-danger:0 0 0 3px rgba(220,38,38,0.18);--ring-inset:inset 0 0 0 1px var(--n-200);--duration-instant:80ms;--duration-fast:130ms;--duration-base:190ms;--duration-slow:280ms;--ease-out:cubic-bezier(0.22,0.8,0.28,1);--ease-in-out:cubic-bezier(0.5,0,0.5,1);--ease-entrance:cubic-bezier(0.16,0.9,0.24,1);--transition-control:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);--surface-page:var(--white);--surface-card:var(--white);--surface-sunken:var(--n-50);--surface-hover:var(--n-50);--surface-active:var(--n-100);--surface-selected:var(--n-100);--surface-inverse:var(--n-950);--surface-overlay:rgba(11,11,10,0.32);--text-primary:var(--n-950);--text-secondary:var(--n-700);--text-muted:var(--n-500);--text-faint:var(--n-400);--text-inverse:var(--white);--text-link:var(--violet-600);--text-link-hover:var(--violet-700);--border-subtle:var(--n-150);--border-default:var(--n-200);--border-strong:var(--n-300);--border-focus:var(--violet-500);--divider:var(--n-150);--divider-dashed:var(--n-200);--action-primary-bg:var(--lime-400);--action-primary-bg-hover:var(--lime-500);--action-primary-bg-active:var(--lime-600);--action-primary-fg:var(--n-950);--action-secondary-bg:var(--white);--action-secondary-bg-hover:var(--n-50);--action-secondary-fg:var(--n-900);--action-secondary-border:var(--n-200);--action-ghost-bg-hover:var(--n-100);--action-ghost-fg:var(--n-700);--action-danger-bg:var(--red-600);--action-danger-bg-hover:var(--red-700);--action-danger-fg:var(--white);--status-neutral-bg:var(--n-100);--status-neutral-fg:var(--n-600);--status-progress-bg:var(--violet-50);--status-progress-fg:var(--violet-600);--status-pending-bg:var(--amber-50);--status-pending-fg:var(--amber-600);--status-done-bg:var(--green-50);--status-done-fg:var(--green-600);--status-overdue-bg:var(--red-50);--status-overdue-fg:var(--red-600);--chart-1:var(--violet-500);--chart-2:var(--orange-500);--chart-3:var(--lime-500);--chart-4:var(--pink-500);--chart-5:var(--n-400);--chart-track:var(--n-100);--chart-grid:var(--n-150);--chart-area-from:rgba(139,92,246,0.22);--chart-area-to:rgba(139,92,246,0);--gradient-hero:linear-gradient(96deg,#8b5cf6,#ec4899 46%,#f97316);--gradient-promo:linear-gradient(102deg,#bdf08a,#dff57a 52%,#f4f06b);--brand-tile-bg:var(--n-950);--brand-tile-fg:var(--lime-400);--brand-tile-size:30px;--brand-tile-radius:var(--radius-tile)}*,:after,:before{box-sizing:border-box}body{margin:0;font:var(--type-body);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:2px}::selection{background:var(--lime-200)}:focus-visible:not(input):not(textarea):not(select){outline:none;box-shadow:var(--ring-focus);border-radius:var(--radius-3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--n-200);border-radius:var(--radius-full);border:3px solid var(--white)}::-webkit-scrollbar-thumb:hover{background:var(--n-300)}:root{--violet-800:#58179f;--action-primary-bg:var(--violet-600);--action-primary-bg-hover:var(--violet-700);--action-primary-bg-active:var(--violet-800);--action-primary-fg:var(--white);--brand-tile-fg:var(--violet-400);--board-paneel:#f1f2f4;--board-opening:#dfe1e6;--board-kaart-schaduw:0 1px 1px rgba(0,0,0,0.19);--board-kaart-schaduw-hover:0 2px 4px rgba(0,0,0,0.20);--board-paars:#8A4096;--pil-kaart-bg:#dbeafe;--pil-kaart-fg:#1d4ed8;--cat-ma:var(--violet-500);--cat-sla:var(--green-500);--cat-wb:#2563eb;--cat-ov:var(--n-400);--cat-ik:var(--amber-500);--type-h3:var(--weight-bold) var(--text-20)/var(--leading-tight) var(--font-sans);--type-label:var(--weight-medium) var(--text-11)/1 var(--font-sans);--profielkleur-rood:#E02424;--profielkleur-oranje:#F07800;--profielkleur-geel:#F2C100;--profielkleur-groen:#1F9D45;--profielkleur-donkergroen:#155E3A;--profielkleur-turkoois:#00A8A8;--profielkleur-lichtblauw:#38A6F0;--profielkleur-blauw:#135CAE;--profielkleur-paars:#6227A5;--profielkleur-roze:#E8408E;--profielkleur-wijnrood:#8E1B3A;--profielkleur-bruin:#8A5326;--vast-wit:#ffffff;--vast-zwart:#0b0b0a;--bord-antraciet:#171715;--bord-groen:#16a34a;--bord-oranje:#e0620c;--feest-rand:#d4a017;--feest-vlak:#fff8e1;--label-slate-bg:#e4e4e0;--label-slate-fg:#4c4c47;--label-red-bg:#fee2e2;--label-red-fg:#b91c1c;--label-orange-bg:#ffedd5;--label-orange-fg:#c2560b;--label-amber-bg:#fef3c7;--label-amber-fg:#a16207;--label-green-bg:#dcfce7;--label-green-fg:#128040;--label-teal-bg:#ccfbf1;--label-teal-fg:#0f766e;--label-sky-bg:#e0f2fe;--label-sky-fg:#0369a1;--label-blue-bg:#dbeafe;--label-blue-fg:#1d4ed8;--label-indigo-bg:#e0e7ff;--label-indigo-fg:#4338ca;--label-violet-bg:#ebe2ff;--label-violet-fg:#6820d9;--label-pink-bg:#fce7f3;--label-pink-fg:#be1b70;--label-brown-bg:#efe6dd;--label-brown-fg:#7c5a3f}::selection{background:var(--violet-100);color:var(--n-950)}:root[data-theme=donker]{color-scheme:dark;--white:#1c1c1a;--n-25:#191917;--n-50:#222220;--n-100:#2a2a27;--n-150:#31312e;--n-200:#3a3a36;--n-300:#4a4a45;--n-400:#77776f;--n-500:#93938b;--n-600:#adada5;--n-700:#c6c6bf;--n-800:#deded8;--n-900:#ecece7;--n-950:#f6f6f3;--lime-50:#1d2410;--lime-100:#263012;--lime-200:#323f18;--violet-50:#221a35;--violet-100:#2c2145;--violet-200:#3b2c5e;--pink-100:#3a1a2c;--orange-50:#2c1d10;--orange-100:#3a2614;--green-50:#132419;--green-100:#172f20;--green-200:#1e3f2a;--amber-50:#2a2110;--amber-100:#372b12;--amber-200:#4a3916;--red-50:#2c1616;--red-100:#3a1b1b;--red-200:#4d2323;--lime-600:#bef264;--violet-600:#b197fc;--violet-700:#c4b5fd;--violet-800:#ddd6fe;--pink-600:#f472b6;--orange-600:#fb923c;--green-600:#4ade80;--green-700:#86efac;--amber-600:#fbbf24;--red-600:#f87171;--red-700:#fca5a5;--action-primary-bg:#7c3aed;--action-primary-bg-hover:#6820d9;--action-primary-bg-active:#58179f;--action-danger-bg:#dc2626;--action-danger-bg-hover:#b91c1c;--surface-page:#141413;--surface-overlay:rgba(0,0,0,0.6);--action-primary-fg:var(--vast-wit);--action-danger-fg:var(--vast-wit);--text-inverse:var(--white);--brand-tile-bg:var(--n-100);--chart-area-from:rgba(167,139,250,0.22);--chart-area-to:rgba(167,139,250,0);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 1px 3px rgba(0,0,0,0.35),0 1px 2px rgba(0,0,0,0.25);--shadow-md:0 4px 12px rgba(0,0,0,0.4),0 1px 3px rgba(0,0,0,0.3);--shadow-lg:0 12px 32px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.3);--shadow-modal:0 24px 64px rgba(0,0,0,0.6),0 2px 8px rgba(0,0,0,0.35);--shadow-drag:0 8px 20px rgba(0,0,0,0.5);--board-paneel:#161615;--board-opening:#2a2a27;--board-kaart-schaduw:0 1px 1px rgba(0,0,0,0.5);--board-kaart-schaduw-hover:0 2px 4px rgba(0,0,0,0.6);--feest-rand:#e8b931;--feest-vlak:#2e2610;--pil-kaart-bg:#172554;--pil-kaart-fg:#93c5fd;--label-slate-bg:#3a3a36;--label-slate-fg:#d3d3ce;--label-red-bg:#4d2323;--label-red-fg:#fca5a5;--label-orange-bg:#4a2a12;--label-orange-fg:#fdba74;--label-amber-bg:#4a3916;--label-amber-fg:#fcd34d;--label-green-bg:#1e3f2a;--label-green-fg:#86efac;--label-teal-bg:#133b37;--label-teal-fg:#5eead4;--label-sky-bg:#12324a;--label-sky-fg:#7dd3fc;--label-blue-bg:#172554;--label-blue-fg:#93c5fd;--label-indigo-bg:#232a5c;--label-indigo-fg:#a5b4fc;--label-violet-bg:#3b2c5e;--label-violet-fg:#c4b5fd;--label-pink-bg:#4a1a35;--label-pink-fg:#f9a8d4;--label-brown-bg:#3d2e22;--label-brown-fg:#d6b896}:root{color-scheme:light}body,html{height:100%}@keyframes ds-fade{0%{opacity:0}to{opacity:1}}@keyframes ds-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ds-slide{0%{transform:translateX(16px);opacity:0}to{transform:none;opacity:1}}@keyframes ds-feest-val{0%{opacity:1;transform:translate(0) rotate(0deg)}85%{opacity:1}to{opacity:0;transform:translate(var(--zwaai),105vh) rotate(var(--draai))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.bord{scrollbar-width:thin;scrollbar-color:rgba(11,11,10,.22) rgba(255,255,255,.75)}.bord ::-webkit-scrollbar{width:6px;height:6px}.bord ::-webkit-scrollbar-track{background:rgba(255,255,255,.75);border-radius:3px}.bord ::-webkit-scrollbar-track-piece{background:transparent}.bord ::-webkit-scrollbar-thumb{background:rgba(11,11,10,.22);border-radius:3px}.bord ::-webkit-scrollbar-thumb:hover{background:rgba(11,11,10,.34)}.bord::-webkit-scrollbar-track{background:transparent}:root[data-theme=donker] .bord{scrollbar-color:rgba(255,255,255,.24) rgba(0,0,0,.35)}:root[data-theme=donker] .bord ::-webkit-scrollbar-track{background:rgba(0,0,0,.35)}:root[data-theme=donker] .bord ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24)}:root[data-theme=donker] .bord ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.36)}:root[data-theme=donker] .bord::-webkit-scrollbar-track{background:transparent}.kaartpaneel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);grid-gap:var(--space-10);gap:var(--space-10);align-items:stretch}.kaartpaneel>*{min-width:0}.kaartpaneel>:last-child{border-left:1px solid var(--border-subtle);background:var(--n-100);margin:calc(-1 * var(--card-padding-lg)) calc(-1 * var(--card-padding-lg)) calc(-1 * var(--card-padding-lg)) 0;padding:var(--card-padding-lg);border-bottom-right-radius:var(--radius-modal)}@media (min-width:901px){.kaartpaneel{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr)}.kaartpaneel>*{overflow-y:auto;min-height:0}.kaartpaneel>:first-child{padding-right:var(--space-4)}}@media (max-width:900px){.kaartpaneel{grid-template-columns:1fr;gap:0}.kaartpaneel>:last-child{border-left:none;margin:var(--space-8) calc(-1 * var(--card-padding-lg)) calc(-1 * var(--card-padding-lg));border-bottom-right-radius:0}}.gesprek{display:flex;align-items:stretch;min-height:0}.gesprek,.gesprek>:first-child{flex:1 1;min-width:0}.gesprek-bijlagen{flex:none;width:300px;display:flex;flex-direction:column;min-height:0;margin-left:var(--space-7);border-left:1px solid var(--border-subtle);background:var(--n-25)}@media (max-width:900px){.gesprek{flex-direction:column}.gesprek-bijlagen{width:auto;max-height:40%;margin:var(--space-6) 0 0;border-left:none;border-top:1px solid var(--border-subtle)}}.noemveld{border:1px solid var(--border-default)}.noemveld:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus)}.noemveld:empty:before{content:attr(data-placeholder);color:var(--text-faint);pointer-events:none}.overleg{display:grid;grid-template-columns:300px minmax(0,1fr);flex:1 1;min-width:0;min-height:0;background:var(--surface-page)}.overleg-lijst{border-right:1px solid var(--border-subtle);background:var(--n-25)}.overleg-gesprek,.overleg-lijst{display:flex;flex-direction:column;min-height:0}.overleg-gesprek{min-width:0;padding:var(--card-padding-lg)}@media (max-width:900px){.overleg{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,40vh) minmax(0,1fr)}.overleg-lijst{border-right:none;border-bottom:1px solid var(--border-subtle)}}.support{display:grid;grid-template-columns:400px minmax(0,1fr) 280px;flex:1 1;min-width:0;min-height:0;background:var(--surface-page)}.support-lijst{border-right:1px solid var(--border-subtle);background:var(--n-25)}.support-gesprek,.support-lijst{display:flex;flex-direction:column;min-height:0}.support-gesprek{min-width:0;overflow-y:auto;padding:var(--card-padding-lg)}.support-context{min-width:0;min-height:0;overflow-y:auto;border-left:1px solid var(--border-subtle);background:var(--n-25);padding:var(--space-8)}@media (max-width:1200px){.support{grid-template-columns:300px minmax(0,1fr)}.support-context{display:none}}@media (max-width:900px){.support{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,40vh) minmax(0,1fr)}.support-lijst{border-right:none;border-bottom:1px solid var(--border-subtle)}}.ai-tekst ol{list-style:none;counter-reset:ai-stap}.ai-tekst ol>li{position:relative;counter-increment:ai-stap;margin-left:-20px;padding:var(--space-5) 0 var(--space-5) 26px;border-top:1px solid var(--border-subtle)}.ai-tekst ol>li:first-child{border-top:none}.ai-tekst ol>li:before{content:counter(ai-stap);position:absolute;left:0;top:var(--space-5);width:18px;height:18px;line-height:18px;text-align:center;border-radius:var(--radius-2);background:var(--violet-100);color:var(--violet-700);font-size:var(--text-11);font-weight:var(--weight-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.roadmap-kolommen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--grid-gap);gap:var(--grid-gap);align-items:start}@media (max-width:1100px){.roadmap-kolommen{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.roadmap-kolommen{grid-template-columns:minmax(0,1fr)}}.roadmap-uitleg{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}html.praat-scherm,html.praat-scherm body{overflow:hidden;overscroll-behavior:none;height:100%}html.praat-scherm input,html.praat-scherm textarea{font-size:16px!important}.gesprekken-raster{display:grid;grid-template-columns:320px minmax(0,1fr);grid-gap:var(--grid-gap);gap:var(--grid-gap);align-items:start}@media (max-width:900px){.gesprekken-raster{grid-template-columns:1fr}}@keyframes ds-vink-plop{0%{transform:scale(.6)}55%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes ds-vink-teken{0%{stroke-dashoffset:9}to{stroke-dashoffset:0}}@keyframes ds-vink-spat{0%{opacity:1;transform:translate(0) rotate(0deg) scale(1)}60%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--draai)) scale(1)}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 8px)) rotate(calc(var(--draai) * 1.6)) scale(.6)}}@keyframes ds-vink-gloed{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--status-done-fg) 55%,transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb,var(--status-done-fg) 0%,transparent)}}@media (hover:none){.ds-vink-open{display:none!important}.ds-vink-titel-open{transform:none!important;margin-right:0!important}}