:root{--accent:#5eb55e;--accent-soft:#eaf6ea;--ink:#14181c;--muted:#6b7580;--muted-2:#8a938c;--bg:#f4f6f5;--bg-2:#edf0ee;--bg-3:#e8ebea;--border:#dfe4e1;--border-2:#e0e5e2;--warn:#e8a13c;--err:#b23a1e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--bg);font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5}button{font:inherit;cursor:pointer}input,textarea{font:inherit}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:8px;width:100%;padding:10px 16px;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:default}.btn-primary:hover:not(:disabled){filter:brightness(.95)}.btn-secondary{color:var(--ink);border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:10px 16px;font-weight:600}.btn-link{color:var(--muted);background:0 0;border:none;padding:4px 0}.btn-link:hover{color:var(--ink)}.login-page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:30px;display:flex;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.login-page:before{background:var(--accent-soft);width:340px;height:340px;top:-120px;right:-80px}.login-page:after{background:#f1faf1;width:280px;height:280px;bottom:-100px;left:-110px}.login-hero{text-align:center;flex-direction:column;align-items:center;gap:5px;margin-bottom:26px;display:flex;position:relative}.login-title{letter-spacing:-.5px;margin-top:12px;font-size:28px;font-weight:700}.login-tagline{color:var(--accent);letter-spacing:.3px;font-size:15px;font-weight:600}.login-by{color:#aab1ab;font-size:12.5px}.login-sub{color:var(--muted);max-width:340px;margin:10px 0 0;font-size:14.5px;line-height:1.5}.login-card{border:1px solid var(--border);background:#fff;border-radius:18px;width:390px;max-width:100%;padding:24px;position:relative;box-shadow:0 10px 30px #14181c0f}.logo-name{font-size:20px;font-weight:700}.logo-tag{color:var(--muted-2);font-size:12.5px}.sso-note{text-align:center;color:var(--muted-2);margin:8px 0 0;font-size:12.5px}.divider{color:var(--muted-2);align-items:center;gap:10px;margin:18px 0;font-size:12.5px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.login-card label{margin-bottom:12px;font-size:13px;font-weight:600;display:block}.login-card input{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:100%;margin-top:5px;padding:9px 12px;display:block}.login-card input:focus{outline:2px solid var(--accent);outline-offset:-1px}.login-err{color:var(--err);margin-bottom:12px;font-size:13px}.login-foot{text-align:center;color:var(--muted-2);margin-top:20px;font-size:12px}.lang-switch{justify-content:center;gap:6px;margin-top:12px;display:flex}.lang-switch button{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:6px;padding:3px 10px;font-size:12px}.lang-switch button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chat-layout{height:100%;display:flex}.sidebar{background:var(--bg-3);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:270px;padding:18px 14px;display:flex}.side-logo{align-items:center;gap:10px;margin:4px 6px 18px;display:flex}.side-logo svg{flex-shrink:0}.side-logo .logo-name{letter-spacing:-.2px;font-size:17px;line-height:1.1}.new-chat{margin-bottom:14px}.conv-list{flex:1;overflow-y:auto}.conv-item{color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-bottom:2px;padding:8px 10px;font-size:13.5px;display:flex}.conv-item:hover{background:var(--bg-2)}.conv-item.active{background:#fff;box-shadow:0 1px 3px #14181c0d}.conv-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.conv-del{color:var(--muted-2);visibility:hidden;background:0 0;border:none;padding:0 4px;font-size:15px}.conv-item:hover .conv-del{visibility:visible}.conv-del:hover{color:var(--err)}.side-foot{border-top:1px solid var(--border);padding-top:12px}.side-user{text-align:center;margin:8px 0 2px}.user-name{font-size:13.5px;font-weight:600}.user-role{color:var(--muted-2);font-size:12px}.side-foot .btn-link{width:100%;font-size:13px}.chat-main{flex-direction:column;flex:1;min-width:0;display:flex}.chat-scroll{flex:1;padding:28px 0;overflow-y:auto}.thread,.hero{max-width:780px;margin:0 auto;padding:0 24px}.hero{padding-top:9vh}.hero h1{margin:0 0 10px;font-size:28px}.hero p{color:var(--muted);max-width:560px}.chip-row{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.chip{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px}.chip:hover{border-color:var(--accent);background:var(--accent-soft)}.bubble{border-radius:14px;margin-bottom:16px;padding:12px 16px}.bubble.user{background:var(--accent-soft);white-space:pre-wrap;border:1px solid #d6ecd6;margin-left:18%}.bubble.elly{border:1px solid var(--border);background:#fff;margin-right:8%}.typing{color:var(--muted-2);padding:4px 2px;font-size:13.5px}.steps{margin-bottom:10px}.steps-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);margin-bottom:6px;font-size:11px}.step{color:var(--muted);align-items:center;gap:8px;padding:2px 0;font-size:12.5px;display:flex}.step-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.step.running .step-dot{background:var(--warn);animation:1s infinite pulse}.step.ok .step-dot{background:var(--accent)}.step.error .step-dot,.step.denied .step-dot{background:var(--err)}@keyframes pulse{50%{opacity:.35}}.bubble.elly p{margin:8px 0}.bubble.elly p:first-child{margin-top:0}.bubble.elly p:last-child{margin-bottom:0}.inline-code{background:var(--bg-2);border-radius:4px;padding:1px 5px;font-family:Consolas,monospace;font-size:13px}.code-block{background:var(--bg-2);border:1px solid var(--border-2);border-radius:8px;padding:10px 12px;font-family:Consolas,monospace;font-size:12.5px;overflow-x:auto}.table-wrap{margin:10px 0;overflow-x:auto}.bubble.elly table{border-collapse:collapse;width:100%;font-size:13.5px}.bubble.elly th,.bubble.elly td{border-bottom:1px solid var(--border-2);text-align:left;padding:7px 10px}.bubble.elly th{color:var(--muted);background:var(--bg);-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:12px}.bubble.elly th.sortable{cursor:pointer}.bubble.elly th.sortable:hover{color:var(--ink)}.bubble.elly th[data-sort=asc]:after{content:" ↑"}.bubble.elly th[data-sort=desc]:after{content:" ↓"}.vega-chart{margin:10px 0;overflow-x:auto}.action-card{border:1px solid var(--warn);background:#fff;border-radius:14px;margin-bottom:16px;margin-right:8%;padding:14px 16px}.action-card.risk-high{border-color:var(--err)}.action-card.st-executed,.action-card.st-rejected{border-color:var(--border);opacity:.85}.action-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.action-title{font-size:14px;font-weight:600}.risk-badge{color:#9a6410;white-space:nowrap;background:#fdf3e3;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.risk-badge.high{color:var(--err);background:#fbeae5}.action-table{border-collapse:collapse;margin:10px 0 4px;font-size:13px}.action-table th{text-align:left;color:var(--muted);vertical-align:top;white-space:nowrap;padding:3px 14px 3px 0;font-weight:600}.action-table td{word-break:break-all;padding:3px 0}.action-table code{background:var(--bg-2);border-radius:4px;padding:1px 5px;font-size:12.5px}.action-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.btn-confirm{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600}.btn-reject{color:var(--err);border:1px solid var(--err);background:#fff;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.btn-confirm:disabled,.btn-reject:disabled{opacity:.5}.action-status{color:var(--muted);font-size:12.5px}.action-status.final{color:var(--ink);font-weight:600}.action-err{color:var(--err);font-size:12px}.nav-item{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:13.5px}.nav-item:hover{background:var(--bg-2)}.nav-item.active{background:#fff;box-shadow:0 1px 3px #14181c0d}.approvals h2{margin:6px 0 16px}.approvals .muted,.channels-view .muted{color:var(--muted-2)}.back-link{padding:0;font-size:13px}.channels-view h2{margin:6px 0}.ch-section{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-2);margin:24px 0 10px;font-size:13px}.ch-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}.ch-card.paused{opacity:.7}.ch-name{font-weight:600}.ch-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.ch-badge{background:var(--bg-2);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:11.5px}.ch-badge.ok{background:var(--accent-soft);color:#2e7d3e}.ch-badge.pending{color:#9a6410;background:#fdf3e3}.ch-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ch-actions button{border:1px solid var(--border);background:var(--bg);color:var(--ink);border-radius:8px;padding:5px 11px;font-size:12.5px}.ch-actions button:hover{border-color:var(--accent)}.ch-actions button.danger{color:var(--err)}.ch-actions button.danger:hover{border-color:var(--err)}.ch-notify{color:var(--muted);align-items:center;gap:5px;font-size:12.5px;display:flex}.ch-add-row{flex-wrap:wrap;gap:8px;display:flex}.modal-backdrop{z-index:10;background:#14181c66;place-items:center;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:16px;width:400px;max-width:calc(100vw - 32px);padding:26px}.modal h3{margin:0 0 10px}.modal p{color:var(--muted);font-size:14px}.code-box{letter-spacing:3px;background:var(--bg-2);border-radius:10px;margin:16px 0;padding:14px;font-family:Consolas,monospace;font-size:24px;font-weight:700}.admin-view h2{margin:6px 0}.stat-row{flex-wrap:wrap;gap:12px;margin:18px 0 8px;display:flex}.stat-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex:1;min-width:130px;padding:14px 16px}.stat-card.warn{border-color:var(--warn);background:#fdf7ee}.stat-n{font-size:26px;font-weight:700}.stat-l{color:var(--muted);margin-top:2px;font-size:12px}.tab-row{border-bottom:1px solid var(--border);gap:6px;margin:20px 0 12px;display:flex}.tab-row button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:14px;font-weight:600}.tab-row button.on{color:var(--ink);border-bottom-color:var(--accent)}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-2);background:var(--bg);padding:6px 10px;font-size:11.5px}.admin-table td{border-bottom:1px solid var(--border-2);vertical-align:top;padding:6px 10px}.admin-table .mono{color:var(--muted);font-family:Consolas,monospace;font-size:12px}.admin-table .row-fraud{background:#fbeae5}.admin-table .row-mgmt{background:var(--accent-soft)}.mini-badge{border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px}.mini-badge.mgmt{background:var(--accent);color:#fff}.mini-badge.fraud{background:var(--err);color:#fff}.alert-list{flex-direction:column;gap:6px;display:flex}.alert-item{text-align:left;border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.alert-item:hover{border-color:var(--accent)}.alert-item.st-afgehandeld,.alert-item.st-vals_alarm{opacity:.6}.sev-dot{background:var(--warn);border-radius:50%;flex-shrink:0;width:9px;height:9px}.sev-dot.high{background:var(--err)}.sev-dot.low{background:var(--muted-2)}.alert-class{font-size:13.5px;font-weight:600}.alert-user{color:var(--muted);margin-left:auto;font-size:13px}.alert-status{background:var(--bg-2);color:var(--muted);border-radius:999px;padding:2px 9px;font-size:11.5px}.alert-status.st-nieuw{color:#9a6410;background:#fdf3e3}.alert-modal{text-align:left;width:440px}.kv{width:100%;margin:6px 0 14px;font-size:13.5px}.kv th{text-align:left;color:var(--muted);vertical-align:top;white-space:nowrap;padding:4px 12px 4px 0;font-weight:600}.kv .mono{font-family:Consolas,monospace;font-size:12.5px}.alert-actions{flex-wrap:wrap;gap:8px;display:flex}.alert-actions button{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:7px 13px;font-size:13px;font-weight:600}.alert-actions button.ok{background:var(--accent);color:#fff;border:none}.admin-table .row-disabled{opacity:.5}.admin-table select{font:inherit;border:1px solid var(--border);border-radius:6px;padding:3px 6px}.danger-link{color:var(--err);background:0 0;border:none;font-size:12.5px;font-weight:600}.danger-link:hover{text-decoration:underline}.export-bar{border-top:1px solid var(--border-2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.export-bar button{border:1px solid var(--border);background:var(--bg);color:var(--ink);border-radius:8px;padding:5px 11px;font-size:12.5px}.export-bar button:hover{border-color:var(--accent);background:var(--accent-soft)}.export-status{color:var(--muted);font-size:12px}.composer{align-items:flex-end;gap:10px;width:100%;max-width:780px;margin:0 auto;padding:0 24px;display:flex}.composer textarea{resize:none;border:1px solid var(--border);background:#fff;border-radius:12px;flex:1;padding:11px 14px}.composer textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.composer .send{border-radius:12px;flex-shrink:0;width:46px;height:46px}.composer-note{max-width:780px;color:var(--muted-2);text-align:center;margin:8px auto 14px;padding:0 24px;font-size:12px}