@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ededed;--bg-canvas:#1c1c1c;--bg-panel:#202020;--bg-card:#202020;--border-hairline:#2e2e2e;--border-strong:#3e3e3e;--primary-green:#3ecf8e;--primary-green-deep:#24b47e;--primary-green-glow:#3ecf8e26;--text-title:#fff;--text-body:#9a9a9a;--text-muted:#707070;--on-primary:#171717;--accent-orange:#f97316;--accent-orange-glow:#f9731633;--accent-pink:#e2005a;--transition-fast:all .2s cubic-bezier(.4, 0, .2, 1);background-color:#1c1c1c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-canvas);min-width:320px;min-height:100vh;color:var(--text-body);margin:0;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-hairline);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-green)}.app-container{background-color:var(--bg-canvas);width:100vw;height:100vh;display:flex}.sidebar{background-color:var(--bg-panel);border-right:1px solid var(--border-hairline);flex-direction:column;flex-shrink:0;width:240px;padding:20px 16px;display:flex}.brand{align-items:center;gap:10px;margin-bottom:24px;padding-left:4px;display:flex}.brand-logo{background:var(--primary-green);width:28px;height:28px;color:var(--on-primary);border-radius:6px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.brand-name{color:var(--text-title);letter-spacing:-.42px;font-size:18px;font-weight:600}.nav-menu{flex-direction:column;gap:4px;list-style:none;display:flex}.nav-item{color:var(--text-body);cursor:pointer;transition:var(--transition-fast);border-radius:6px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-title);background:#ffffff08}.nav-item.active{color:var(--text-title);border-left:2px solid var(--primary-green);background:#3ecf8e14}.nav-item svg{width:18px;height:18px;color:var(--text-muted);transition:var(--transition-fast)}.nav-item.active svg{color:var(--primary-green)}.sidebar-footer{border-top:1px solid var(--border-hairline);margin-top:auto;padding-top:16px}.connection-status{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background-color:var(--primary-green);width:6px;height:6px;box-shadow:0 0 8px var(--primary-green);border-radius:50%}.main-content{flex-direction:column;flex-grow:1;padding:32px;display:flex;overflow-y:auto}.page-header{border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;display:flex}.page-title{color:var(--text-title);letter-spacing:-.42px;font-size:24px;font-weight:500}.btn-primary{background-color:var(--primary-green);color:var(--on-primary);border:1px solid var(--primary-green);cursor:pointer;transition:var(--transition-fast);border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.btn-primary:hover{background-color:var(--primary-green-deep);border-color:var(--primary-green-deep)}.btn-secondary{color:var(--text-title);border:1px solid var(--border-strong);cursor:pointer;transition:var(--transition-fast);background-color:#0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.btn-secondary:hover{border-color:var(--text-body);background-color:#ffffff08}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.project-card{background-color:var(--bg-panel);border:1px solid var(--border-hairline);transition:var(--transition-fast);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.project-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.project-header{justify-content:space-between;align-items:flex-start;display:flex}.project-title{color:var(--text-title);letter-spacing:-.42px;font-size:18px;font-weight:500}.project-platform-badge{text-transform:uppercase;border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:500}.badge-whatsapp{color:var(--primary-green);background:#3ecf8e1a;border:1px solid #3ecf8e33}.badge-instagram{color:#ff60a0;background:#e2005a1a;border:1px solid #e2005a33}.badge-telegram{color:#52a8ff;background:#054cff1a;border:1px solid #054cff33}.project-desc{color:var(--text-body);font-size:14px;line-height:1.6}.project-meta-info{border-top:1px solid var(--border-hairline);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.meta-row{justify-content:space-between;font-size:13px;display:flex}.meta-label{color:var(--text-muted)}.meta-value{color:var(--text-body);font-family:JetBrains Mono,ui-monospace,monospace}.project-actions{gap:12px;display:flex}.project-actions .btn-secondary{flex-grow:1}.chat-center-container{flex-grow:1;gap:24px;height:calc(100vh - 120px);display:flex}.chat-list-panel{background-color:var(--bg-panel);border:1px solid var(--border-hairline);border-radius:12px;flex-direction:column;width:320px;padding:16px;display:flex}.panel-search{border:1px solid var(--border-hairline);color:#fff;background:#171717;border-radius:6px;width:100%;margin-bottom:16px;padding:8px 12px;font-size:14px}.panel-search:focus{border-color:var(--primary-green);outline:none}.chat-list{flex-direction:column;flex-grow:1;gap:6px;display:flex;overflow-y:auto}.chat-list-item{cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.chat-list-item:hover{background:#ffffff05}.chat-list-item.active{background:#3ecf8e14;border-color:#3ecf8e26}.avatar-container{position:relative}.avatar{width:40px;height:40px;color:var(--text-title);border:1px solid var(--border-hairline);background-color:#2e2e2e;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.platform-badge{border:2px solid var(--bg-panel);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:flex;position:absolute;bottom:-2px;right:-2px}.badge-bg-wa{color:#fff;background-color:#25d366}.badge-bg-ig{color:#fff;background-color:#e1306c}.badge-bg-tg{color:#fff;background-color:#08c}.chat-item-details{flex-grow:1;overflow:hidden}.chat-item-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.chat-item-name{color:var(--text-title);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.chat-item-time{color:var(--text-muted);font-size:11px}.chat-item-preview{color:var(--text-body);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-room-panel{background-color:var(--bg-panel);border:1px solid var(--border-hairline);border-radius:12px;flex-direction:column;flex-grow:1;display:flex}.chat-room-header{border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-room-title-area{align-items:center;gap:16px;display:flex}.chat-room-name{color:var(--text-title);font-size:16px;font-weight:500}.chat-room-subtitle{color:var(--text-muted);font-size:12px}.control-switch-container{border:1px solid var(--border-hairline);background:#171717;border-radius:6px;align-items:center;gap:12px;padding:6px 12px;display:flex}.switch-label{text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.switch-label.robo{color:var(--primary-green)}.switch-label.humano{color:var(--accent-orange)}.toggle-switch{width:44px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#3e3e3e;border-radius:34px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--accent-orange)}input:checked+.slider:before{transform:translate(22px)}.chat-messages-area{background:#171717;flex-direction:column;flex-grow:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message-bubble-wrapper{width:100%;display:flex}.message-bubble-wrapper.received{justify-content:flex-start}.message-bubble-wrapper.sent{justify-content:flex-end}.message-bubble{border-radius:8px;max-width:60%;padding:10px 14px;font-size:14px;line-height:1.5;position:relative}.message-bubble-wrapper.received .message-bubble{background:var(--bg-panel);color:var(--text-title);border:1px solid var(--border-hairline)}.message-bubble-wrapper.sent .message-bubble{background:var(--primary-green);color:var(--on-primary);font-weight:500}.message-meta{color:#00000080;justify-content:flex-end;gap:6px;margin-top:4px;font-size:9px;display:flex}.received .message-meta{color:var(--text-muted)}.message-sender-tag{text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:9px;font-weight:600}.sender-robo{color:var(--on-primary);opacity:.6}.sender-atendente{color:var(--on-primary);opacity:.8}.message-input-area{border-top:1px solid var(--border-hairline);gap:12px;padding:16px 24px;display:flex}.message-input{border:1px solid var(--border-hairline);color:#fff;background:#171717;border-radius:6px;flex-grow:1;padding:10px 14px;font-size:14px}.message-input:focus{border-color:var(--primary-green);outline:none}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-panel);border:1px solid var(--border-hairline);border-radius:12px;flex-direction:column;gap:20px;width:460px;padding:32px;display:flex}.modal-title{color:var(--text-title);letter-spacing:-.42px;font-size:20px;font-weight:500}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-body);font-size:13px;font-weight:500}.form-input{border:1px solid var(--border-hairline);color:#fff;background:#171717;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.form-input:focus{border-color:var(--primary-green);outline:none}.modal-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.editor-container{flex-grow:1;gap:24px;height:calc(100vh - 120px);display:flex}.canvas-area{border:1px solid var(--border-hairline);cursor:grab;background-color:#171717;background-image:radial-gradient(#ffffff0d 1px,#0000 0);background-size:20px 20px;border-radius:12px;flex-grow:1;position:relative;overflow:hidden}.canvas-area:active{cursor:grabbing}.canvas-toolbar{z-index:10;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:8px;gap:8px;padding:6px;display:flex;position:absolute;top:16px;left:16px}.canvas-svg-overlay{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.node-element{background-color:var(--bg-panel);border:1px solid var(--border-hairline);cursor:move;z-index:2;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;gap:8px;width:200px;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex;position:absolute;box-shadow:0 4px 12px #0000004d}.node-element:hover{border-color:var(--border-strong)}.node-element.selected{border-color:var(--primary-green);box-shadow:0 0 0 1px var(--primary-green), 0 4px 20px #3ecf8e26}.node-header{color:var(--text-title);border-bottom:1px solid var(--border-hairline);align-items:center;gap:8px;padding-bottom:6px;font-size:13px;font-weight:600;display:flex}.node-icon{border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.icon-trigger{color:var(--primary-green);background:#3ecf8e26}.icon-ai{color:#a78bfa;background:#8b5cf626}.icon-db{color:var(--accent-cyan);background:#06b6d426}.icon-http{color:var(--accent-orange);background:#f9731626}.node-body{color:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.port{border:2px solid var(--bg-panel);cursor:crosshair;background-color:#3e3e3e;border-radius:50%;width:10px;height:10px;transition:background-color .15s;position:absolute}.port:hover{background-color:var(--primary-green)}.port.port-in{top:calc(50% - 5px);left:-6px}.port.port-out{top:calc(50% - 5px);right:-6px}.editor-sidebar{background-color:var(--bg-panel);border:1px solid var(--border-hairline);border-radius:12px;flex-direction:column;gap:20px;width:320px;padding:24px;display:flex;overflow-y:auto}.sidebar-section-title{color:var(--text-title);border-bottom:1px solid var(--border-hairline);padding-bottom:8px;font-size:14px;font-weight:600}