:root{--pearl:#f8f7f6;--pearl-2:#f1eff2;--ink:#182028;--muted:#68727d;--lavender:#a69add;--lavender-soft:#a69add29;--mint:#cee5dc;--glass:#ffffff9e;--glass-strong:#ffffffc7;--edge:#1820281a;--radius:18px;--shadow:0 18px 48px #18202817;color:var(--ink);background:var(--pearl);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--pearl:#14171b;--pearl-2:#191d23;--ink:#eceff1;--muted:#9aa4ad;--lavender:#b9aeee;--lavender-soft:#b9aeee33;--mint:#a8d6c6;--glass:#22283099;--glass-strong:#222830cc;--edge:#eceff124;--shadow:0 18px 48px #0006;background:var(--pearl)}}:root[data-theme=dark]{--pearl:#14171b;--pearl-2:#191d23;--ink:#eceff1;--muted:#9aa4ad;--lavender:#b9aeee;--lavender-soft:#b9aeee33;--mint:#a8d6c6;--glass:#22283099;--glass-strong:#222830cc;--edge:#eceff124;--shadow:0 18px 48px #0006;background:var(--pearl)}@media (prefers-contrast:more){:root{--edge:#18202880;--muted:#46505a}}*{box-sizing:border-box}html,body,#root{flex-direction:column;height:100%;margin:0;display:flex}body{background:var(--pearl);color:var(--ink);font-size:16px;line-height:1.5}button{font:inherit;cursor:pointer;color:inherit}input{font:inherit;color:inherit}code{font-family:Cascadia Code,ui-monospace,monospace}:focus-visible{outline:3px solid var(--lavender);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.light-hall{z-index:0;pointer-events:none;background:linear-gradient(163deg, var(--pearl) 0%, var(--pearl-2) 52%, var(--pearl) 100%);position:fixed;inset:0;overflow:hidden}.hall-depth{filter:blur(42px);background:radial-gradient(46% 40% at 62% 46%,#ffffffd9,#0000 70%),radial-gradient(36% 30% at 66% 52%,#cee5dc38,#0000 72%),radial-gradient(28% 24% at 56% 54%,#a69add21,#0000 70%);border-radius:50%;width:74%;height:66%;position:absolute;top:22%;right:-16%}.hall-band{filter:blur(26px);transform-origin:60%;border-radius:100%;width:165%;animation:22s ease-in-out infinite alternate hall-drift;position:absolute;left:-28%}.band-lavender-1{opacity:.5;background:linear-gradient(92deg,#0000 6%,#a69add57 38%,#a69add29 66%,#0000 92%);height:15%;top:56%;rotate:-9deg}.band-lavender-2{opacity:.42;background:linear-gradient(92deg,#0000 10%,#a69add42 46%,#0000 88%);height:9%;animation-delay:-7000ms;top:76%;rotate:-6deg}.band-mint-1{opacity:.5;background:linear-gradient(92deg,#0000 8%,#cee5dc80 42%,#cee5dc33 70%,#0000 94%);height:13%;animation-delay:-13000ms;top:30%;rotate:-12deg}.band-mint-2{opacity:.4;background:linear-gradient(92deg,#0000 12%,#cee5dc66 52%,#0000 90%);height:8%;animation-delay:-4000ms;top:12%;rotate:-15deg}.band-light-1{opacity:.6;background:linear-gradient(92deg,#0000 10%,#fffc 48%,#0000 86%);height:8%;animation-delay:-10000ms;top:64%;rotate:-8deg}.band-light-2{opacity:.5;background:linear-gradient(92deg,#0000 14%,#ffffffb3 54%,#0000 88%);height:6%;animation-delay:-16000ms;top:44%;rotate:-11deg}.hall-floor-glow{filter:blur(46px);background:radial-gradient(50% 60% at 50% 60%,#ffffffb3,#0000 70%);border-radius:50%;height:34%;position:absolute;bottom:-12%;left:10%;right:10%}@keyframes hall-drift{0%{transform:translateY(-1.2%)}to{transform:translateY(1.2%)}}:root[data-theme=dark] .hall-depth,:root:not([data-theme=light]) .hall-depth{background:radial-gradient(46% 40% at 62% 46%,#ffffff1f,#0000 70%),radial-gradient(36% 30% at 66% 52%,#cee5dc1a,#0000 72%),radial-gradient(28% 24% at 56% 54%,#a69add1a,#0000 70%)}:root[data-theme=dark] .hall-floor-glow,:root:not([data-theme=light]) .hall-floor-glow{background:radial-gradient(50% 60% at 50% 60%,#ffffff0f,#0000 70%)}html.animaties-uit .hall-band{animation:none}.app{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.app-main{flex-direction:column;flex:1;min-height:0;display:flex}.topbar{align-items:center;gap:14px;padding:14px 22px;display:flex}.menu-btn{width:34px;height:34px;color:var(--ink);background:0 0;border:none;border-radius:10px;place-items:center;transition:color .12s;display:grid}.menu-btn:hover{color:var(--lavender)}.wordmark{letter-spacing:.44em;color:var(--ink);-webkit-user-select:none;user-select:none;font-size:12.5px;font-weight:500}.app-footer{justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 16px;display:flex}.stage-label{color:var(--muted);letter-spacing:.01em;font-size:12.5px}.stage-label b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.privacy-route{color:var(--muted);background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;display:inline-flex}.privacy-route .lock{flex:none;width:15px;height:15px}.context-menu{z-index:30;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--edge);border-radius:var(--radius);min-width:280px;box-shadow:var(--shadow);padding:8px;animation:.14s ease-out menu-in;position:fixed;top:64px;left:20px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.context-menu button{text-align:left;background:0 0;border:none;border-radius:12px;width:100%;padding:10px 14px;display:block}.context-menu button:hover{background:var(--lavender-soft)}.context-menu .menu-note{color:var(--muted);letter-spacing:0;font-size:12px;display:block}.idle{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-height:0;padding:0 24px;display:flex}.greeting{letter-spacing:-.012em;text-align:center;margin:min(32vh,290px) 0 0;font-size:clamp(32px,4.6vw,58px);font-weight:300;line-height:1.15}.subline{color:var(--muted);text-align:center;margin:10px 0 0;font-size:clamp(16px,1.7vw,22px);font-weight:300}.persona-chip{color:var(--muted);align-items:center;gap:10px;margin:18px 0 0;font-size:13px;display:inline-flex}.persona-chip img{object-fit:cover;border:1px solid var(--edge);border-radius:999px;width:30px;height:30px}.idle-cube{margin-top:3.5vh;margin-bottom:auto}.idle-cube-size.cube-host,.cube-host.idle-cube-size{width:clamp(46px,5vw,72px);height:clamp(46px,5vw,72px)}@media (height<=620px){.greeting{margin-top:10vh;font-size:clamp(24px,5.4vh,34px)}.subline{margin-top:4px;font-size:15px}.persona-chip{margin-top:8px}.idle-cube{margin-bottom:1vh}.idle-cube-size.cube-host,.cube-host.idle-cube-size{width:clamp(38px,9vh,54px);height:clamp(38px,9vh,54px)}}@media (width<=640px){.greeting{margin-top:24vh}}.idle-cube{transition:margin .42s cubic-bezier(.4,0,.2,1)}.idle-cube.in-gesprek{margin-top:1.6vh;margin-bottom:1.2vh}.cube-host{transition:width .42s cubic-bezier(.4,0,.2,1),height .42s cubic-bezier(.4,0,.2,1)}.cube-host.gesprek-cube-size{width:clamp(34px,3.4vw,48px);height:clamp(34px,3.4vw,48px)}.gesprek{flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;display:flex}.gesprek-scroll{scrollbar-width:thin;flex-direction:column;flex:1;gap:6px;width:min(680px,94vw);min-height:0;padding:4px 6px 10px;display:flex;overflow-y:auto}.gesprek-msg{border-radius:14px;padding:8px 14px}.gesprek-msg.van-gebruiker{background:var(--glass);border:1px solid var(--edge);align-self:flex-end;max-width:85%}.gesprek-msg.van-assistent{align-self:stretch;max-width:100%;animation:.42s cubic-bezier(.4,0,.2,1) both gesprek-verschijnt}.gesprek-msg.is-fout .msg-tekst{color:#a34a26}@keyframes gesprek-verschijnt{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}html.animaties-uit .gesprek-msg.van-assistent{animation:none}@media (prefers-reduced-motion:reduce){.gesprek-msg.van-assistent{animation:none}}.msg-kop{align-items:center;gap:8px;margin-bottom:3px;display:flex}.msg-portret{object-fit:cover;border:1px solid var(--edge);border-radius:999px;width:22px;height:22px}.msg-naam{color:var(--muted);font-size:12px;font-weight:500}.msg-tekst{white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:0}.gesprek-msg.van-gebruiker .msg-tekst{-webkit-user-select:text;user-select:text}.gesprek-bezig{color:var(--muted);margin:6px 0 0;font-size:13px;animation:.42s cubic-bezier(.4,0,.2,1) both gesprek-verschijnt}html.animaties-uit .gesprek-bezig{animation:none}.naamvraag{align-items:center;gap:8px;margin-top:8px;animation:.42s cubic-bezier(.4,0,.2,1) both gesprek-verschijnt;display:flex}html.animaties-uit .naamvraag{animation:none}.naamvraag input{border:1px solid var(--edge);background:var(--glass);border-radius:999px;width:min(240px,60vw);padding:9px 16px}.naamvraag input:focus{border-color:var(--lavender);outline:none}.command-wrap{justify-content:center;padding:8px 20px;display:flex}.command-input{border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:10px;width:min(600px,92vw);padding:6px 8px 6px 22px;display:flex;box-shadow:0 6px 20px #1820280f}.command-input input{background:0 0;border:none;flex:1}.command-input input:focus{outline:none}.command-input input::placeholder{color:var(--muted)}.mic-btn{width:40px;height:40px;color:var(--muted);background:0 0;border:none;border-radius:999px;place-items:center;display:grid}.mic-btn[disabled]{cursor:not-allowed;opacity:.55}.btn{border:1px solid var(--edge);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:11px 24px;transition:border-color .12s,background .12s;display:inline-flex}.btn:hover:not([disabled]){border-color:var(--lavender)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--ink);color:var(--pearl);border-color:#0000}.btn.primary:hover:not([disabled]){background:var(--ink);opacity:.88}.btn.danger:hover:not([disabled]){color:#a34a26;border-color:#b3552e}.link-btn{color:var(--ink);background:0 0;border:none;border-radius:10px;padding:8px 14px}.link-btn:hover{color:var(--lavender)}.cube-host{width:clamp(72px,8.5vw,112px);height:clamp(72px,8.5vw,112px);position:relative}.cube-scene{perspective:620px}.cube-scene.idle-cube-size{width:clamp(46px,5vw,72px);height:clamp(46px,5vw,72px)}.cube{width:100%;height:100%;transform-style:preserve-3d;position:relative;transform:rotateX(-16deg)rotateY(26deg)}.cube-face{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(135deg,#ffffff8c,#ffffff1a);border:1.5px solid #18202833;border-radius:5px;position:absolute;inset:0}.cube-face.shade{background:linear-gradient(135deg,#ffffff52,#7882911a)}.working{flex:1;grid-template-columns:minmax(300px,38%) 1fr;align-content:start;gap:40px;padding:12px 48px;display:grid}@media (width<=760px){.working{grid-template-columns:1fr;padding:12px 20px}}.working-title,.decision-title{text-align:center;letter-spacing:-.01em;margin:14px 0 0;font-size:clamp(24px,3.2vw,40px);font-weight:600}.working-sub,.decision-sub{text-align:center;color:var(--muted);margin:2px 0 22px;font-weight:350}.task-rail{flex-direction:column;padding-top:6px;display:flex}.rail-step{grid-template-columns:22px 1fr;gap:16px;padding:14px 0 20px;display:grid;position:relative}.rail-step:not(:last-child):before{content:"";background:var(--edge);width:1.5px;position:absolute;top:34px;bottom:-6px;left:10px}.rail-dot{border:2px solid var(--muted);background:0 0;border-radius:999px;justify-self:center;width:13px;height:13px;margin-top:7px}.rail-dot.running{border-color:var(--lavender);background:var(--lavender);box-shadow:0 0 0 5px var(--lavender-soft)}.rail-dot.done{border-color:var(--mint);background:var(--mint)}.rail-dot.awaiting_approval{border-color:var(--lavender)}.rail-dot.failed{background:#b3552e;border-color:#b3552e}.rail-agent{color:var(--muted);font-size:13px}.rail-label{margin-top:1px;font-size:16.5px}.rail-label.queued{color:var(--muted);font-weight:350}.rail-state{color:var(--muted);margin-top:2px;font-size:12.5px}.doc-card{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 26px}.doc-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.doc-kicker{letter-spacing:.32em;color:var(--muted);font-size:11.5px;font-weight:600}.doc-supplier{margin:6px 0 0;font-size:17px}.skeleton{flex-direction:column;gap:8px;margin:6px 0 14px;display:flex}.skeleton i{background:#18202812;border-radius:4px;height:7px;display:block}:root[data-theme=dark] .skeleton i,.dark .skeleton i{background:#eceff11a}.doc-row{border-top:1px solid var(--edge);justify-content:space-between;padding:9px 0;font-size:15px;display:flex}.doc-row.total{font-size:17.5px;font-weight:600}.doc-amounts{flex-direction:column;gap:9px;min-width:42%;margin-bottom:6px;display:flex}.doc-amounts .doc-row{border:none;padding:0}.ocr-pre{color:var(--muted);white-space:pre-wrap;background:#18202809;border-radius:12px;margin:14px 0 0;padding:14px;font-family:Cascadia Code,ui-monospace,monospace;font-size:12.5px;overflow-x:auto}:root[data-theme=dark] .ocr-pre{background:#eceff10d}.content-canvas{flex-direction:column;gap:14px;display:flex}.content-note{color:var(--muted);margin:0;font-size:13px}.pending-line{color:var(--ink);justify-content:center;align-items:center;gap:12px;margin:18px 0 6px;font-size:15px;display:flex}.pending-ring{border:2.5px solid var(--edge);border-top-color:var(--lavender);border-radius:999px;width:18px;height:18px;animation:.9s linear infinite ring-spin}@keyframes ring-spin{to{transform:rotate(360deg)}}.task-actions{justify-content:center;gap:14px;margin:8px 0 4px;display:flex}.working-bottom{flex-direction:column;align-items:center;gap:14px;padding-bottom:6px;display:flex}.working-cube{transform-origin:bottom;margin:-10px 0;transform:scale(.62)}.decision{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:56px;width:100%;max-width:1240px;margin:0 auto;padding:8px clamp(24px,6vw,72px);display:grid}@media (width<=900px){.decision{grid-template-columns:1fr;gap:24px}}.decision .col{flex-direction:column;gap:14px;min-width:0;display:flex}.decision .col.right{padding-left:0;position:relative}@media (width>=901px){.decision .col.right{border-left:1px solid var(--edge);padding-left:56px}}.decision h2{letter-spacing:-.01em;margin:0;font-size:clamp(20px,2vw,26px)}.decision-lead{color:var(--muted);margin:0}.doc-thumb{grid-template-columns:auto 1fr;align-items:start;gap:22px;display:grid}.thumb-card{border:1px solid var(--edge);background:var(--glass-strong);border-radius:12px;width:128px;padding:14px 12px;box-shadow:0 8px 20px #18202812}.thumb-card .doc-kicker{letter-spacing:.24em;font-size:9px}.thumb-card .skeleton i{height:5px}.thumb-card .thumb-total{margin-top:8px;font-size:10.5px;font-weight:600}.thumb-meta h3{margin:0 0 2px;font-size:18px}.thumb-meta p{color:var(--muted);margin:0 0 12px}.status-chip{color:var(--ink);align-items:center;gap:9px;font-size:14px;display:inline-flex}.dot-ok{background:#2f9e6e;border-radius:999px;width:10px;height:10px}.dot-locked{background:var(--muted);border-radius:999px;width:10px;height:10px}.vault-panel h3{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:22px 0 8px;font-size:13px}.vault-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.vault-panel .doc-row{font-size:14px}.agent-card{border-top:1px solid var(--edge);padding:14px 0}.agent-card:first-of-type{border-top:none;padding-top:0}.agent-card h3{margin:0 0 6px}.approve-cta{flex-direction:column;gap:8px;display:flex}.approve-note{color:var(--muted);border-top:1px solid var(--edge);padding-top:12px;font-size:13.5px}.version-line{color:var(--ink);font-size:14.5px}.version-line code{color:var(--muted);font-size:12px}.result{flex-direction:column;flex:1;gap:16px;width:100%;max-width:860px;margin:0 auto;padding:20px clamp(20px,5vw,56px);display:flex}.result h2{margin:0;font-size:clamp(24px,3vw,32px)}.audit-list{color:var(--muted);margin:0;padding:0;font-size:14px;list-style:none}.audit-list li{border-top:1px solid var(--edge);padding:8px 0}.audit-list li b{color:var(--ink);font-variant-numeric:tabular-nums}.presentatie{max-width:640px}.presentatie-kop{margin:6px 0 12px;font-size:17px;font-weight:500}.presentatie-herkomst{color:var(--muted);font-size:12.5px;font-weight:400}.presentatie-stappen{margin:0;padding:0;list-style:none}.presentatie-stap{border-top:1px solid var(--edge);grid-template-columns:22px 1fr;align-items:start;gap:12px;padding:12px 0;display:grid}.presentatie-stap b{font-weight:500}.presentatie-stap p{color:var(--ink);margin:2px 0 0;font-size:14.5px}.presentatie-stap .presentatie-bron{color:var(--muted);grid-column:2;margin-top:4px;font-size:11.5px}.presentatie-dot{border:2px solid var(--muted);background:0 0;border-radius:999px;justify-self:center;width:12px;height:12px;margin-top:5px}.presentatie-dot.aan{border-color:var(--lavender);background:var(--lavender);box-shadow:0 0 0 4px var(--lavender-soft)}.presentatie-stap.voortgang .presentatie-dot.aan{border-color:var(--mint);background:var(--mint)}.presentatie-vergelijking{grid-template-columns:1fr 1fr;gap:18px;margin:10px 0;display:grid}@media (width<=640px){.presentatie-vergelijking{grid-template-columns:1fr}}.presentatie-kolom{background:var(--glass);border:1px solid var(--edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 18px}.presentatie-kolom h4{margin:0 0 6px;font-weight:500}.presentatie-kolom p{margin:0;font-size:14.5px}.presentatie-markering{border-left:3px solid var(--lavender);background:var(--lavender-soft);border-radius:12px;margin:10px 0;padding:14px 16px}.presentatie-markering p{margin:0;font-size:14.5px}.presentatie-overgang{color:var(--ink)}.presentatie-overgang p{margin:6px 0;font-size:15px}.presentatie-stop{padding-left:0}.presentatie-bronnen{color:var(--muted);margin:10px 0 0;font-size:12px}.state-chip{border:1px solid var(--edge);background:var(--glass);color:var(--muted);border-radius:999px;margin-left:14px;padding:2px 12px;font-size:11.5px;display:inline-flex}.state-chip[data-state=verwerken],.state-chip[data-state=goedkeuring-nodig]{border-color:var(--lavender);color:var(--ink)}.state-chip[data-state=resultaat]{color:var(--ink);border-color:#2f9e6e}.state-chip[data-state=fout]{color:#a34a26;border-color:#b3552e}.demo-banner{z-index:40;color:#6b5d1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fdf6dd;border:1px solid #e9dc9d;border-top:none;border-radius:0 0 12px 12px;padding:6px 20px;font-size:12.5px;position:fixed;top:0;left:50%;transform:translate(-50%)}:root[data-theme=dark] .demo-banner{color:#e9dc9d;background:#38311a;border-color:#6b5d1f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .demo-banner{color:#e9dc9d;background:#38311a;border-color:#6b5d1f}}.history-panel{background:var(--glass);border:1px solid var(--edge);border-radius:var(--radius);max-height:380px;box-shadow:var(--shadow);padding:18px 20px;font-size:14px;overflow-y:auto}.topic-copy{color:var(--muted)}@media (width<=760px){.decision .col.right{border-left:none;border-top:1px solid var(--edge);padding-top:20px;padding-left:0}.doc-thumb{grid-template-columns:1fr}.thumb-card{width:108px}}.refused-screen{text-align:center;background:var(--ground,#f8f7f6);min-height:100vh;color:var(--ink,#182028);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.refused-screen h1{margin:0;font-size:24px}.refused-screen p{max-width:560px;color:var(--muted,#68727d);margin:0}