@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/kaleo/vt323-latin.woff2) format("woff2");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}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/kaleo/vt323-latin-ext.woff2) format("woff2");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:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/kaleo/host-grotesk-latin.woff2) format("woff2");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}@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/kaleo/host-grotesk-latin-ext.woff2) format("woff2");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}:root{--paper: #FBFAF3;--white: #FFFFFF;--lime: #E9F23C;--lime-mid: #9EA51E;--lime-dark: #545900;--ice: #D7F3FF;--ice-mid: #85A8BA;--ice-dark: #335D75;--blush: #FFCCFA;--blush-mid: #B28FAF;--blush-dark: #665264;--coral: #FF5B2B;--coral-mid: #C93915;--coral-dark: #931800;--plum: #C7A6B6;--plum-mid: #836371;--plum-dark: #40202D;--sage: #B3C1A9;--sage-mid: #6F7C65;--sage-dark: #2B3722;--zand: #EBE3D6;--bg: var(--paper);--surface: var(--white);--surface-2: #F5F4EA;--border: #D9DCCB;--border-strong: #C4C9B5;--text: var(--sage-dark);--muted: #4F5A47;--faint: #5E6B55;--accent: var(--ice-dark);--accent-hover: #2A4C60;--accent-soft: var(--ice);--accent-ink: var(--ice-dark);--gras: #6CC24A;--gras-ink: #2E7D32;--geel: #F2C94C;--geel-ink: #7A5B00;--primary: var(--lime);--primary-ink: var(--sage-dark);--good: var(--lime-mid);--good-soft: rgba(233, 242, 60, .35);--good-ink: var(--lime-dark);--warn: var(--coral-mid);--warn-soft: rgba(255, 91, 43, .12);--warn-ink: var(--coral-dark);--bad: var(--coral-dark);--bad-soft: rgba(255, 91, 43, .12);--bad-border: rgba(255, 91, 43, .4);--bad-ink: var(--coral-dark);--neutral: #E4E7DA;--neutral-ink: #4F5A47;--disabled: #C4C9B5;--uit-opacity: .5;--radius: 12px;--radius-sm: 10px;--radius-pill: 999px;--radius-tag: 7px;--shadow-sm: 0 1px 2px rgba(43, 55, 34, .05);--shadow: 0 1px 2px rgba(43, 55, 34, .05), 0 8px 24px rgba(43, 55, 34, .06);--shadow-lg: 0 12px 40px rgba(43, 55, 34, .14);--shadow-left: -8px 0 24px rgba(43, 55, 34, .08);--dim: rgba(43, 55, 34, .35);--font: "Host Grotesk", system-ui, -apple-system, sans-serif;--display: "VT323", "Courier New", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.95;color:var(--text);text-wrap:balance}h1{font-size:34px}h2{font-size:24px}h3{letter-spacing:0}a{color:var(--accent);transition:color .15s ease}button,input,textarea,select{font-family:inherit}input,textarea,select{color:var(--text)}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=checkbox]{accent-color:var(--accent)}button{transition:filter .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease}button:not(:disabled):hover{filter:brightness(.97)}button:not(:disabled):active{filter:brightness(.93)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}::selection{background:var(--accent-soft);color:var(--accent-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c4c9b5;border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--sage)}.eyebrow{font-family:var(--display);font-size:16px;line-height:1;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:16px;line-height:1;text-transform:uppercase;letter-spacing:.04em;color:var(--text);background:transparent;border:1.5px solid var(--border);border-radius:var(--radius-tag);padding:5px 10px 4px;cursor:pointer;white-space:nowrap}.pill.is-active{background:var(--text);color:var(--bg);border-color:var(--text)}.pill--soft{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-soft);cursor:default}.pill:not(.is-active):not(.pill--soft):hover{background:var(--surface-2)}button.pill{font-family:var(--display)}.btn-primary{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:14px;font-weight:600;line-height:1;border:0;border-radius:var(--radius-sm);padding:9px 14px;background:var(--primary);color:var(--primary-ink);cursor:pointer;white-space:nowrap}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:14px;font-weight:600;line-height:1;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 12px;background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.lockup{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text)}.mark{display:block;width:auto}.mark .mark__badge{fill:var(--text)}.mark .mark__cut{fill:#000}.lockup__word{font-family:var(--display);font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:.03em;transform:translateY(1px)}.logo-trip{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#0b0416;opacity:0;animation:logo-trip-fade 1.2s ease-in-out forwards}@keyframes logo-trip-fade{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0}}.logo-trip-swirl{position:absolute;left:50%;top:50%;width:260vmax;height:260vmax;margin:-130vmax 0 0 -130vmax;border-radius:50%;background:conic-gradient(from 0deg,#ff004c,#ff8a00,#ffe600,#2bff00,#00ffd5,#06f,#8b00ff,#ff00c8,#ff004c);animation:logo-trip-spin 1.2s linear forwards}@keyframes logo-trip-spin{0%{transform:rotate(0) scale(.25);filter:hue-rotate(0deg) saturate(1.8) blur(12px)}to{transform:rotate(360deg) scale(1.15);filter:hue-rotate(360deg) saturate(2.2) blur(5px)}}.logo-trip-rays{position:absolute;left:50%;top:50%;width:260vmax;height:260vmax;margin:-130vmax 0 0 -130vmax;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffffff59,#ffffff59 6deg,#fff0 6deg,#fff0 18deg);mix-blend-mode:overlay;animation:logo-trip-spin-ccw 1.2s linear forwards}@keyframes logo-trip-spin-ccw{0%{transform:rotate(0)}to{transform:rotate(-540deg)}}.logo-trip-ring{position:absolute;left:50%;top:50%;width:12vmax;height:12vmax;margin:-6vmax 0 0 -6vmax;border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:0 0 40px 10px #ffffff80,inset 0 0 30px #fff6;animation:logo-trip-ring 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes logo-trip-ring{0%{transform:scale(.1);opacity:1}70%{opacity:.6}to{transform:scale(14);opacity:0}}.logo-trip-word{position:relative;font-weight:800;letter-spacing:-.02em;font-size:clamp(40px,9vw,110px);background:linear-gradient(90deg,#ff004c,#ff8a00,#ffe600,#2bff00,#00ffd5,#06f,#8b00ff,#ff00c8);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:logo-trip-word 1.2s ease-in-out forwards}@keyframes logo-trip-word{0%{transform:scale(.3) rotate(-8deg);opacity:0;background-position:0% 50%}25%{opacity:1}60%{transform:scale(1.15) rotate(3deg)}to{transform:scale(1.35) rotate(0);opacity:.9;background-position:100% 50%}}@supports not (background-clip: text){.logo-trip-word{color:#fff;background:none}}.logo-trip-head{position:absolute;left:50%;top:50%;width:clamp(72px,12vmin,140px);height:clamp(72px,12vmin,140px);margin:calc(clamp(72px,12vmin,140px)/-2) 0 0 calc(clamp(72px,12vmin,140px)/-2);border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.9);box-shadow:0 0 30px 8px #ffffff73}.logo-trip-head-timo{animation:logo-trip-head-lb 1.2s cubic-bezier(.16,1,.3,1) forwards}.logo-trip-head-ewout{animation:logo-trip-head-ro 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes logo-trip-head-lb{0%{transform:translate(-70vw,-45vh) rotate(-660deg) scale(.2);opacity:0}20%{opacity:1}60%{transform:translate(calc(-1*clamp(90px,18vw,300px)),calc(-1*clamp(120px,24vh,230px))) rotate(0) scale(1.18)}to{transform:translate(calc(-1*clamp(90px,18vw,300px)),calc(-1*clamp(120px,24vh,230px))) rotate(-6deg) scale(1.02);opacity:1}}@keyframes logo-trip-head-ro{0%{transform:translate(70vw,45vh) rotate(660deg) scale(.2);opacity:0}20%{opacity:1}60%{transform:translate(clamp(90px,18vw,300px),clamp(120px,24vh,230px)) rotate(0) scale(1.18)}to{transform:translate(clamp(90px,18vw,300px),clamp(120px,24vh,230px)) rotate(6deg) scale(1.02);opacity:1}}@media(prefers-reduced-motion:reduce){.logo-trip,.logo-trip-swirl,.logo-trip-rays,.logo-trip-ring,.logo-trip-word,.logo-trip-head{animation:none!important}}.actiebalk-kort{display:none}@media(max-width:600px){.actiebalk-lang{display:none}.actiebalk-kort{display:inline}.actiebalk-melding:empty{display:none}.actiebalk-knoppen{width:100%}.actiebalk-knoppen>button{flex:1 1 0;justify-content:center;padding-left:6px;padding-right:6px}}.beheer-rij{display:grid;grid-template-columns:minmax(0,1.2fr) 128px minmax(0,1fr) 72px 221px;gap:8px;align-items:center;white-space:nowrap}.beheer-regel{padding:6px 0;border-top:1px solid var(--border)}.beheer-kop{font-size:12px;font-weight:700;color:var(--muted)}.beheer-kop>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.beheer-knoppen{display:inline-flex;justify-content:flex-end;gap:4px}.beheer-knoppen>button{padding:4px 8px;font-size:12px}.beheer-kort{display:none}@media(max-width:760px){.beheer-rij{grid-template-columns:minmax(0,1.3fr) 84px minmax(0,1fr) 28px 98px;gap:4px}.beheer-knoppen>button{width:30px;padding:4px 0;font-size:14px;line-height:1}.beheer-lang{display:none}.beheer-kort{display:inline}}:root{--balk-hoogte: 0px}.app-layout{display:flex;min-height:100vh}.app-layout.is-smal{flex-direction:column;--balk-hoogte: 56px}.app-main{flex:1 1 auto;min-width:0}.zijbalk{flex:none;display:flex;flex-direction:column;width:224px;position:sticky;top:0;height:100vh;overflow-y:auto;padding:16px 12px 24px;background:var(--surface-2);border-right:1px solid var(--border)}.zijbalk__nav{display:flex;flex-direction:column}.zijbalk--lade{position:fixed;top:0;bottom:0;left:0;z-index:1200;width:280px;max-width:calc(100vw - 48px);height:auto;box-shadow:var(--shadow-lg)}.zijbalk--lade>.zijbalk__nav{flex:1 0 auto}.zijbalk-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1150;background:var(--dim)}.zijbalk__logo{display:flex;align-items:center;align-self:flex-start;padding:2px 8px 12px;background:none;border:0;color:var(--text);cursor:pointer}.zijbalk__organisatie{min-width:0;max-width:100%;margin:-6px 0 12px;padding:0 8px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zijbalk__zoeken{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:14px;color:var(--faint);text-align:left;cursor:pointer}.zijbalk__zoeken kbd{margin-left:auto;padding:0 5px;font:inherit;font-size:11px;background:var(--surface-2);border:1px solid var(--border);border-radius:5px}.zijbalk__groep{padding:16px 10px 4px;font-family:var(--display);font-size:16px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}.zijbalk__plek{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:14px;font-weight:500;color:var(--muted);text-align:left;cursor:pointer}.zijbalk__plek:hover{background:var(--neutral)}.zijbalk__plek.is-actief{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.zijbalk__naam{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zijbalk__tellers{flex:none;display:inline-flex;align-items:center;gap:5px;margin-left:auto}.zijbalk__badge{padding:0 7px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;line-height:1.6;background:var(--accent);color:var(--white)}.zijbalk__badge--neutraal{background:var(--neutral);color:var(--neutral-ink)}.zijbalk__badge--hot{background:var(--bad-ink);color:var(--white)}.zijbalk__stip{flex:none;width:8px;height:8px;border-radius:50%;background:var(--bad-ink)}.zijbalk__voet{margin-top:auto;padding-top:18px}.zijbalk__wie{display:flex;align-items:center;gap:8px;padding:0 10px;font-size:13px;color:var(--muted)}.zijbalk__owner{flex:none;width:9px;height:9px;border-radius:50%}.zijbalk__uitloggen{width:100%;margin-top:6px;padding:7px 10px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:13px;color:var(--muted);text-align:left;cursor:pointer}.zijbalk__uitloggen:hover{background:var(--neutral)}.smalle-balk{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;height:var(--balk-hoogte);padding:0 16px;background:var(--bg);border-bottom:1.5px solid var(--border)}.smalle-balk__menu{display:inline-flex}.smalle-balk__logo{display:inline-flex;align-items:center;padding:0;background:none;border:0;color:var(--text);cursor:pointer}.smalle-balk__zoeken{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font:inherit;font-size:14px;color:var(--faint);cursor:pointer}.zoek-laag-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1250;background:var(--dim)}.zoek-laag{position:fixed;top:12vh;left:50%;z-index:1300;width:min(560px,calc(100vw - 32px));padding:12px;transform:translate(-50%);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.plek-kop{padding:20px 24px 0}.plek-kop h1{margin:0 0 2px}.app-layout.is-smal .plek-kop{padding:12px 16px 0}.zijbalk__taal{padding:10px 10px 0}.lang-pil{display:inline-flex;align-items:center;gap:2px;padding:2px 3px;border:1.5px solid var(--border);border-radius:var(--radius-pill);font-family:var(--display);font-size:16px;line-height:1;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.lang-pil button{padding:2px 7px;background:transparent;border:0;border-radius:var(--radius-pill);font:inherit;color:inherit;cursor:pointer}.lang-pil button[aria-pressed=true]{background:var(--text);color:var(--bg)}.woordmerk{display:inline-flex;align-items:baseline;font-family:var(--display);line-height:1;text-transform:uppercase;white-space:nowrap}.woordmerk__blok{background:var(--plum-dark);color:var(--coral);padding:0 .16em .04em}.woordmerk__rest{color:var(--plum-dark);margin-left:.34em}.inklapknop{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;font-size:18px;line-height:1;color:var(--muted);cursor:pointer}.inklapknop:hover{background:var(--neutral);color:var(--text)}.zijbalk__lijst{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0 -12px;padding:0 12px 4px}.zijbalk__lijst~.zijbalk__voet{flex:none}.zijbalk__inklap{flex:none;align-self:flex-end;margin-top:10px}.zijbalk__plek:focus-visible,.zijbalk__plek.is-actief:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}.zijbalk__plek.is-actief:focus-visible{box-shadow:var(--shadow-sm),0 0 0 3px var(--accent-soft)}.zijbalk--ingeklapt{width:56px;padding:16px 8px 24px}.zijbalk--ingeklapt .zijbalk__logo{align-self:center;padding:2px 0 12px}.zijbalk--ingeklapt .zijbalk__zoeken{justify-content:center;padding:7px 0}.zijbalk--ingeklapt .zijbalk__blok+.zijbalk__blok{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.zijbalk--ingeklapt .zijbalk__plek{position:relative;justify-content:center;padding:7px 0}.zijbalk--ingeklapt .zijbalk__tellers{position:absolute;top:-2px;right:-4px;margin-left:0;gap:0;align-items:flex-start}.zijbalk--ingeklapt .zijbalk__badge{padding:0 5px;font-size:10px;line-height:1.5}.zijbalk--ingeklapt .zijbalk__stip{width:7px;height:7px;margin-left:-3px;box-shadow:0 0 0 1.5px var(--surface-2)}.zijbalk--ingeklapt .zijbalk__wie{justify-content:center;padding:0}.zijbalk--ingeklapt .zijbalk__uitloggen{display:flex;justify-content:center;padding:7px 0}.zijbalk--ingeklapt .zijbalk__inklap{align-self:center}.zijbalk--ingeklapt .zijbalk__lijst{margin:0 -8px;padding:4px 8px;scrollbar-width:none}.zijbalk--ingeklapt .zijbalk__logo{max-width:100%}.zijbalk--ingeklapt .woordmerk--compact{min-width:0;max-width:100%}.zijbalk--ingeklapt .woordmerk--compact .woordmerk__blok{min-width:0;overflow:hidden;text-overflow:ellipsis}.zijbalk--ingeklapt .zijbalk__lijst::-webkit-scrollbar{display:none}.schakelaar{display:inline-flex;flex-wrap:wrap;max-width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px;gap:4px}@media(max-width:600px){.schakelaar{border-radius:var(--radius)}}.scrollvak:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.melding-rij{gap:8px}.melding-zin{flex:1;min-width:0}.melding-klant{min-width:0}@media(max-width:600px){.melding-rij{gap:6px;min-height:32px}.melding-zin{flex:1 1 0;min-width:calc(30% + 5px)}.melding-klant{min-width:40px}.melding-punt,.melding-soort,.melding-taak{display:none!important}.melding-rij--knop{gap:3px}.melding-rij--knop .melding-naam{display:none!important}.melding-terug,.melding-gezien{font-size:0!important;min-width:32px!important;padding:3px 0!important;justify-content:center}.melding-terug:after,.melding-gezien:after,.melding-gedraaid:after{font-size:14px;line-height:14px}.melding-terug:after,.melding-gedraaid:after{content:"↶"}.melding-gezien:after{content:"✓"}.melding-gedraaid{font-size:0!important}}[data-gesprek-rij]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:-2px}[data-focus-lijst-voet]:empty{display:none}
