@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #F4ECE0;--bg-paper: #FBF7F0;--ink: #2A1810;--ink-soft: #6B4F3A;--ink-mute: #8B7159;--accent: #B8551D;--accent-dark: #8A3F12;--accent-light: #E8A877;--warm: #E8D5B7;--warm-light: #F0E2C9;--line: #D9C8B0;--warn: #A6450E;--warn-bg: #FBE5CC;--good: #2E6B3F;--good-bg: #E5F0E8;--shadow-sm: 0 1px 2px rgba(42, 24, 16, .04);--shadow-md: 0 4px 12px rgba(42, 24, 16, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);background-image:radial-gradient(ellipse at top left,var(--warm) 0%,transparent 35%),radial-gradient(ellipse at bottom right,var(--warm) 0%,transparent 45%);background-attachment:fixed;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}#root{min-height:100vh}input,select,button,textarea{font-family:inherit;font-size:inherit;color:inherit}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer}.app{max-width:960px;margin:0 auto;padding:24px 16px 48px}@media (min-width: 640px){.app{padding:36px 28px 56px}}.header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.header__logo{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:var(--accent);color:var(--bg-paper);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}@media (min-width: 640px){.header__logo{width:56px;height:56px}}.header__eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:500;margin-bottom:2px}.header__title{font-family:Fraunces,Georgia,serif;font-size:clamp(28px,6vw,38px);font-weight:600;margin:0;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.top-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}@media (min-width: 640px){.top-controls{flex-direction:row;flex-wrap:wrap;gap:12px}}.segmented{display:flex;background:var(--bg-paper);border:1px solid var(--line);border-radius:8px;padding:3px;gap:2px;width:100%}@media (min-width: 640px){.segmented{width:auto}}.segmented__btn{flex:1;border:none;background:transparent;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--ink-soft);transition:all .15s;white-space:nowrap}.segmented__btn--active{background:var(--ink);color:var(--bg-paper)}.segmented__btn:hover:not(.segmented__btn--active){color:var(--ink)}.tabs{display:flex;gap:2px;margin-bottom:18px;border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:transparent;border:none;padding:12px 14px;font-size:13px;font-weight:500;color:var(--ink-soft);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}@media (min-width: 640px){.tab{padding:12px 18px;font-size:14px;gap:8px}}.tab--active{color:var(--accent);border-bottom-color:var(--accent)}.tab:hover:not(.tab--active){color:var(--ink)}.main{background:var(--bg-paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);animation:fadeIn .3s ease-out}@media (min-width: 640px){.main{padding:28px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fields{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:20px}@media (min-width: 480px){.fields{grid-template-columns:repeat(2,1fr)}}@media (min-width: 720px){.fields--3{grid-template-columns:repeat(3,1fr)}}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:11px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.field__input{padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:15px;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field__input:disabled{background:var(--warm-light);color:var(--ink-mute);cursor:not-allowed}.field__helper{font-size:11px;color:var(--ink-mute);font-style:italic}.result{background:linear-gradient(135deg,var(--warm) 0%,var(--bg-paper) 100%);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 16px;text-align:center}@media (min-width: 640px){.result{padding:28px 24px}}.result__label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin-bottom:6px}.result__big{font-family:Fraunces,serif;font-size:clamp(40px,12vw,64px);font-weight:600;color:var(--accent);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.result__sub{font-size:12px;color:var(--ink-soft);margin-top:4px;font-style:italic}.result__functie{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent-dark);background:var(--bg-paper);border:1px solid var(--line);border-radius:16px;padding:4px 12px;margin-bottom:12px}.result__functie-code{background:var(--warm);color:var(--ink);padding:1px 6px;border-radius:8px;font-size:10px;letter-spacing:.04em}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;font-size:13px;margin-top:16px;text-align:left;line-height:1.5}.alert--warn{background:var(--warn-bg);color:var(--warn)}.alert--info{background:var(--warm-light);color:var(--ink);border:1px solid var(--line)}.alert--good{background:var(--good-bg);color:var(--good)}.alert__icon{flex-shrink:0;margin-top:2px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}@media (min-width: 640px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;text-align:left}.stat--primary{background:var(--ink);border-color:var(--ink);color:var(--bg-paper)}.stat__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin-bottom:2px}.stat__value{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;font-family:Fraunces,serif}@media (min-width: 480px){.stat__value{font-size:16px}}.intro{font-size:13px;color:var(--ink-soft);margin:0 0 16px;line-height:1.6}@media (min-width: 640px){.intro{font-size:14px}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--line);margin-bottom:20px;background:#fff}.table{width:100%;min-width:320px;border-collapse:collapse;font-size:12px}@media (min-width: 640px){.table{font-size:13px}}.table__h3{font-family:Fraunces,serif;font-size:15px;font-weight:600;margin:16px 0 8px;color:var(--ink)}@media (min-width: 640px){.table__h3{font-size:17px;margin:20px 0 10px}}.table th{text-align:left;padding:9px 10px;background:var(--warm);color:var(--ink);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:8px 10px;border-bottom:1px solid var(--line);color:var(--ink);font-variant-numeric:tabular-nums}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--warm-light)}.toeslag-list{display:flex;flex-direction:column;gap:8px}.toeslag-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:8px}.toeslag-row__label{font-size:13px;color:var(--ink)}@media (min-width: 640px){.toeslag-row__label{font-size:14px}}.toeslag-row__detail{font-size:11px;color:var(--ink-mute);margin-top:2px}.toeslag-row__amount{font-family:Fraunces,serif;font-size:18px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}@media (min-width: 640px){.toeslag-row__amount{font-size:20px}}.toeslag-row__pct{display:inline-block;font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;background:var(--warm);color:var(--ink);margin-right:8px;vertical-align:middle}.section-h{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--ink);margin:24px 0 10px;padding-top:16px;border-top:1px solid var(--line)}.section-h:first-child{border-top:none;padding-top:0;margin-top:0}@media (min-width: 640px){.section-h{font-size:18px}}.functies-list{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 640px){.functies-list{grid-template-columns:repeat(2,1fr)}}.functie-card{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:inherit;color:var(--ink);transition:all .15s;width:100%}.functie-card:hover{border-color:var(--accent);background:var(--warm-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.functie-card--active{border-color:var(--accent);background:var(--warm)}.functie-card__main{flex:1;min-width:0}.functie-card__name{font-weight:600;font-size:14px;margin-bottom:3px}.functie-card__meta{font-size:11px;color:var(--ink-mute);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.functie-card__code{background:var(--warm);color:var(--ink);padding:1px 6px;border-radius:8px;font-weight:600;font-size:10px;letter-spacing:.04em}.functie-card__niveau,.functie-card__note{font-style:italic}.functie-card__schaal{font-family:Fraunces,serif;font-size:14px;font-weight:600;color:var(--accent);padding:4px 10px;background:var(--bg-paper);border:1px solid var(--line);border-radius:16px;white-space:nowrap;flex-shrink:0}.functie-card--active .functie-card__schaal{background:var(--accent);color:#fff;border-color:var(--accent)}.footer{margin-top:20px;padding:16px 4px 0;font-size:11px;color:var(--ink-mute);text-align:center;line-height:1.6;font-style:italic}.footer a{color:var(--accent-dark);text-decoration:underline}