:root{--font-display:"Spectral", Georgia, "Times New Roman", serif;--font-sans:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4rem;--leading-tight:1.12;--leading-snug:1.3;--leading-normal:1.55;--tracking-tight:-.02em;--tracking-wide:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--n-0:oklch(100% 0 0);--n-50:oklch(97.5% .013 82);--n-100:oklch(95.5% .017 82);--n-200:oklch(91.5% .018 82);--n-300:oklch(85.5% .018 82);--n-400:oklch(70% .016 82);--n-500:oklch(57.5% .014 80);--n-600:oklch(47.5% .012 78);--n-700:oklch(38.5% .011 76);--n-800:oklch(27% .01 75);--n-900:oklch(19.5% .009 75);--n-950:oklch(14% .008 75);--success:oklch(58% .12 150);--warning:oklch(70% .13 75);--danger:oklch(56% .16 27);--info:oklch(58% .1 235);--shadow-xs:0 1px 2px oklch(20% .01 75/.06);--shadow-sm:0 1px 3px oklch(20% .01 75/.08), 0 1px 2px oklch(20% .01 75/.05);--shadow-md:0 4px 12px oklch(20% .01 75/.09), 0 2px 4px oklch(20% .01 75/.05);--shadow-lg:0 12px 32px oklch(20% .01 75/.12), 0 4px 8px oklch(20% .01 75/.06);--shadow-xl:0 24px 56px oklch(20% .01 75/.16);--ring:0 0 0 3px color-mix(in oklch, var(--accent) 35%, transparent);--transition:.16s cubic-bezier(.4, 0, .2, 1)}:root,[data-theme=light]{--bg:var(--n-50);--surface:var(--n-0);--surface-2:var(--n-100);--surface-3:var(--n-200);--border:var(--n-200);--border-strong:var(--n-300);--text:var(--n-900);--text-muted:var(--n-600);--text-subtle:var(--n-500);--text-inverse:var(--n-50);--success-soft:color-mix(in oklch, var(--success) 14%, var(--surface));--warning-soft:color-mix(in oklch, var(--warning) 18%, var(--surface));--danger-soft:color-mix(in oklch, var(--danger) 13%, var(--surface));--info-soft:color-mix(in oklch, var(--info) 13%, var(--surface));--heat-1:oklch(90% .045 150);--heat-ink-1:var(--n-900);--heat-2:oklch(87% .1 128);--heat-ink-2:var(--n-900);--heat-3:oklch(85% .135 90);--heat-ink-3:var(--n-900);--heat-4:oklch(74% .155 52);--heat-ink-4:var(--n-900);--heat-5:oklch(60% .185 27);--heat-ink-5:var(--n-0)}[data-theme=dark]{--bg:var(--n-950);--surface:var(--n-900);--surface-2:var(--n-800);--surface-3:var(--n-700);--border:color-mix(in oklch, var(--n-700) 70%, transparent);--border-strong:var(--n-600);--text:var(--n-50);--text-muted:var(--n-300);--text-subtle:var(--n-400);--text-inverse:var(--n-950);--success-soft:color-mix(in oklch, var(--success) 22%, var(--surface));--warning-soft:color-mix(in oklch, var(--warning) 22%, var(--surface));--danger-soft:color-mix(in oklch, var(--danger) 22%, var(--surface));--info-soft:color-mix(in oklch, var(--info) 22%, var(--surface));--heat-1:oklch(42% .055 150);--heat-ink-1:var(--n-50);--heat-2:oklch(50% .105 128);--heat-ink-2:var(--n-50);--heat-3:oklch(58% .14 90);--heat-ink-3:var(--n-950);--heat-4:oklch(64% .165 52);--heat-ink-4:var(--n-950);--heat-5:oklch(70% .175 27);--heat-ink-5:var(--n-950);--shadow-sm:0 1px 3px oklch(0% 0 0/.4);--shadow-md:0 4px 12px oklch(0% 0 0/.45);--shadow-lg:0 12px 32px oklch(0% 0 0/.5);--shadow-xl:0 24px 56px oklch(0% 0 0/.55)}:root,[data-brand=valk]{--accent:oklch(51.5% .098 150);--accent-hover:oklch(45% .098 150);--accent-contrast:var(--n-0);--accent-2:#bb9a61;--accent-2-contrast:var(--n-900)}[data-brand=biometha]{--accent:#f47c20;--accent-hover:#d96a12;--accent-contrast:var(--n-0);--accent-2:oklch(60% .105 145);--accent-2-contrast:var(--n-0)}[data-brand=calm]{--accent:oklch(55% .105 233);--accent-hover:oklch(49% .105 233);--accent-contrast:var(--n-0);--accent-2:oklch(80% .075 210);--accent-2-contrast:var(--n-900)}[data-brand=surf]{--accent:oklch(62% .175 240);--accent-hover:oklch(55% .175 240);--accent-contrast:var(--n-0);--accent-2:#b88a44;--accent-2-contrast:var(--n-0)}[data-brand=croissant]{--accent:oklch(54.5% .095 62);--accent-hover:oklch(47.5% .095 62);--accent-contrast:var(--n-0);--accent-2:oklch(88.5% .045 82);--accent-2-contrast:var(--n-900)}[data-theme=dark][data-brand=valk],[data-theme=dark]:root{--accent:oklch(66% .105 150);--accent-hover:oklch(72% .1 150)}[data-theme=dark][data-brand=biometha]{--accent:#f78b3a;--accent-hover:#ffa24f}[data-theme=dark][data-brand=calm]{--accent:oklch(68% .105 233);--accent-hover:oklch(74% .1 233)}[data-theme=dark][data-brand=surf]{--accent:oklch(72% .165 240);--accent-hover:oklch(78% .15 240)}[data-theme=dark][data-brand=croissant]{--accent:oklch(70% .09 64);--accent-hover:oklch(76% .085 64)}:root{--accent-soft:color-mix(in oklch, var(--accent) 14%, var(--surface));--accent-softer:color-mix(in oklch, var(--accent) 7%, var(--surface));--accent-border:color-mix(in oklch, var(--accent) 32%, var(--border));--accent-2-soft:color-mix(in oklch, var(--accent-2) 60%, var(--surface))}*,:before,:after{box-sizing:border-box}body.hs{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);margin:0}.hs h1,.hs h2,.hs h3,.hs h4{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text);margin:0}.t-display{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.t-h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.t-h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-snug)}.t-h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600}.t-h4{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.t-lead{font-size:var(--text-lg);color:var(--text-muted);line-height:var(--leading-normal)}.t-body{font-size:var(--text-base)}.t-small{font-size:var(--text-sm);color:var(--text-muted)}.t-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--accent);font-weight:600}.t-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);white-space:nowrap;padding:0 var(--space-5);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;height:42px;transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);border:1px solid #0000;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:translateY(.5px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-subtle)}.btn--soft{background:var(--accent-soft);color:var(--accent)}.btn--soft:hover:not(:disabled){background:color-mix(in oklch, var(--accent) 22%, var(--surface))}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger);color:var(--n-0)}.btn--danger:hover:not(:disabled){background:color-mix(in oklch, var(--danger) 85%, black)}.btn--sm{height:34px;padding:0 var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn--lg{height:50px;padding:0 var(--space-6);font-size:var(--text-base)}.btn--icon{width:42px;padding:0}.btn--block{width:100%;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.label{font-size:var(--text-sm);color:var(--text);font-weight:600}.hint{font-size:var(--text-xs);color:var(--text-subtle)}.input,.select,.textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-3);height:42px;transition:border-color var(--transition), box-shadow var(--transition)}.textarea{height:auto;padding:var(--space-3);resize:vertical;min-height:96px;line-height:var(--leading-normal)}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.input:disabled{background:var(--surface-2);color:var(--text-subtle);cursor:not-allowed}.input--sm,.select--sm{height:34px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.input--error{border-color:var(--danger)}.input--error:focus{box-shadow:0 0 0 3px color-mix(in oklch, var(--danger) 30%, transparent)}.error-text{font-size:var(--text-xs);color:var(--danger)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.check{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.toggle{cursor:pointer;width:42px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle .track{background:var(--surface-3);border-radius:var(--radius-full);transition:background var(--transition);position:absolute;inset:0}.toggle .track:before{content:"";background:var(--n-0);width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--transition);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.track{background:var(--accent)}.toggle input:checked+.track:before{transform:translate(18px)}.toggle input:focus-visible+.track{box-shadow:var(--ring)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card__body{padding:var(--space-6)}.card__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--surface-2)}.card--hover{transition:box-shadow var(--transition), transform var(--transition)}.card--hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.toolbalk .card__body{padding:var(--space-3) var(--space-4)}.toolbalk__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);font-weight:600}.toolbalk__uitleg{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--text-muted);max-width:90ch;line-height:1.5}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);height:24px;font-weight:600;line-height:1;display:inline-flex}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--neutral{background:var(--surface-2);color:var(--text-muted)}.badge--success{background:var(--success-soft);color:color-mix(in oklch, var(--success) 75%, var(--text))}.badge--warning{background:var(--warning-soft);color:color-mix(in oklch, var(--warning) 60%, var(--text))}.badge--danger{background:var(--danger-soft);color:color-mix(in oklch, var(--danger) 80%, var(--text))}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.formula{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);flex-wrap:wrap;display:flex}.formula__op{color:var(--text-muted)}.formula__term{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.formula__term--ref{background:var(--info-soft);border-color:#0000}.formula__term--margin{background:var(--accent-soft);color:var(--accent);border-color:#0000}.alert{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);align-items:flex-start;display:flex}.alert__icon{width:20px;height:20px;color:var(--n-0);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.alert--success{background:var(--success-soft);border-color:color-mix(in oklch, var(--success) 30%, transparent)}.alert--success .alert__icon{background:var(--success)}.alert--warning{background:var(--warning-soft);border-color:color-mix(in oklch, var(--warning) 35%, transparent)}.alert--warning .alert__icon{background:var(--warning)}.alert--danger{background:var(--danger-soft);border-color:color-mix(in oklch, var(--danger) 30%, transparent)}.alert--danger .alert__icon{background:var(--danger)}.alert--info{background:var(--info-soft);border-color:color-mix(in oklch, var(--info) 30%, transparent)}.alert--info .alert__icon{background:var(--info)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;background:var(--surface);overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead th{text-align:left;color:var(--text-muted);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) var(--space-3);background:var(--surface-2);border-bottom:1px solid var(--border)}.table tbody td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--text);vertical-align:top}.table td.num,.table th.right,.table .badge,.table thead th{white-space:nowrap}.table td:nth-child(3),.table th:nth-child(3),.table td:nth-child(4),.table th:nth-child(4){max-width:170px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition)}.table tbody tr:hover{background:var(--accent-softer)}table.table--cijfers{border-collapse:separate;border-spacing:0;min-width:max-content;font-size:13.5px}.table--cijfers thead th{background:var(--surface);border-bottom:1px solid var(--border-strong);color:var(--text-subtle);letter-spacing:.05em;padding:6px 10px;font-size:11.5px}.table--cijfers tbody td{border-bottom:1px solid var(--border);vertical-align:baseline;padding:5px 10px}.table--cijfers .pct-cel{color:var(--text-subtle);padding-left:0;font-size:12px}.table--cijfers tbody tr.rij-sterk>td{background:var(--surface-2);font-weight:600}.table--cijfers .col-vast{z-index:1;background:var(--surface);border-right:1px solid var(--border);white-space:nowrap;min-width:220px;position:sticky;left:0}.table--cijfers thead .col-vast{z-index:2}.table--cijfers tbody tr.rij-sterk .col-vast{background:var(--surface-2)}.table--cijfers tbody tr:hover{background:0 0}.table--cijfers tbody tr.rij-uitklapbaar:hover>td,.table--cijfers tbody tr.rij-uitklapbaar:hover .col-vast{background:var(--accent-softer)}.table--cijfers td:nth-child(3),.table--cijfers th:nth-child(3),.table--cijfers td:nth-child(4),.table--cijfers th:nth-child(4){max-width:none}@media (width<=720px){.table--cijfers .col-vast{white-space:normal;min-width:0;max-width:42vw}}.cel-knop{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;margin:0;padding:0;display:block}.cel-knop:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}.cel-knop .chevron{width:1em;color:var(--text-subtle);margin-left:-1em;font-size:.8em;display:inline-block}.table--cijfers tbody tr.rij-detail td{color:var(--text-muted)}.table--cijfers tbody tr.rij-open .col-vast{color:var(--text);font-weight:600}.detail-note{margin-left:var(--space-2);font-size:var(--text-xs);color:var(--text-subtle)}.table--cijfers td.melding-cel{white-space:normal;background:var(--surface);max-width:66ch;color:var(--text-muted);font-size:var(--text-xs);position:sticky;left:0}.topnav{align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.topnav__links{gap:var(--space-1);margin-left:var(--space-4);display:flex}.navlink{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);font-weight:500;text-decoration:none}.navlink:hover{background:var(--surface-2);color:var(--text)}.navlink--active{color:var(--accent);background:var(--accent-soft)}.sidebar{gap:var(--space-1);padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.sideitem{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition), color var(--transition);font-weight:500;text-decoration:none;display:flex}.sideitem:hover{background:var(--surface-2);color:var(--text)}.sideitem--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sideitem .ico{flex:none;width:18px;height:18px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--space-6);z-index:50;background:oklch(15% .01 75/.45);place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:440px;max-height:90dvh;display:flex;overflow:hidden}.modal .card__header{flex:none}.modal__body{padding:var(--space-6);flex:auto;min-height:0;overflow-y:auto}.modal__footer{gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);justify-content:flex-end;display:flex}.toast{align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);min-width:280px;display:flex}.toast__bar{border-radius:var(--radius-full);background:var(--accent);align-self:stretch;width:4px}.toast--success .toast__bar{background:var(--success)}.toast--danger .toast__bar{background:var(--danger)}.badge--gold{background:var(--accent-2-soft);color:color-mix(in oklch, var(--accent-2) 55%, var(--text))}.rating{align-items:center;gap:var(--space-3);display:inline-flex}.rating__score{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);color:var(--accent-contrast);background:var(--accent);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);line-height:1.2}.rating__label b{font-size:var(--text-sm);display:block}.rating__label span{font-size:var(--text-xs);color:var(--text-subtle)}.price{align-items:baseline;gap:var(--space-1);display:inline-flex}.price b{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600}.price span{font-size:var(--text-sm);color:var(--text-muted)}.img-ph{border-radius:var(--radius-lg);background-color:var(--surface-2);background-image:repeating-linear-gradient(135deg, transparent 0 11px, color-mix(in oklch, var(--text) 5%, transparent) 11px 12px);color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;padding:var(--space-4);place-items:center;display:grid;overflow:hidden}.bookingbar{gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.bookingbar .field{gap:var(--space-1);flex:140px}.bookingbar .label{font-size:var(--text-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em}.swatch{border-radius:var(--radius-md);border:1px solid var(--border)}.divider{background:var(--border);border:none;height:1px;margin:0}.toegepast{margin-top:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-3)}.toegepast>summary{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);width:fit-content;margin-left:-4px;padding:2px 4px}.toegepast>summary:hover{color:var(--text)}.toegepast>summary:focus-visible{box-shadow:var(--ring);outline:none}.toegepast__lijst{margin:var(--space-3) 0 0;gap:4px 16px;display:grid}.toegepast__regel{grid-template-columns:190px 1fr;gap:16px;display:grid}.toegepast__regel dd{margin:0}@media (width<=560px){.toegepast__regel{grid-template-columns:1fr;gap:0}}*{box-sizing:border-box}:root{--caret:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%23000' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.app-main{flex-direction:column;min-width:0;display:flex}.app-content{padding:var(--space-6) var(--space-8) var(--space-10);width:100%;max-width:1180px;margin:0 auto}.brandbar{height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--border);flex:none;align-items:center;display:flex}.brandmark{width:auto;height:26px}.brandmark--compact{height:22px}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex}.sidenav{padding:var(--space-4) var(--space-3);flex:1;overflow-y:auto}.sidegroup{margin-bottom:var(--space-5)}.sidegroup__titel{margin:0 0 var(--space-1);padding:0 var(--space-2);text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);font-size:11px;font-weight:600}.sidebar .sideitem{width:100%;padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);align-items:center;gap:10px;font-weight:500;display:flex}.sideitem__icon{flex:none;width:16px;height:16px}.sideitem--knop{appearance:none;text-align:left;cursor:pointer;color:var(--text-muted);background:0 0;border:0;margin:0;font-family:inherit}.side-foot{padding:var(--space-3);border-top:1px solid var(--border)}.side-foot__mail{padding:0 var(--space-2) var(--space-2);font-size:var(--text-xs);color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;padding:var(--space-3) var(--space-8);border-bottom:1px solid var(--border);background:var(--surface);z-index:40;display:flex;position:sticky;top:0}.topbar h1{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text);margin:0}.topbar .sub{color:var(--text-muted);font-size:var(--text-sm)}.topbar__title{flex:auto;min-width:0}.topbar__merk,.tabbar,.nav-backdrop{display:none}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi{padding:var(--space-4)}.kpi .kpi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.kpi .kpi-value{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--text);margin-top:var(--space-1);font-weight:600}.kpi .kpi-sub{font-size:var(--text-xs);color:var(--text-subtle);margin-top:2px;line-height:1.35}.kpi--accent{border-left:3px solid var(--accent)}.section-head{margin:var(--space-8) 0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-head h2{font-family:var(--font-display);font-size:var(--text-xl);margin:0}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.right{text-align:right}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.grid-2,.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.center-screen{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.auth-card{width:100%;max-width:420px}.signal{align-items:center;gap:6px;display:inline-flex}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:60;width:82vw;max-width:300px;height:100dvh;box-shadow:var(--shadow-xl);transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.app-shell.nav-open .sidebar{transform:translate(0)}.nav-backdrop{z-index:55;opacity:0;pointer-events:none;background:oklch(15% .01 75/.45);border:none;padding:0;transition:opacity .25s;display:block;position:fixed;inset:0}.app-shell.nav-open .nav-backdrop{opacity:1;pointer-events:auto}.topbar{padding:var(--space-3) var(--space-4);gap:var(--space-2) var(--space-3);flex-wrap:wrap;position:static}.topbar h1{font-size:var(--text-lg)}.topbar__merk{flex:none;order:1;align-items:center;display:flex}.topbar__title{flex:1 1 0;order:2}.topbar>.langflag{order:3}.topbar .chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.topbar .chips::-webkit-scrollbar{display:none}.topbar .chip{flex:none}.topbar__acties{flex-basis:100%;order:4}.topbar__acties>*{width:100%}.tabbar{z-index:50;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__item{min-height:52px;padding:var(--space-2) 4px;appearance:none;cursor:pointer;color:var(--text-muted);text-align:center;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:inherit;font-size:10px;font-weight:500;line-height:1.15;text-decoration:none;display:flex}.tabbar__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbar__item--active{color:var(--accent)}.app-content{padding:var(--space-4) var(--space-4) 72px}.grid-2,.form-grid{grid-template-columns:1fr}.kpi-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.kpi{padding:var(--space-4)}.section-head{margin:var(--space-5) 0 var(--space-3)}.table{white-space:nowrap}.modal-overlay{padding:var(--space-3)}.modal{flex-direction:column;max-width:100%;max-height:92dvh;display:flex}.modal__body{overflow-y:auto}}.kpi .kpi-warn{margin-top:var(--space-1);font-size:var(--text-xs);color:color-mix(in oklch, var(--warning) 60%, var(--text));line-height:1.35}.trend{font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.trend--up{color:color-mix(in oklch, var(--success) 75%, var(--text))}.trend--down{color:color-mix(in oklch, var(--danger) 80%, var(--text))}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font:inherit;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition)}.chip:hover{background:var(--surface-2);color:var(--text)}.chip--on{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent);font-weight:600}.chip:focus-visible{box-shadow:var(--ring);outline:none}.chip--sm{padding:4px var(--space-3);font-size:var(--text-xs)}.aanname{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;display:grid}.aanname:last-child{border-bottom:none}.aanname__label{font-size:var(--text-sm);min-width:0}.aanname__note{font-size:var(--text-xs);color:var(--text-subtle);display:block}.aanname .chips{flex-wrap:nowrap;gap:2px}.aanname .chip--sm{min-width:28px;padding:3px 8px}.table--report td,.table--report th{white-space:nowrap;max-width:none}.table--cijfers .cijfers-band{text-align:left;background:var(--surface-2)}.table--cijfers .cijfers-band__label{left:calc(220px + var(--space-3));font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted);display:inline-block;position:sticky}.table--cijfers .rij-niveau>td,.table--cijfers .rij-niveau .col-vast{background:var(--surface-2)}.table--report td.num{font-variant-numeric:tabular-nums}.table--report tfoot td{padding:var(--space-3);border-top:1px solid var(--border-strong);background:var(--surface-2)}.rap-toggle{align-items:center;gap:var(--space-2);font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;margin:0;padding:0;font-weight:600;display:inline-flex}.rap-toggle:hover{color:var(--accent)}.rap-toggle:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}.rap-toggle--sub{padding-left:var(--space-5);font-weight:400}.rap-caret{border-left:5px solid var(--text-subtle);width:0;height:0;transition:transform var(--transition);border-top:4px solid #0000;border-bottom:4px solid #0000;flex:none}.rap-toggle[aria-expanded=true] .rap-caret{transform:rotate(90deg)}.rap-toggle:hover .rap-caret{border-left-color:var(--accent)}.rap-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.rap-row--month.is-open td{background:var(--accent-softer)}.rap-row--company td{background:var(--surface-2)}.rap-row--account td{background:var(--surface-2);font-size:var(--text-sm)}.rap-acc{padding-left:calc(var(--space-5) + var(--space-5));display:inline-block}@media (width<=860px){.rap-toggle--sub{padding-left:var(--space-3)}.rap-acc{padding-left:var(--space-6)}}.kpi-grid--six{gap:var(--space-3);grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=1400px){.kpi-grid--six{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.kpi-grid--six{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.kpi-grid--six{grid-template-columns:1fr}}.kpi{container-type:inline-size}.kpi .kpi-value{font-size:min(var(--text-xl), calc(1.6 * (100cqw - 2rem) / var(--kpi-len,8)));overflow-wrap:anywhere}.titelkeuze{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text);margin:0;line-height:1.15;display:flex;position:relative}.titelkeuze__naam{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.titelkeuze:after{content:"";opacity:.45;width:14px;height:14px;-webkit-mask:var(--caret) no-repeat center / contain;-webkit-mask:var(--caret) no-repeat center / contain;mask:var(--caret) no-repeat center / contain;background:currentColor;flex:none}.titelkeuze:focus-within{box-shadow:var(--ring);border-radius:var(--radius-sm)}.titelkeuze__select{appearance:none;opacity:0;cursor:pointer;width:100%;height:100%;font:inherit;color:inherit;background:0 0;border:none;position:absolute;inset:0}.titelkeuze__select option{font-family:var(--font-sans);font-size:var(--text-sm);color:initial}.kpi .kpi-vorig{color:var(--text-muted)}.kpi-meer{margin-top:var(--space-2);font:inherit;font-size:var(--text-xs);color:var(--accent);cursor:pointer;text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--accent-border);text-decoration-color:var(--accent-border);background:0 0;border:none;padding:0}.kpi-meer:hover{text-decoration-color:currentColor}.kpi-meer:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}.kpi--open{z-index:5;position:relative;overflow:visible}.kpi-detail{margin-top:var(--space-1);padding:var(--space-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:260px;box-shadow:var(--shadow-lg);font-size:var(--text-xs);position:absolute;top:100%;left:0;right:0}.kpi-detail__titel{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.kpi-detail__rij{justify-content:space-between;align-items:center;gap:var(--space-3);white-space:nowrap;padding:3px 0;display:flex}.kpi-detail__rij.is-buiten{color:var(--text-subtle);text-decoration:line-through}.kpi-detail__naam{align-items:center;gap:var(--space-2);font:inherit;color:inherit;text-overflow:ellipsis;background:0 0;border:none;min-width:0;padding:0;display:inline-flex;overflow:hidden}button.kpi-detail__naam{cursor:pointer}button.kpi-detail__naam:hover{color:var(--accent)}.kpi-detail__rekeningen{padding-left:var(--space-4);border-left:1px solid var(--border)}.kpi-detail__voet{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);color:var(--text-subtle);white-space:normal;line-height:1.4}.kpi-detail__split{padding:0 0 var(--space-1) calc(var(--space-2) + 8px);color:var(--text-subtle);white-space:nowrap}.langflag{height:30px;padding:0 var(--space-2) 0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);cursor:pointer;flex:none;align-items:center;gap:5px;display:inline-flex;position:relative}.langflag:focus-within{box-shadow:var(--ring)}.langflag__vlag{font-size:15px;line-height:1}.langflag__code{font-size:var(--text-xs);letter-spacing:.02em;color:var(--text-muted);font-weight:600;line-height:1}.langflag:after{content:"";background:var(--text-subtle);width:11px;height:11px;-webkit-mask:var(--caret) no-repeat center / contain;-webkit-mask:var(--caret) no-repeat center / contain;mask:var(--caret) no-repeat center / contain;flex:none}.langflag__select{appearance:none;opacity:0;cursor:pointer;width:100%;height:100%;font:inherit;color:inherit;background:0 0;border:none;position:absolute;inset:0}.langflag__select option{font-family:var(--font-sans);color:initial}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}