@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{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-paars:#8A4096}::selection{background:var(--violet-100);color:var(--n-950)}: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}}@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}.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 (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}}.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}