:root{--gold:#92400e;--gold-light:#b45309;--gold-bg:#fef3c7;--gold-hover:#78350f;--accent:#6c5ce7;--accent-light:#a78bfa;--accent-bg:#ede9fe;--bg-app:#f8f6f3;--bg-sidebar:#1c1917;--bg-sidebar-hover:#292524;--bg-sidebar-active:#44403c;--bg-chat:#faf9f7;--bg-card:#fff;--bg-input:#fff;--text-primary:#0c0b1a;--text-secondary:#57534e;--text-muted:#a8a29e;--text-sidebar:#d6d3d1;--text-sidebar-active:#fef3c7;--text-on-gold:#fff;--green:#16a34a;--green-bg:#dcfce7;--red:#dc2626;--red-bg:#fef2f2;--orange:#f59e0b;--orange-bg:#fffbeb;--blue:#2563eb;--blue-bg:#dbeafe;--teal:#0d9488;--border:#e7e5e4;--border-light:#f5f5f4;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--radius-sm:6px;--radius:10px;--radius-lg:16px;--font:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--sidebar-width:280px;--header-height:60px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f8f6f3;background:var(--bg-app);color:#0c0b1a;color:var(--text-primary);line-height:1.6}body,button{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font)}button{cursor:pointer}a{color:#92400e;color:var(--gold);text-decoration:none}.app{display:flex;height:100vh;overflow:hidden}.sidebar{background:#1c1917;background:var(--bg-sidebar);border-right:1px solid #292524;display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease;width:280px;width:var(--sidebar-width)}.sidebar-header{border-bottom:1px solid #292524;padding:20px 18px 14px}.sidebar-brand{gap:10px}.sidebar-brand,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:linear-gradient(135deg,#92400e,#b45309);background:linear-gradient(135deg,var(--gold),var(--gold-light));border-radius:8px;color:#fff;font-size:18px;height:36px;justify-content:center;width:36px}.sidebar-title{color:#fafaf9;font-size:.95rem;font-weight:700;line-height:1.2}.sidebar-subtitle{color:#a8a29e;color:var(--text-muted);font-size:.7rem;font-weight:500;letter-spacing:.04em}.mode-switch{background:#292524;border-radius:8px;display:flex;gap:4px;margin:12px 18px 8px;padding:3px}.mode-btn{background:#0000;border:none;border-radius:6px;color:#a8a29e;color:var(--text-muted);flex:1 1;font-size:.78rem;font-weight:600;padding:8px 6px;transition:all .2s}.mode-btn:hover{color:#d6d3d1;color:var(--text-sidebar)}.mode-btn.active{background:#92400e;background:var(--gold);box-shadow:0 2px 8px #92400e4d;color:#fff;color:var(--text-on-gold)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 10px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#44403c;border-radius:4px}.nav-category{color:#a8a29e;color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.12em;padding:14px 8px 6px;text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#d6d3d1;color:var(--text-sidebar);display:flex;font-size:.85rem;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:#292524;background:var(--bg-sidebar-hover);color:#fafaf9}.nav-item.active{background:#44403c;background:var(--bg-sidebar-active);color:#fef3c7;color:var(--text-sidebar-active)}.nav-icon{flex-shrink:0;font-size:1.05rem;text-align:center;width:22px}.nav-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{background:#92400e;background:var(--gold);border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 7px}.sidebar-footer{border-top:1px solid #292524;padding:12px 18px}.sidebar-footer-text{color:#a8a29e;color:var(--text-muted);font-size:.68rem;text-align:center}.sidebar-footer-text a{color:#b45309;color:var(--gold-light)}.main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.header{background:#fff;background:var(--bg-card);border-bottom:1px solid #e7e5e4;border-bottom:1px solid var(--border);flex-shrink:0;height:60px;height:var(--header-height);justify-content:space-between;padding:0 24px}.header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-burger{background:none;border:none;color:#57534e;color:var(--text-secondary);display:none;font-size:1.4rem;padding:4px}.header-module{align-items:center;color:#0c0b1a;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;gap:8px}.header-module-icon{font-size:1.15rem}.header-right{align-items:center;display:flex;gap:10px}.header-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.72rem;font-weight:700;gap:5px;padding:5px 12px}.badge-intern{background:#fef3c7;background:var(--gold-bg);color:#92400e;color:var(--gold)}.badge-publiek{background:#ccfbf1;color:#0d9488;color:var(--teal)}.lang-switch{background:#f8f6f3;background:var(--bg-app);border-radius:6px;display:flex;gap:2px;padding:2px}.lang-btn{background:#0000;border:none;border-radius:4px;color:#a8a29e;color:var(--text-muted);font-size:.72rem;font-weight:600;padding:5px 10px;transition:all .2s}.lang-btn.active{background:#fff;background:var(--bg-card);box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);color:#0c0b1a;color:var(--text-primary)}.chat-area{overflow:hidden}.chat-area,.messages{display:flex;flex:1 1;flex-direction:column}.messages{gap:16px;overflow-y:auto;padding:24px}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background:#e7e5e4;background:var(--border);border-radius:6px}.message{animation:msgIn .3s ease;border-radius:16px;border-radius:var(--radius-lg);font-size:.92rem;line-height:1.65;max-width:85%;padding:14px 18px}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-user{align-self:flex-end;background:linear-gradient(135deg,#92400e,#b45309);background:linear-gradient(135deg,var(--gold),var(--gold-light));border-bottom-right-radius:4px;color:#fff}.msg-ai{align-self:flex-start;background:#fff;background:var(--bg-card);border:1px solid #e7e5e4;border:1px solid var(--border);border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000000f;box-shadow:var(--shadow-sm);color:#0c0b1a;color:var(--text-primary)}.msg-system{align-self:center;background:#fffbeb;background:var(--orange-bg);border:1px solid #fde68a;border-radius:20px;color:#92400e;color:var(--gold);font-size:.82rem;font-weight:600;max-width:500px;padding:10px 18px;text-align:center}.welcome{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.welcome-icon{font-size:3rem;margin-bottom:16px}.welcome-title{color:#0c0b1a;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:8px}.welcome-text{color:#57534e;color:var(--text-secondary);font-size:.95rem;margin-bottom:24px;max-width:500px}.welcome-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:600px;width:100%}.welcome-card{background:#fff;background:var(--bg-card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;padding:14px;text-align:left;transition:all .2s}.welcome-card:hover{border-color:#92400e;border-color:var(--gold);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.welcome-card-icon{font-size:1.3rem;margin-bottom:6px}.welcome-card-title{color:#0c0b1a;color:var(--text-primary);font-size:.82rem;font-weight:700;margin-bottom:2px}.welcome-card-desc{color:#a8a29e;color:var(--text-muted);font-size:.72rem}.input-area{background:#fff;background:var(--bg-card);border-top:1px solid #e7e5e4;border-top:1px solid var(--border);padding:16px 24px 20px}.quick-actions{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;padding-bottom:4px}.quick-actions::-webkit-scrollbar{height:3px}.quick-actions::-webkit-scrollbar-thumb{background:#e7e5e4;background:var(--border);border-radius:3px}.qa-btn{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:20px;color:#57534e;color:var(--text-secondary);display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:6px 14px;transition:all .2s;white-space:nowrap}.qa-btn:hover{background:#fef3c7;background:var(--gold-bg);border-color:#92400e;border-color:var(--gold);color:#92400e;color:var(--gold)}.qa-btn.active{background:#fef2f2;background:var(--red-bg);border-color:#dc2626;border-color:var(--red);color:#dc2626;color:var(--red)}.input-row{align-items:flex-end;display:flex;gap:10px}.input-field{background:#fff;background:var(--bg-input);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0c0b1a;color:var(--text-primary);flex:1 1;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font);font-size:.92rem;line-height:1.5;max-height:120px;min-height:46px;padding:12px 16px;resize:none;transition:border-color .2s}.input-field:focus{border-color:#92400e;border-color:var(--gold);box-shadow:0 0 0 3px #92400e1a;outline:none}.input-field::placeholder{color:#a8a29e;color:var(--text-muted)}.btn-send{align-items:center;background:#92400e;background:var(--gold);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:46px;justify-content:center;transition:all .2s;width:46px}.btn-send:hover{background:#78350f;background:var(--gold-hover);transform:scale(1.05)}.btn-send:disabled{cursor:not-allowed;opacity:.4;transform:none}.btn-mic{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#57534e;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:1.2rem;height:46px;justify-content:center;transition:all .2s;width:46px}.btn-mic:hover{border-color:#92400e;border-color:var(--gold);color:#92400e;color:var(--gold)}.btn-mic.listening{animation:pulse 1.5s infinite;background:#dc2626;background:var(--red);border-color:#dc2626;border-color:var(--red);color:#fff}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.recording-bar{align-items:center;animation:recIn .3s ease;background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid #fecaca;border-radius:10px;border-radius:var(--radius);display:flex;gap:12px;margin-bottom:10px;padding:12px 16px}@keyframes recIn{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}.rec-dot{animation:blink 1s infinite;background:#dc2626;background:var(--red);border-radius:50%;flex-shrink:0;height:10px;width:10px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.rec-info{flex:1 1}.rec-label{color:#dc2626;color:var(--red);font-size:.78rem;font-weight:700}.rec-timer{font-feature-settings:"tnum";color:#a8a29e;color:var(--text-muted);font-size:.72rem;font-variant-numeric:tabular-nums}.rec-stop{background:#dc2626;background:var(--red);border:none;border-radius:8px;color:#fff;font-size:.82rem;font-weight:700;padding:6px 16px;transition:all .2s}.rec-stop:hover{background:#b91c1c;transform:scale(1.05)}.recording-live{background:#fff;border:1px solid #fecaca;border-left:3px solid #dc2626;border-left:3px solid var(--red);border-radius:6px;border-radius:var(--radius-sm);color:#57534e;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:10px;max-height:100px;overflow-y:auto;padding:10px 14px}.rec-cursor{animation:blink .8s infinite;background:#dc2626;background:var(--red);display:inline-block;height:14px;margin-left:2px;vertical-align:text-bottom;width:2px}.workflow-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.wf-btn{background:#fff;background:var(--bg-card);border:1px solid #e7e5e4;border:1px solid var(--border);border-radius:8px;color:#57534e;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .2s}.wf-btn:hover{background:#fef3c7;background:var(--gold-bg);border-color:#92400e;border-color:var(--gold);color:#92400e;color:var(--gold)}.typing{display:flex;gap:4px;padding:8px 0}.typing span{animation:typeDot 1.4s infinite;background:#a8a29e;background:var(--text-muted);border-radius:50%;height:7px;width:7px}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typeDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@media (max-width:768px){.sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:200}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#0006;display:none;inset:0;position:fixed;z-index:199}.header-burger,.sidebar-overlay.visible{display:block}.messages{padding:16px}.input-area{padding:12px 16px 16px}}
/*# sourceMappingURL=main.b70aa7f3.css.map*/