:root{--surface:#0b1326;--surface-bright:#31394d;--surface-container-lowest:#060e20;--surface-container-low:#131b2e;--surface-container:#171f33;--surface-container-high:#222a3d;--surface-container-highest:#2d3449;--on-surface:#dae2fd;--on-surface-variant:#bfc8c7;--outline:#899391;--outline-variant:#3f4948;--primary:#d7fffc;--on-primary:#003735;--primary-container:#a8e6e2;--primary-fixed-dim:#94d2ce;--secondary:#dbb8ff;--on-secondary:#3f2160;--secondary-container:#573878;--tertiary:#fff5f5;--tertiary-fixed-dim:#ffb2bb;--on-tertiary-container:#914a55;--error:#ffb4ab;--error-container:#93000a;--gradient-flow:linear-gradient(135deg, #4c1d95 0%, #d7fffc 100%);--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:.5rem;--radius:1rem;--radius-md:1.5rem;--radius-lg:2rem;--radius-full:9999px;--stack-sm:8px;--stack-md:16px;--stack-lg:32px;--zij:16px;--nav-hoogte:64px;--veilig-onder:env(safe-area-inset-bottom,0px);--veilig-boven:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body{height:100%}body{background:var(--surface);color:var(--on-surface);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.55}#root{min-height:100%}.mesh-bg{position:relative;overflow:hidden}.mesh-bg:before{content:"";pointer-events:none;filter:blur(40px);z-index:0;background:radial-gradient(40% 40% at 20% 20%,#4c1d958c,#0000 70%),radial-gradient(35% 35% at 80% 30%,#94d2ce4d,#0000 70%),radial-gradient(40% 40% at 60% 85%,#dbb8ff40,#0000 70%);animation:18s ease-in-out infinite alternate mesh-drift;position:fixed;inset:-30%}.mesh-bg>*{z-index:1;position:relative}@keyframes mesh-drift{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(3%,2%)scale(1.08)}}@media (prefers-reduced-motion:reduce){.mesh-bg:before{animation:none}}.display{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:300;line-height:1.15}.headline{font-family:var(--font-display);margin:0;font-size:22px;font-weight:400;line-height:1.3}.label-caps{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);margin:0;font-size:12px;font-weight:600}.mono{font-family:var(--font-mono);letter-spacing:.01em;font-size:13px}.stil{color:var(--on-surface-variant)}.klein{font-size:13px}.app{flex-direction:column;min-height:100dvh;display:flex}.kop{padding:calc(var(--veilig-boven) + 14px) var(--zij) 10px;justify-content:space-between;align-items:baseline;gap:var(--stack-md);display:flex}.inhoud{padding:0 var(--zij) calc(var(--nav-hoogte) + var(--veilig-onder) + 24px);flex:1;width:100%;max-width:720px;margin:0 auto}.stapel>*+*{margin-top:var(--stack-md)}.stapel-sm>*+*{margin-top:var(--stack-sm)}.rij{align-items:center;gap:var(--stack-sm);flex-wrap:wrap;display:flex}.rij-tussen{justify-content:space-between;align-items:center;gap:var(--stack-sm);display:flex}.groei{flex:1;min-width:0}.sectie{margin-top:var(--stack-lg)}.sectie:first-child{margin-top:var(--stack-md)}.glas{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff29;padding:16px}.glas.actief{border-color:#d7fffc59;box-shadow:0 0 24px #d7fffc24}.glas.roze{box-shadow:0 0 32px #ffb2bb38}.btn{font:600 14px var(--font-body);border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:12px 18px;line-height:1;transition:box-shadow .25s,transform .1s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-primair{color:var(--on-primary);background:var(--primary);box-shadow:inset 0 1px 1px #fff9,0 0 20px #d7fffc38}.btn-primair:hover{box-shadow:inset 0 1px 1px #fff9,0 0 30px #d7fffc66}.btn-tweede{color:var(--secondary);background:0 0;border:1px solid #dbb8ff80}.btn-tweede:hover{border-color:var(--secondary);box-shadow:0 0 20px #dbb8ff40}.btn-stil{color:var(--on-surface-variant);background:#ffffff0d;border:1px solid #ffffff1a}.btn-gevaar{color:var(--error);background:0 0;border:1px solid #ffb4ab66}.btn-klein{border-radius:var(--radius-sm);padding:8px 12px;font-size:13px}.btn-rond{border-radius:var(--radius-full);justify-content:center;width:44px;height:44px;padding:0;font-size:18px}.invoer,.tekstvak,.select{width:100%;font:400 16px var(--font-body);color:var(--on-surface);border-radius:var(--radius);background:#ffffff0a;border:1px solid #d7fffc47;outline:none;padding:12px 16px;transition:border-color .25s,box-shadow .25s}.invoer::placeholder,.tekstvak::placeholder{color:var(--on-surface-variant);opacity:.8}.invoer:focus,.tekstvak:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 24px #dbb8ff4d}.tekstvak{resize:none;min-height:48px;max-height:160px;line-height:1.45}.select{appearance:none}input[type=datetime-local].invoer,input[type=date].invoer{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}label.veld{display:block}label.veld>span{margin-bottom:4px;display:block}.chip{font:500 11px var(--font-body);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);padding:4px 10px;line-height:1.2;display:inline-block}.chip-aqua{background:var(--primary-fixed-dim);color:var(--on-primary)}.chip-lila{background:var(--secondary);color:var(--on-secondary)}.chip-roze{background:var(--tertiary-fixed-dim);color:var(--on-tertiary-container)}.chip-stil{color:var(--on-surface-variant);background:#ffffff14}.chip-fout{background:var(--error-container);color:#ffdad6}.progress-track{border-radius:var(--radius-full);background:#ffffff1a;height:3px;position:relative;overflow:hidden}.progress-track:after{content:"";border-radius:inherit;background:linear-gradient(90deg, transparent, var(--primary), transparent);width:30%;height:100%;box-shadow:0 0 12px var(--primary);animation:1.8s linear infinite pulse-travel;position:absolute;top:0;left:-30%}@keyframes pulse-travel{to{left:110%}}.progress-vast{border-radius:var(--radius-full);background:#ffffff1a;height:3px;overflow:hidden}.progress-vast>i{background:var(--gradient-flow);border-radius:inherit;height:100%;transition:width .4s;display:block;box-shadow:0 0 10px #d7fffc99}.nav{z-index:20;padding:8px var(--zij) calc(8px + var(--veilig-onder));-webkit-backdrop-filter:blur(20px);background:#0b1326b8;border-top:1px solid #ffffff1a;position:fixed;bottom:0;left:0;right:0}.nav-binnen{grid-template-columns:repeat(4,1fr);gap:4px;max-width:720px;margin:0 auto;display:grid}.nav-knop{color:var(--on-surface-variant);font:500 11px var(--font-body);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex;position:relative}.nav-knop svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.nav-knop.actief{color:var(--primary);text-shadow:0 0 12px #d7fffc80}.nav-knop .bol{border-radius:var(--radius-full);background:var(--tertiary-fixed-dim);min-width:16px;height:16px;color:var(--on-tertiary-container);font:700 10px var(--font-body);justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:2px;right:calc(50% - 18px)}.chat{flex-direction:column;min-height:calc(100dvh - 140px);display:flex}.chat-lijst{flex-direction:column;flex:1;gap:10px;padding-bottom:12px;display:flex}.ballon{border-radius:var(--radius-md);white-space:pre-wrap;word-wrap:break-word;max-width:88%;padding:12px 16px;font-size:15.5px;line-height:1.5}.ballon.user{border-bottom-right-radius:var(--radius-sm);background:#d7fffc24;border:1px solid #d7fffc40;align-self:flex-end}.ballon.assistant{border-bottom-left-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff1f;align-self:flex-start}.ballon .meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ballon time{font-family:var(--font-mono);color:var(--on-surface-variant);opacity:.8;margin-top:6px;font-size:11px;display:block}.chat-invoer{bottom:calc(var(--nav-hoogte) + var(--veilig-onder) + 8px);z-index:5;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);background:#0b1326b3;border:1px solid #ffffff24;align-items:flex-end;gap:8px;padding:8px;display:flex;position:sticky}.chat-invoer .tekstvak{background:0 0;border:none;padding:10px 8px}.chat-invoer .tekstvak:focus{box-shadow:none}.snel{scrollbar-width:none;gap:8px;padding:4px 0 10px;display:flex;overflow-x:auto}.snel::-webkit-scrollbar{display:none}.snel .btn{flex:none}.item{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff1a;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.item.klaar{opacity:.5}.item .titel{font-weight:500}.item .sub{color:var(--on-surface-variant);margin-top:2px;font-size:13px}.vink{border-radius:var(--radius-full);cursor:pointer;width:26px;height:26px;color:var(--on-primary);background:0 0;border:1.5px solid #d7fffc80;flex:none;justify-content:center;align-items:center;margin-top:2px;display:flex}.vink.aan{background:var(--primary);box-shadow:0 0 14px #d7fffc80}.acties{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.leeg{color:var(--on-surface-variant);padding:8px 2px;font-size:14px}.kaart{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff24;padding:14px 16px}.kaart.wacht{border-color:#ffb2bb66;box-shadow:0 0 22px #ffb2bb1f}.tabs{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff1a;gap:6px;padding:4px;display:flex}.tabs button{color:var(--on-surface-variant);font:600 13px var(--font-body);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex:1;padding:8px}.tabs button.actief{color:var(--primary);background:#d7fffc24}.melding{border-radius:var(--radius);border:1px solid;padding:10px 14px;font-size:14px}.melding.fout{color:var(--error);background:#93000a2e;border-color:#ffb4ab66}.melding.ok{color:var(--primary);background:#d7fffc14;border-color:#d7fffc59}.melding.info{color:var(--secondary);background:#dbb8ff14;border-color:#dbb8ff66}.login{min-height:100dvh;padding:var(--zij);justify-content:center;align-items:center;display:flex}.login .glas{width:100%;max-width:380px;padding:28px}.tabel{border-collapse:collapse;width:100%;font-size:14px}.tabel th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);border-bottom:1px solid #ffffff1f;padding:6px 4px;font-size:11px;font-weight:600}.tabel td{border-bottom:1px solid #ffffff0f;padding:8px 4px}.tabel td.nummer{font-family:var(--font-mono);text-align:right;font-size:13px}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}@media (width>=640px){.display{font-size:40px}.glas{padding:24px}}