@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent: #8e5433;--accent-600: #6f3f25;--accent-hover: #77452a;--accent-50: #f7ede7;--accent-100: #efdcd0;--rose: #b7969e;--rose-50: #f6eff1;--rose-ink: #7d5560;--amber: #c49231;--amber-50: #fbf3e2;--amber-ink: #7a5714;--ink: #241c16;--muted: #6a5d51;--line: #ece6de;--line-strong: #dad1c6;--bg: #f7f4f0;--surface: #ffffff;--surface-sunken: #fbf9f6;--on-accent: #ffffff;--accent-gradient: linear-gradient(135deg, #8e5433 0%, #6b3d24 100%);--overlay: rgba(36, 28, 22, .42);--focus-ring: 0 0 0 3px rgba(142, 84, 51, .22);--ok: #2f7d4f;--ok-50: #e9f4ed;--ok-ink: #245f3c;--danger: #b4372b;--danger-hover: #962c22;--danger-bg: #fbecea;--grijs-50: #f1eeea;--brand-vlak: #b7969e;--radius: 14px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(36, 28, 22, .04), 0 2px 8px rgba(36, 28, 22, .04);--shadow-hoog: 0 12px 40px rgba(36, 28, 22, .16);--sidebar-w: 244px}*{box-sizing:border-box}svg{width:16px;height:16px;flex-shrink:0}html,body,#root{min-height:100%;margin:0}body{font-family:Inter Variable,system-ui,-apple-system,sans-serif;font-feature-settings:"cv05","cv08";color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}:where(a,button,[tabindex],summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 20% 0%,#f3e6dc 0%,transparent 60%),var(--bg)}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:18px;box-shadow:var(--shadow-hoog);padding:34px 30px}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.login-brand .dot{width:30px;height:30px;border-radius:9px;background:var(--brand-vlak);display:flex;align-items:center;justify-content:center}.login-brand .dot img{width:20px;height:20px;object-fit:contain}.login-brand h1{font-size:16px;margin:0;font-weight:700;letter-spacing:-.2px}.login-sub{color:var(--muted);font-size:13px;margin:0 0 24px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;min-height:100dvh}.sidebar{background:var(--surface-sunken);border-right:1px solid var(--line);padding:18px 12px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh}.sidebar .brand{display:flex;align-items:center;gap:11px;padding:2px 8px 18px}.sidebar .brand .dot{width:36px;height:36px;border-radius:11px;background:var(--brand-vlak);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px #241c160f}.sidebar .brand .dot img{width:21px;height:21px;object-fit:contain}.sidebar .brand .name{font-weight:700;font-size:15px;line-height:1.15;letter-spacing:-.01em}.sidebar .brand .name small{display:block;color:var(--muted);font-weight:500;font-size:12px;letter-spacing:0}.nav-link{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);color:#4b3f35;text-decoration:none;font-size:13.5px;font-weight:500;margin-bottom:1px;transition:background-color .12s ease,color .12s ease}.nav-link svg{width:17px;height:17px;flex-shrink:0;color:var(--muted)}.nav-link:hover{background:#241c160d;color:var(--ink)}.nav-link.active{background:var(--surface);color:var(--accent-600);font-weight:600;box-shadow:0 1px 2px #241c1614,inset 0 0 0 1px var(--line)}.nav-link.active svg{color:var(--accent)}.nav{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.nav-rubriek{margin-top:10px}.nav-kop{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;margin-bottom:2px;background:none;border:none;border-radius:var(--radius-sm);color:var(--muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.nav-kop:hover:not(:disabled){color:var(--ink)}.nav-kop:disabled{cursor:default}.nav-kop svg{width:14px;height:14px;transition:transform .15s ease}.nav-kop.open svg{transform:rotate(90deg)}.nav-kop:disabled svg{visibility:hidden}.nav-onder{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:58px;border-bottom:1px solid var(--line);background:#ffffffdb;-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 32px;position:sticky;top:0;z-index:5}.topbar h2{font-size:15px;font-weight:600;margin:0 auto 0 0;letter-spacing:-.01em}.kruimelpad span+span:before{content:"›";margin:0 8px;color:var(--line-strong);font-weight:400}.kruimelpad span:not([aria-current]){color:var(--muted);font-weight:600}.nav-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}.nav-toggle svg{width:20px;height:20px}.sidebar-backdrop{display:none}.topbar .who{font-size:13px;color:var(--muted);font-weight:600}.user{position:relative}.avatar-btn{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:4px 6px 4px 4px;border-radius:999px}.avatar-btn:hover{background:var(--bg)}.avatar{width:32px;height:32px;border-radius:999px;background:var(--rose-50);color:var(--rose-ink);box-shadow:inset 0 0 0 1px #e6d6da;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.user-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:41;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-hoog);min-width:210px;overflow:hidden;padding:6px}.user-menu-head{font-size:12px;color:var(--muted);padding:8px 10px 6px;border-bottom:1px solid var(--line);margin-bottom:4px;word-break:break-all}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:none;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left}.user-menu-item svg{width:18px;height:18px}.user-menu-item:hover{background:var(--bg)}.user-menu-item.danger:hover{background:var(--danger-bg);color:var(--danger)}.content{padding:28px 32px 40px;flex:1;width:100%;max-width:1440px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.stat-grid--5{grid-template-columns:repeat(5,1fr);margin-bottom:26px}.stat-grid--5 .stat{padding:14px 16px}.stat-grid--5 .stat .value{font-size:21px;margin-top:10px}.stat.stat--accent{background:var(--accent-gradient);border-color:transparent;color:var(--on-accent)}.stat.stat--accent .label{color:#ffffffd9}.stat.stat--accent .label .ic{background:#ffffff2e;color:var(--on-accent)}.toolbar{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.toolbar input:not([type=checkbox]){width:280px;max-width:100%}.filterveld{position:relative;display:flex;align-items:center;gap:10px}.filterveld svg{position:absolute;left:11px;width:15px;height:15px;color:var(--muted);pointer-events:none}.toolbar .filterveld input{width:300px;padding-left:34px}.filter-telling{font-size:12.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.toolbar-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}.toolbar-check input{width:auto}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.stat .label{font-size:13px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:10px}.stat .label .ic{width:30px;height:30px;border-radius:9px;background:var(--accent-50);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat .value{font-size:28px;font-weight:700;margin-top:14px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.stat .value small{font-size:13px;color:var(--muted);font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;padding:10px 16px;color:var(--muted);font-weight:600;font-size:12.5px;border-bottom:1px solid var(--line-strong);background:var(--surface-sunken)}td{padding:11px 16px;border-bottom:1px solid var(--line);vertical-align:middle;font-variant-numeric:tabular-nums}th,td{border-right:1px solid var(--line)}th:last-child,td:last-child{border-right:none}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-sunken)}tbody tr.klikbaar{cursor:pointer}tbody tr.klikbaar:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}th.num,td.num{text-align:right}.panel-head .knoppen{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kolomtabel-wrap{overflow-x:auto}.kolomtabel{table-layout:fixed;min-width:100%}.kolomtabel th,.kolomtabel td{position:relative;border-right:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:14px;padding-right:14px}.kolomtabel th:last-child,.kolomtabel td:last-child{border-right:none}.kolomtabel th{overflow:visible}.kolom-kop{display:block;overflow:hidden;text-overflow:ellipsis}.kolom-greep{position:absolute;top:0;bottom:0;right:-5px;width:9px;z-index:1;cursor:col-resize;touch-action:none}.kolom-greep:before,.kolom-greep:after{content:"";position:absolute;top:50%;height:14px;margin-top:-7px;width:1.5px;border-radius:1px;background:#9a8b7d}.kolom-greep:before{left:2.5px}.kolom-greep:after{left:5px}.kolom-greep:hover:before,.kolom-greep:hover:after,.kolom-greep:focus-visible:before,.kolom-greep:focus-visible:after{background:var(--accent)}.kolom-greep:focus-visible{outline:none}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums slashed-zero;letter-spacing:.04em;font-size:12.5px;font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}.badge-green{background:var(--ok-50);color:var(--ok-ink)}.badge-amber{background:var(--amber-50);color:var(--amber-ink)}.badge-rose{background:var(--rose-50);color:var(--rose-ink)}.badge-red{background:var(--danger-bg);color:var(--danger)}.badge-gray{background:var(--grijs-50);color:var(--muted)}.badge-prestatie-zh{background:var(--ok);color:var(--on-accent)}.badge-prestatie-h{background:var(--ok-50);color:var(--ok-ink)}.badge-prestatie-m{background:var(--amber-50);color:var(--amber-ink)}.badge-prestatie-l{background:#f6e4d9;color:#86441f}.badge-prestatie-zl{background:var(--danger-bg);color:var(--danger)}.btn{border:none;border-radius:var(--radius-sm);padding:8px 14px;min-height:36px;font-family:inherit;font-weight:600;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 1px 2px #241c161f,inset 0 1px #ffffff1f}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-ghost{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);box-shadow:0 1px 2px #241c160a}.btn-ghost:hover{background:var(--bg);border-color:var(--line-strong)}.btn-ghost:disabled{opacity:.55;cursor:default}.btn-sm{padding:5px 10px;min-height:30px;font-size:12.5px}.btn-danger-text{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:var(--radius-sm);background:none;border:none;color:var(--danger);font-family:inherit;font-weight:600;cursor:pointer;font-size:12.5px;white-space:nowrap}.btn-danger-text:hover{background:var(--danger-bg)}.btn-danger{background:var(--danger);color:var(--on-accent)}.btn-danger:hover{background:var(--danger-hover)}.icon-btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);width:32px;height:32px;flex-shrink:0;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--bg);border-color:var(--line-strong);color:var(--ink)}.partner-lijst{padding:14px 16px 16px}.partner-blok{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.partner-blok--inactief{opacity:.6}.partner-kop{display:flex;align-items:center;gap:8px;padding:10px 12px 10px 14px;background:var(--surface-sunken)}.partner-naam{flex:1;min-width:0}.partner-titel{font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:8px}.partner-sub{font-size:12.5px}.partner-leeg{font-size:13px;padding:12px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line)}.uitje-rij{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 14px;border-top:1px solid var(--line);flex-wrap:wrap}.uitje-rij:hover{background:var(--surface-sunken)}.uitje-naam{font-weight:600;font-size:13.5px;flex:1;min-width:140px}.uitje-waarde{font-size:13px;min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.klant-info{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:20px}.info-label{font-size:11.5px;color:var(--muted);font-weight:600}.info-waarde{font-size:14px;margin-top:3px;overflow-wrap:anywhere}.klant-leeg{font-size:13px;padding:4px 0 14px}.klant-blok{margin-bottom:20px}.bestelling-rij{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);flex-wrap:wrap;font-size:13px}.bestelling-datum{margin-left:auto;font-size:12px}.rij-knoppen{display:flex;gap:6px;align-items:center;margin-left:auto}.bestelling-rij .rij-knoppen{width:100%;justify-content:flex-end}.bestelling-rij .rij-knoppen:empty{display:none}.kaart-blok{margin-bottom:20px}.kaart-kop{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap;font-size:12.5px}.kaart-kind{font-weight:700;font-size:15px}.stempel-lijst{border:1px solid var(--line);border-radius:10px;overflow:hidden}.stempel-rij{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-bottom:1px solid var(--line);font-size:12px}.stempel-rij:last-child{border-bottom:none}.stempel-tekst{flex:1;min-width:0}.stempel-uitje{font-weight:600;font-size:13.5px}.dialog-foot-noot{font-size:12px;align-self:center;margin-right:auto}.veldgroep{border:0;padding:0;min-width:0}.veldgroep legend{padding:0}.keuzes{display:flex;gap:8px 18px;flex-wrap:wrap}.keuze{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer}.keuze input{width:auto}.paneel-uitleg{margin:0;padding:12px 20px;border-bottom:1px solid var(--line);font-size:13px}.paneel-inhoud{padding:18px 20px 20px}.kaartverkoop-stand{font-size:14px;margin:0 0 10px}.dashboard-regel{font-size:13.5px;color:var(--muted);margin:0 0 14px}.dashboard-regel b{color:var(--ink)}.dashboard-regel a{color:var(--accent);font-weight:600}code{font-family:inherit;font-size:.92em;font-weight:600;padding:1px 5px;border-radius:5px;background:var(--surface-sunken);border:1px solid var(--line)}.tekstvak-vol{height:calc(100vh - 360px);height:calc(100dvh - 360px);min-height:280px;resize:vertical;line-height:1.55}.knoppenrij{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.niet-opgeslagen{display:inline-block;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--amber);vertical-align:middle}.paneel-meldingen{padding:12px 20px 0}.meer-laden{padding:12px 20px;text-align:center;border-top:1px solid var(--line)}.toolbar-status{font-size:12.5px}.faq-lijst{padding:4px 16px 16px}.faq-rij{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.faq-rij:last-child{border-bottom:none}.faq-rij--verborgen{opacity:.55}.faq-volgorde{font-size:12px;width:32px;flex-shrink:0;padding-top:2px}.faq-tekst{flex:1;min-width:0}.faq-vraag{font-weight:600;font-size:13.5px}.faq-antwoord{font-size:12.5px;margin-top:2px}.panel-head-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.balk-met-getal{display:flex;align-items:center;gap:10px}.balk{flex:1;height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.balk>div{height:100%;background:var(--accent);border-radius:4px}.balk-met-getal span{font-variant-numeric:tabular-nums;font-weight:700;min-width:34px;text-align:right}.kaart-opzet{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:16px;height:calc(100vh - 126px);height:calc(100dvh - 126px);min-height:480px}.kaart-lijst,.kaart-vlak{display:flex;flex-direction:column;min-height:0}.kaart-items{overflow-y:auto;flex:1;min-height:0}.kaart-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;text-align:left;cursor:pointer}.kaart-item:hover{background:var(--surface-sunken)}.kaart-item.gekozen{background:var(--accent-50)}.kaart-item-stip{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kaart-item-tekst{flex:1;min-width:0;display:flex;flex-direction:column;font-size:12px}.kaart-item-tekst>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kaart-item-naam{font-size:13.5px;font-weight:600;color:var(--ink)}.kaart-balk{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--accent-50)}.kaart-balk-tekst{display:flex;flex-direction:column;font-size:13px;min-width:0}.kaart-fout{color:var(--danger);font-weight:600}.kaart-kaart{flex:1;min-height:0}.kaart-kaart.kies-plek{cursor:crosshair}.beheer-pin{position:absolute;left:-12px;top:-32px;display:flex;flex-direction:column;align-items:center;width:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.beheer-pin span{margin-top:1px;padding:0 5px;border-radius:4px;background:#ffffffeb;font:600 11px/16px Inter Variable,system-ui,sans-serif;color:var(--ink);white-space:nowrap}.beheer-pin.inactief{opacity:.5}.beheer-pin.gekozen{transform:scale(1.3);transform-origin:50% 100%;z-index:1}.beheer-pin.gekozen span{background:var(--accent);color:var(--on-accent)}@media (max-width: 900px){.kaart-opzet{grid-template-columns:1fr;grid-template-rows:280px 1fr}}label.fld{display:block;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:6px}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease}input:hover,select:hover,textarea:hover{border-color:#c8bdb0}::placeholder{color:#9a8c7f}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.form-row{margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.datumveld{position:relative}.datumveld>input:first-child{padding-right:40px}.datumveld>input[aria-invalid]{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.datumveld-knop{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;background:none;color:var(--muted);cursor:pointer}.datumveld-knop:hover{background:var(--accent-50);color:var(--accent)}.datumveld-kiezer{position:absolute;right:0;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.leeftijd-waarde{font-weight:600;font-size:14px;margin-bottom:6px}.leeftijd-baan{position:relative;height:24px}.leeftijd-baan:before,.leeftijd-vulling{content:"";position:absolute;top:50%;height:6px;margin-top:-3px;border-radius:3px}.leeftijd-baan:before{left:0;right:0;background:var(--line)}.leeftijd-vulling{background:var(--accent)}.leeftijd-baan input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:24px;margin:0;padding:0;border:0;background:none;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;pointer-events:none}.leeftijd-baan input[type=range]::-webkit-slider-runnable-track{background:none}.leeftijd-baan input[type=range]::-moz-range-track{background:none}.leeftijd-baan input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);box-shadow:var(--shadow);cursor:grab;pointer-events:auto}.leeftijd-baan input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);cursor:grab;pointer-events:auto}.leeftijd-baan input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-50)}.leeftijd-schaal{display:flex;justify-content:space-between;padding:0 4px;margin-top:2px;font-size:11px;color:var(--muted)}.leeftijd-schaal span{width:12px;text-align:center}.form-error{background:var(--danger-bg);color:var(--danger);border-radius:9px;padding:10px 13px;font-size:13px;font-weight:600;margin-bottom:14px}.fout-staat{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 20px;padding:10px 10px 10px 14px;border-radius:9px;background:var(--danger-bg);color:var(--danger);font-size:13px;font-weight:600}.form-ok{background:var(--accent-50);color:var(--accent-600);border-radius:9px;padding:10px 13px;font-size:13px;font-weight:600;margin-bottom:14px}.form-hint{font-size:12.5px;color:var(--muted);margin-top:-6px;margin-bottom:14px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.dialog{background:var(--surface);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #241c1638}.dialog--breed{max-width:720px}.dialog:focus{outline:none}.bevestig{max-width:440px}.bevestig-tekst{font-size:14px;line-height:1.55;white-space:pre-line}.bevestig-tekst+form{margin-top:14px}.dialog-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dialog-head h3{margin:0;font-size:16px;font-weight:700}.dialog-body{padding:22px}.dialog-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.section-title-sm{font-size:12.5px;font-weight:600;color:var(--muted);margin:6px 0 8px}.report-hero{background:var(--accent-gradient);color:var(--on-accent);border-radius:var(--radius);padding:22px 24px;margin-bottom:18px;display:flex;gap:30px;flex-wrap:wrap;align-items:center}.report-hero .big{font-size:30px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.report-hero .mini{font-size:12px;opacity:.85;font-weight:600}.seg-card{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--surface);box-shadow:var(--shadow)}.seg-card .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:14px}.loading{padding:50px;text-align:center;color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.melding-opzet{display:grid;grid-template-columns:minmax(0,560px) minmax(0,340px);gap:20px;align-items:start}.teller{float:right;font-weight:600;color:var(--muted)}.melding-voorbeeld{padding:18px;border-radius:var(--radius);background:linear-gradient(160deg,#e9e2d9,#d8cfc4)}.melding-kaart{display:flex;gap:10px;padding:11px 13px;border-radius:16px;background:#ffffffdb;box-shadow:0 2px 10px #00000014;font-size:13px}.melding-kaart img{width:30px;height:30px;object-fit:contain;flex-shrink:0}.melding-kaart-kop{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted)}.melding-kaart-titel{font-weight:700;margin-top:1px}.melding-kaart-tekst{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}@media (max-width: 900px){.melding-opzet,.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;z-index:40;width:var(--sidebar-w);max-width:84vw;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-hoog);overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:var(--overlay)}.nav-toggle{display:inline-flex}.topbar{padding:0 14px}.topbar h2{font-size:15px}.topbar .who{display:none}.content{padding:16px 14px}.stat-grid,.stat-grid--5{grid-template-columns:repeat(2,1fr)}.panel-head{flex-wrap:wrap;gap:10px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}input,select,textarea{font-size:16px}}.soort-toggle{display:inline-flex;padding:3px;gap:2px;background:var(--bg);border:1px solid var(--line);border-radius:999px}.soort-toggle button{border:0;background:transparent;padding:5px 14px;border-radius:999px;font:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}.soort-toggle button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.sparkline{display:block;width:200px;height:36px}.sparkline-lijn{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.sparkline-vlak{fill:var(--accent-50)}.sparkline-punt{fill:var(--accent)}