:root{--bg-primary:#0b1220;--bg-card:#111827;--bg-panel:#1f2937;--border-color:#374151;--accent-primary:#10b981;--text-primary:#f9fafb;--text-secondary:#9ca3af;--color-danger:#ef4444;--color-warning:#f59e0b;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0}body,button,input,textarea{font:inherit}a{color:inherit}h1,h2,h3,p,ul{margin:0}img{max-width:100%;display:block}.public-page,.chooser-page,.auth-screen,.portal-shell{min-height:100vh}.public-header,.hero-section,.feature-grid-section,.pricing-section,.roles-section,.chooser-page,.auth-panel{width:min(1180px,100% - 40px);margin:0 auto}.public-header{justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand,.public-header nav a,.auth-links a,.sidebar-link,.chooser-card{color:inherit;text-decoration:none}.brand{letter-spacing:.1em;text-transform:uppercase;font-size:1.1rem;font-weight:700}.public-header nav{color:#f3f1ebd1;gap:20px;display:flex}.hero-section{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:28px;padding:60px 0 96px;display:grid}.hero-copy h1,.section-heading h1,.auth-copy h1{margin:14px 0 18px;font-size:clamp(2.8rem,6vw,4.8rem);line-height:.98}.hero-copy p,.sidebar-copy{color:#f3f1ebc7}.page-header p,.feature-card p,.pricing-card p,.chooser-card p,.dashboard-card span,.status-line,.empty-state,.panel p{color:#506371}.hero-panel,.feature-card,.pricing-card,.role-card,.chooser-card,.auth-panel,.panel,.dashboard-card{border:1px solid #0a19251f;border-radius:24px;box-shadow:0 24px 70px #07131d24}.hero-panel{background:#091924b8;border-color:#f3f1eb1f;padding:26px}.eyebrow{color:#1ea085;letter-spacing:.08em;text-transform:uppercase;background:#1ea0851f;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.hero-actions,.auth-links,.action-row,.tab-row{flex-wrap:wrap;gap:14px;display:flex}td .action-row{flex-wrap:wrap;gap:8px}.primary-button,.secondary-button,.mini-button{cursor:pointer;font:inherit;white-space:nowrap;border:none;border-radius:999px;transition:transform .15s,opacity .15s,background .15s}.primary-button:hover,.secondary-button:hover,.mini-button:hover{transform:translateY(-1px)}.primary-button{justify-content:center;align-items:center;padding:14px 22px;font-weight:600;display:inline-flex;background:var(--accent-primary)!important;color:#fff!important}.primary-button:hover{background:#0d9f78!important}.secondary-button,.mini-button{justify-content:center;align-items:center;padding:13px 20px;display:inline-flex;background:var(--bg-panel)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.secondary-button:hover,.mini-button:hover{background:var(--bg-card)!important;border-color:var(--text-secondary)!important}.danger-button{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:14px 22px;font-weight:600;display:inline-flex;background:var(--color-danger)!important;color:#fff!important}.danger-button:hover{background:#dc2626!important}a.mini-button{text-decoration:none}.mini-button.subtle-danger{color:#ef4444!important;background:#ef444414!important;border-color:#ef444433!important}.mini-button.subtle-danger:hover{background:#ef44442e!important;border-color:#ef444466!important}.dark-text{color:#10212d;border-color:#10212d2e}.feature-grid-section,.pricing-section,.roles-section,.chooser-page{padding:72px 0}.feature-grid,.pricing-grid,.roles-section,.chooser-grid,.card-grid,.dashboard-grid,.two-column-grid{gap:20px;display:grid}.feature-grid,.pricing-grid,.roles-section,.chooser-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.pricing-card,.role-card,.chooser-card,.dashboard-card,.panel,.auth-panel{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.feature-card h3,.pricing-card .plan-name,.role-card h3,.chooser-card h2,.dashboard-card strong,.panel h2,.page-header h2,.hero-panel h2{color:#10212d;margin:0 0 10px}.signal-list{color:#31424e;gap:10px;margin:16px 0 0;padding-left:18px;display:grid}.plan-price{margin-bottom:6px;font-size:2rem;font-weight:800}.plan-period,.dashboard-label{color:#506371;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.chooser-page{color:#10212d;background:linear-gradient(#f3eee7,#e8efe9)}.chooser-page .chooser-card{color:#10212d;background:#fff;border:1px solid #10212d1f;transition:transform .2s,box-shadow .2s,border-color .2s}.chooser-page .chooser-card:hover{border-color:#1ea085;transform:translateY(-2px);box-shadow:0 12px 30px #10212d14}.chooser-page .chooser-card h2{color:#10212d}.chooser-page .chooser-card p{color:#506371}.section-heading{max-width:720px;margin-bottom:28px}.auth-screen{background:radial-gradient(circle at 0 0,#1ea0853d,#0000 26%),linear-gradient(#07131d 0%,#10212d 100%);place-items:center;padding:28px 0;display:grid}.auth-panel{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:28px;display:grid}.auth-copy{padding-right:10px}.auth-form,.form-panel{gap:16px;display:grid}.auth-form label,.form-panel label{color:var(--text-secondary);gap:8px;font-weight:600;display:grid}.auth-form input,.auth-form select,.form-panel input,.form-panel textarea,.form-panel select,.composer-row input,.filter-row input,.filter-row select,td input,td select{border:1px solid var(--border-color);box-sizing:border-box;width:100%;font:inherit;background:var(--bg-panel);color:var(--text-primary);border-radius:16px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.auth-form input:focus,.auth-form select:focus,.form-panel input:focus,.form-panel textarea:focus,.form-panel select:focus,.composer-row input:focus,.filter-row input:focus,.filter-row select:focus,td input:focus,td select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #10b98126}.checkbox-row{grid-template-columns:auto 1fr;align-items:center}.checkbox-row input{width:auto}.status-line{color:#5d7280;margin:0}.muted-copy{color:#5d7280;font-size:.92rem}.portal-shell{background:var(--bg-primary);grid-template-columns:240px minmax(0,1fr);width:100vw;height:100vh;min-height:100vh;display:grid;overflow:hidden}.portal-sidebar{background:var(--bg-card);color:var(--text-primary);border-right:1px solid var(--border-color);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.sidebar-logo{justify-content:center;align-items:center;display:flex}.sidebar-logo-icon{color:#fff;background:linear-gradient(135deg,#1ea085,#0db88a);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex}.sidebar-brand-name{color:#fff;font-size:1.05rem;font-weight:700}.sidebar-search{background:#ffffff12;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;margin:0 12px 8px;padding:8px 12px;display:flex}.sidebar-search-icon{opacity:.5;font-size:.8rem}.sidebar-search input{color:#e0e6eb;font:inherit;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.sidebar-search input::placeholder{color:#ffffff59}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex-direction:column;flex:1;gap:2px;padding:0 8px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.sidebar-section{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;padding:18px 10px 6px;font-size:.68rem;font-weight:700}.sidebar-link{color:var(--text-secondary);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:.88rem;transition:all .15s;display:flex}.sidebar-link:hover{color:#fff!important;background:#ffffff14!important}.sidebar-link.active{font-weight:600;background:var(--accent-primary)!important;color:#fff!important;box-shadow:0 4px 12px #10b9814d!important}.sidebar-link-icon{text-align:center;flex-shrink:0;width:20px;font-size:.95rem}.sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-link-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.sidebar-signout{width:100%;padding:8px 12px;font-size:.85rem}.sidebar-version{color:#ffffff59;align-items:center;gap:8px;font-size:.72rem;display:flex}.version-badge{color:#1ea085;background:#1ea08533;border-radius:6px;padding:2px 8px;font-size:.68rem;font-weight:700}.portal-topbar{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 0 16px;display:flex}.topbar-breadcrumb{color:var(--text-secondary);align-items:center;gap:8px;font-size:.88rem;display:flex}.topbar-home{font-size:.9rem}.topbar-separator{color:#60748180}.topbar-page{color:var(--text-primary);font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-lang{color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;font-size:.82rem}.portal-main{box-sizing:border-box;background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);margin:0;padding:24px;overflow-y:auto;max-width:none!important}.page-stack{gap:20px;display:grid}.page-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.campaign-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.dashboard-filter-actions{justify-content:flex-end}.template-summary{color:#506371;flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;display:flex}.compact-table{overflow-x:auto}.dashboard-card strong{margin-bottom:8px;font-size:2rem;display:block}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.table-panel{overflow:hidden}.status-chip{color:#f3f1eb;background:#10212d;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.bar-series{gap:12px;display:grid}.bar-row{grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.bar-track{background:#dce4e6;border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#1ea085,#ef8b55);border-radius:999px;height:100%}table{border-collapse:collapse;background-color:var(--bg-card);width:100%;color:var(--text-primary);font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:14px 16px}th{color:var(--text-secondary);background-color:var(--bg-panel);text-transform:uppercase;letter-spacing:.08em;z-index:10;font-size:.82rem;font-weight:700;position:sticky;top:0}tr:hover td{background-color:#ffffff05}.inbox-layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:20px;display:grid}.inbox-console{grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(260px,320px);gap:16px;min-height:calc(100vh - 170px);display:grid}.inbox-rail,.wa-conversation-panel,.inbox-context-panel{min-width:0}.inbox-rail,.wa-conversation-panel{border:1px solid var(--border-color);background:var(--bg-card);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #0000004d}.inbox-rail{grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;padding:18px;display:grid}.inbox-rail-header,.wa-conversation-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.inbox-rail-header h2,.wa-conversation-header h2{color:#10212d;margin:0}.inbox-rail-header span{color:#f8f3eb;background:#10212d;border-radius:999px;padding:7px 10px;font-weight:700}.channel-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.channel-tabs::-webkit-scrollbar{display:none}.channel-tab{border:1px solid var(--border-color);background:var(--bg-panel);color:var(--text-secondary);cursor:pointer;font:inherit;white-space:nowrap;border-radius:999px;padding:9px 12px}.channel-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:700}.inbox-sidebar{align-content:start;gap:16px;display:grid}.filter-row{gap:10px;display:grid}.chat-list{gap:12px;max-height:72vh;padding-right:4px;display:grid;overflow:auto}.chat-list-item{text-align:left;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;border-radius:18px;gap:6px;width:100%;padding:16px;display:grid}.chat-list-item.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px #10b9811f}.chat-list-item strong,.list-row strong{color:var(--text-primary)}.chat-list-item span,.meta-block p,.chat-list-item p{color:var(--text-secondary)}.chat-list-item p{margin:0}.wa-chat-row{background:var(--bg-card);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.wa-chat-row.active,.wa-chat-row:hover{border-color:#1ea085;box-shadow:0 0 0 2px #1ea0851a}.wa-avatar{color:#10212d;background:#d8f0ea;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex}.wa-avatar.large{width:50px;height:50px}.wa-chat-main{gap:4px;min-width:0;display:grid}.wa-chat-main strong,.wa-chat-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wa-chat-main strong{color:#10212d}.wa-chat-main span,.wa-chat-meta small,.wa-chat-meta em,.wa-conversation-header p{color:#5d7280}.wa-chat-meta{justify-items:end;gap:6px;min-width:86px;display:grid}.wa-chat-meta em{background:#eef3f4;border-radius:999px;padding:5px 8px;font-size:.72rem;font-style:normal}.wa-conversation-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.wa-conversation-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);justify-content:flex-start;padding:18px 20px}.wa-conversation-header p{margin:0}.wa-thread-shell{background:var(--bg-primary);grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:18px;display:grid}.conversation-thread{align-content:start;gap:12px;min-height:280px;max-height:none;margin-bottom:16px;padding-right:6px;display:grid;overflow:auto}.message-bubble{background:var(--bg-panel);border-radius:18px;gap:6px;max-width:78%;padding:14px 16px;display:grid}.message-bubble.incoming{border:1px solid var(--border-color);justify-self:start}.message-bubble.outgoing{background:#10b98126;border:1px solid #10b9814d;justify-self:end}.message-bubble span,.message-bubble small{color:var(--text-secondary)}.message-bubble strong{color:var(--text-primary);white-space:pre-wrap;font-size:.95rem}.composer-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.wa-composer{border-top:1px solid #10212d1a;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:14px;display:grid}.wa-composer input{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #c5d0d6;border-radius:999px;padding:14px 18px}.media-composer{border-top:1px solid #10212d1a;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding-top:12px;display:flex}.media-composer select{box-sizing:border-box;min-width:0;font:inherit;background:#fff;border:1px solid #c5d0d6;border-radius:14px;flex:120px;padding:12px 14px}.media-composer input[type=file]{box-sizing:border-box;min-width:0;font:inherit;background:#fff;border:1px solid #c5d0d6;border-radius:14px;flex:180px;padding:10px 12px}.media-composer input[type=text]{box-sizing:border-box;min-width:0;font:inherit;background:#fff;border:1px solid #c5d0d6;border-radius:14px;flex:2 200px;padding:12px 14px}.media-composer button{flex:none}.inbox-context-panel{align-content:start;gap:16px;display:grid}.meta-block,.gateway-list{gap:10px;display:grid}.gateway-row{color:#365261;background:#fff;border:1px solid #d9e1e4;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.gateway-row strong{color:#10212d}.endpoint-row{color:#365261;background:#fff;border:1px solid #d9e1e4;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.endpoint-row span{color:#f8f3eb;background:#10212d;border-radius:999px;padding:7px 10px;font-weight:700}.endpoint-row code{overflow-wrap:anywhere}.code-block{color:#f3f1eb;white-space:pre-wrap;background:#0d1f2b;border:1px solid #d9e1e4;border-radius:16px;max-width:100%;padding:16px;font-size:.9rem;line-height:1.5;display:block;overflow:auto}.kanban-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.kanban-column{background:#f8f3ebb8;border:2px solid #10212d1f;border-radius:24px;min-width:0;padding:18px;transition:all .2s}.kanban-column.drag-over{background:#1ea08514;border-color:#1ea085}.kanban-card-list{gap:12px;display:grid}.kanban-card{cursor:grab;background:#fff;border:1px solid #d9e1e4;border-radius:16px;gap:8px;padding:16px;transition:opacity .15s;display:grid}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.4}.kanban-card strong{color:#10212d}.kanban-card span,.kanban-card p,.kanban-card small{color:#5d7280}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.list-row{gap:8px;display:grid}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.flow-palette{max-width:640px}.subtle-danger{color:#8f2b2b;border-color:#a32b2b33}.tab-row{align-items:center}.integration-tabs a{text-decoration:none}.tab-button{color:#365261;cursor:pointer;background:#fff;border:1px solid #c5d0d6;border-radius:999px;padding:10px 16px}.tab-button.active{color:#f8f3eb;background:#10212d;border-color:#10212d}.copy-chip{color:#365261;overflow-wrap:anywhere;background:#fff;border:1px solid #d9e1e4;border-radius:16px;padding:12px 14px}.readiness-list,.workflow-grid{gap:12px;display:grid}.variable-example-grid{background:#ffffffb8;border:1px solid #d9e1e4;border-radius:16px;gap:12px;padding:14px;display:grid}.template-button-builder{background:#ffffffb8;border:1px solid #d9e1e4;border-radius:18px;gap:12px;padding:16px;display:grid}.template-button-row{border-top:1px solid #d9e1e4;grid-template-columns:minmax(120px,.8fr) minmax(160px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;padding-top:12px;display:grid}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-canvas-panel{min-width:0}.flow-builder-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.36fr);gap:16px;min-height:460px;display:grid}.flow-canvas{background:#fff;border:1px solid #d9e1e4;border-radius:18px;min-height:460px;overflow:hidden}.flow-canvas .react-flow__node{color:#10212d;background:#fff;border:1px solid #10212d2e;border-radius:12px;font-weight:800;box-shadow:0 14px 34px #10212d1f}.flow-canvas .react-flow__node-input{border-color:#00a38973}.flow-canvas .react-flow__edge-textbg{fill:#10212d}.flow-canvas .react-flow__edge-text{fill:#f8f3eb;font-weight:800}.flow-inspector{background:#ffffffbd;border:1px solid #d9e1e4;border-radius:18px;align-content:start;gap:14px;padding:16px;display:grid}.flow-inspector h3{color:#10212d;margin:0;font-size:1rem}.flow-inspector label{color:#365261;gap:8px;font-weight:800;display:grid}.flow-inspector input,.flow-inspector textarea{color:#10212d;resize:vertical;background:#fff;border:1px solid #c5d0d6;border-radius:14px;width:100%;padding:12px 14px}.readiness-row{color:#365261;background:#fff;border:1px solid #d9e1e4;border-radius:16px;grid-template-columns:auto minmax(100px,.5fr) minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.readiness-row span{border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:800}.readiness-row.ready span{color:#0e5f51;background:#d8f0ea}.readiness-row.blocked span{color:#8f2b2b;background:#f7e2dc}.readiness-row strong{color:#10212d}.readiness-row small{color:#5d7280;overflow-wrap:anywhere}.widget-card{gap:14px;display:grid}.widget-preview{background:linear-gradient(#ffffffb8,#ffffffb8),repeating-linear-gradient(135deg,#10212d14 0 1px,#0000 1px 18px);border:1px dashed #c5d0d6;border-radius:18px;min-height:128px;padding:18px;display:grid}.widget-preview img{filter:drop-shadow(0 12px 22px #07131d2e);max-width:96px;height:auto;display:block}.embed-code{white-space:pre-wrap;overflow-wrap:anywhere;color:#f3f1eb;background:#0d1f2b;border:1px solid #d9e1e4;border-radius:16px;max-width:100%;padding:14px;font-size:.82rem;line-height:1.45;overflow:auto}.auth-page{background:radial-gradient(circle at 20% 20%,#00a38929,#0000 32%),linear-gradient(135deg,#10212d 0%,#263f4d 50%,#f3eee7 100%);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.auth-copy h1{color:#fff!important}.auth-copy p{color:#ffffffb3!important}.auth-card{width:min(100%,980px)}.role-toggle{background:#ffffffc7;border:1px solid #10212d1f;border-radius:999px;gap:8px;width:fit-content;margin:0 auto 18px;padding:8px;display:flex;box-shadow:0 18px 50px #10212d29}.role-toggle button{color:#365261;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px}.role-toggle button.active{color:#f8fafc;background:#10212d}@media (width<=1080px){.hero-section,.auth-panel,.portal-shell,.feature-grid,.pricing-grid,.roles-section,.chooser-grid,.dashboard-grid,.two-column-grid,.card-grid,.inbox-layout,.form-grid,.inbox-console,.kanban-board{grid-template-columns:1fr}.campaign-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid,.flow-builder-grid{grid-template-columns:1fr}.media-composer{grid-template-columns:1fr 1fr}.media-composer button{width:100%}.public-header{flex-direction:column;align-items:flex-start;gap:16px}.portal-sidebar{height:auto;min-height:auto;position:relative}}@media (width<=720px){.public-header,.hero-section,.feature-grid-section,.pricing-section,.roles-section,.chooser-page,.auth-panel,.portal-main{width:min(100% - 24px,1180px)}.wa-composer,.media-composer,.readiness-row,.template-button-row{grid-template-columns:1fr}.flow-canvas,.flow-builder-grid{min-height:380px}.hero-section{padding-top:32px;padding-bottom:60px}.feature-grid-section,.pricing-section,.roles-section,.chooser-page{padding:48px 0}}.unread-indicator-badge{color:#fff;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #00000026}.chat-card-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.chat-card-tag{text-transform:capitalize;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-block}.chat-card-agent-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:2px 6px;font-size:.65rem;font-weight:500;display:inline-flex}.wa-composer-textarea{resize:none;color:#10212d;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-height:44px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:.95rem}.wa-composer-textarea:focus{border-color:#1ea085;outline:none;box-shadow:0 0 0 2px #1ea0851f}.platform-icon{vertical-align:middle;width:16px;height:16px;display:inline-block}.platform-icon.whatsapp{color:#25d366}.platform-icon.qr{color:#1ea085}.platform-icon.meta{color:#1877f2}.platform-icon.instagram{color:#e1306c}.platform-icon.telegram{color:#08c}.platform-icon.website{color:#64748b}.upload-progress-container{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;width:100%;height:14px;margin-top:8px;margin-bottom:8px;position:relative;overflow:hidden}.upload-progress-bar{background-color:#1ea085;height:100%;transition:width .2s}.upload-progress-text{color:#0f172a;font-size:.65rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.agent-badge{color:#1e40af;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;margin-left:8px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.agent-badge.unassigned{color:#64748b;background-color:#f8fafc;border-color:#cbd5e1}.quick-reply-select{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;max-width:200px;padding:8px 12px;font-size:.875rem}.quick-reply-select:focus{border-color:#1ea085}.wa-chat-row{gap:16px;padding:14px;transition:all .2s}.wa-chat-meta em{background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.empty-onboarding-card{text-align:left;box-sizing:border-box;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin:20px 0;padding:24px}.empty-onboarding-card h3{color:#0f172a;margin-top:0;font-size:1.1rem;font-weight:600}.empty-onboarding-card p{color:#475569;margin-bottom:16px;font-size:.9rem}.empty-onboarding-card ol{color:#334155;margin:0;padding-left:20px;font-size:.9rem}.empty-onboarding-card li{margin-bottom:8px}.portal-main .panel h2,.portal-main .page-header h2,.portal-main .hero-panel h2,.portal-main .dashboard-card strong,.portal-main .inbox-rail-header h2,.portal-main .wa-conversation-header h2,.portal-main .wa-chat-main strong{color:var(--text-primary)!important}.pricing-section,.roles-section,.pricing-section h2,.pricing-section p,.pricing-section div,.pricing-section span,.roles-section h3,.roles-section p,.roles-section li{color:#10212d!important}.pricing-section .eyebrow,.roles-section .eyebrow{color:#1ea085!important;background:#1ea0851f!important;border:1px solid #1ea08540!important}.pricing-card{background:#fff!important;border:1px solid #10212d1f!important;box-shadow:0 4px 12px #00000008!important}.pricing-card .plan-name,.pricing-card .plan-price{color:#10212d!important}.pricing-card .plan-period,.pricing-card p{color:#506371!important}.role-card{background:#fff!important;border:1px solid #10212d1f!important;box-shadow:0 4px 12px #00000008!important}.role-card h3{color:#10212d!important}.role-card li{color:#31424e!important}.public-page{color:#10212d!important;background:#f3eee7!important}.public-header .brand,.public-header nav,.public-header nav a,.hero-section h1,.hero-section p,.feature-grid-section h2,.feature-card h3,.feature-card p{color:#10212d!important}.public-header nav a{opacity:.8}.public-header nav a:hover{opacity:1}.hero-panel{color:#10212d!important;background:#fff!important;border:1px solid #10212d1f!important;box-shadow:0 12px 30px #00000008!important}.hero-panel h2{color:#10212d!important}.hero-panel .signal-list li{color:#31424e!important}.feature-card{color:#10212d!important;background:#fff!important;border:1px solid #10212d1f!important;box-shadow:0 4px 12px #00000008!important}.public-page,.public-page *,.public-page .hero-panel,.public-page .feature-card,.public-page .pricing-card,.public-page .role-card{transition:background .6s cubic-bezier(.25,1,.5,1),color .6s cubic-bezier(.25,1,.5,1),border-color .6s cubic-bezier(.25,1,.5,1),box-shadow .6s cubic-bezier(.25,1,.5,1)!important}.public-page.dark-theme{color:#f3f1eb!important;background:#09121f!important}.public-page.dark-theme .public-header .brand,.public-page.dark-theme .public-header nav,.public-page.dark-theme .public-header nav a,.public-page.dark-theme .hero-section h1,.public-page.dark-theme .hero-section p,.public-page.dark-theme .feature-grid-section h2,.public-page.dark-theme .feature-card h3,.public-page.dark-theme .feature-card p,.public-page.dark-theme .pricing-section h2,.public-page.dark-theme .pricing-section p,.public-page.dark-theme .pricing-section div,.public-page.dark-theme .pricing-section span,.public-page.dark-theme .roles-section h3,.public-page.dark-theme .roles-section p,.public-page.dark-theme .roles-section li{color:#f3f1eb!important}.public-page.dark-theme .hero-panel,.public-page.dark-theme .feature-card,.public-page.dark-theme .pricing-card,.public-page.dark-theme .role-card{color:#f3f1eb!important;background:#111e2e!important;border:1px solid #f3f1eb1a!important;box-shadow:0 12px 30px #00000026!important}.public-page.dark-theme .hero-panel h2,.public-page.dark-theme .pricing-card .plan-name,.public-page.dark-theme .pricing-card .plan-price,.public-page.dark-theme .role-card h3{color:#fff!important}.public-page.dark-theme .pricing-card .plan-period,.public-page.dark-theme .pricing-card p,.public-page.dark-theme .role-card li{color:#f3f1ebb3!important}.public-page.dark-theme .pricing-section .eyebrow,.public-page.dark-theme .roles-section .eyebrow{color:#1ea085!important;background:#1ea08526!important;border:1px solid #1ea0854d!important}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.portal-main{width:100%!important;max-width:none!important;margin:0!important}.af-builder{grid-template-columns:280px minmax(0,1fr) 380px;align-items:start;gap:24px;min-height:calc(100vh - 120px);display:grid}.af-builder-no-preview{grid-template-columns:280px minmax(0,1fr)}.af-top-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.af-top-header-left h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 4px;font-size:1.35rem;font-weight:800}.af-top-header-left p{color:var(--text-secondary);margin:0;font-size:.88rem}.af-top-actions{align-items:center;gap:10px;display:flex}.af-tab-bar{background:var(--bg-panel);border-radius:16px;gap:4px;padding:4px;display:flex;position:relative}.af-tab{cursor:pointer;font:inherit;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.af-tab:hover{color:var(--text-primary);background:#ffffff0a}.af-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 12px #0003}.af-tab-icon{font-size:1rem}.af-tab-badge{background:var(--accent-primary);color:#fff;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:700}.af-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.af-sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 18px 14px;display:flex}.af-sidebar-header h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.af-sidebar-count{background:var(--bg-panel);color:var(--text-primary);border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}.af-sidebar-list{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.af-sidebar-list::-webkit-scrollbar{width:4px}.af-sidebar-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.af-flow-item{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text-secondary);background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.af-flow-item:hover{background:#ffffff0a}.af-flow-item.active{color:var(--text-primary);background:#10b9811a;border:1px solid #10b98140}.af-flow-item-info{flex:1;min-width:0}.af-flow-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;display:block;overflow:hidden}.af-flow-item-id{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;display:block;overflow:hidden}.af-flow-delete{cursor:pointer;font:inherit;color:var(--color-danger);opacity:0;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:.75rem;transition:all .15s}.af-flow-item:hover .af-flow-delete{opacity:1}.af-flow-delete:hover{background:#dc26261a}.af-new-flow-btn{cursor:pointer;font:inherit;color:var(--accent-primary);background:0 0;border:1px dashed #10b9814d;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin:8px;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.af-new-flow-btn:hover{border-color:var(--accent-primary);background:#10b98114}.af-main{flex-direction:column;gap:20px;min-width:0;display:flex}.af-content-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex:1;padding:24px;animation:.3s afFadeIn}@keyframes afFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.af-stepper{align-items:center;gap:0;margin-bottom:28px;padding:0 8px;display:flex}.af-step{cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:all .25s;display:flex}.af-step:hover{background:#ffffff0a}.af-step-number{border:2px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);background:var(--bg-panel);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.af-step.active .af-step-number{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05);box-shadow:0 4px 14px #10b98159}.af-step.completed .af-step-number{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.af-step-label{color:var(--text-secondary);font-size:.82rem;font-weight:600;transition:color .2s}.af-step.active .af-step-label{color:var(--text-primary)}.af-step.completed .af-step-label{color:var(--accent-primary)}.af-step-connector{background:var(--border-color);border-radius:1px;flex:1;min-width:16px;height:2px;transition:background .3s}.af-step-connector.completed{background:var(--accent-primary)}.af-step-content{animation:.35s cubic-bezier(.4,0,.2,1) afSlideIn}@keyframes afSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.af-step-title{color:var(--text-primary);margin:0 0 6px;font-size:1.2rem;font-weight:700}.af-step-description{color:var(--text-secondary);margin:0 0 24px;font-size:.88rem}.af-form-group{gap:20px;margin-bottom:20px;display:grid}.af-form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.af-field-hint{color:var(--text-secondary);margin-top:-2px;font-size:.78rem}.af-input,.af-select,.af-textarea{border:1px solid var(--border-color);width:100%;font:inherit;background:var(--bg-panel);color:var(--text-primary);box-sizing:border-box;border-radius:12px;padding:12px 16px;font-size:.92rem;transition:border-color .2s,box-shadow .2s}.af-input:focus,.af-select:focus,.af-textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #10b98126}.af-input:disabled{color:#7a8f9c;cursor:not-allowed;background:#f0f2f5}.af-textarea{resize:vertical;min-height:100px;line-height:1.5}.af-char-counter{color:#7a8f9c;text-align:right;margin-top:4px;font-size:.75rem}.af-char-counter.warning{color:#f59e0b}.af-char-counter.danger{color:#dc2626}.af-type-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.af-type-card{border:2px solid var(--border-color);background:var(--bg-panel);cursor:pointer;text-align:center;font:inherit;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;transition:all .2s;display:flex}.af-type-card:hover{border-color:var(--accent-primary);background:#10b9810d;transform:translateY(-2px)}.af-type-card.selected{border-color:var(--accent-primary);background:#10b98126;box-shadow:0 4px 16px #10b98126}.af-type-card-icon{font-size:1.4rem}.af-type-card-label{color:var(--text-primary);font-size:.8rem;font-weight:600}.af-type-card-hint{color:var(--text-secondary);font-size:.68rem;line-height:1.25}.af-catalog-header-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.af-catalog-auto-button{color:var(--text-primary);background:#10b98114;border:1px solid #10b98140;border-radius:12px;gap:4px;padding:14px 16px;display:grid}.af-catalog-auto-button-label{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.af-button-list{flex-direction:column;gap:12px;display:flex}.af-button-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:14px;gap:12px;padding:16px;transition:all .2s;display:grid}.af-button-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 12px #0003}.af-button-card-header{justify-content:space-between;align-items:center;display:flex}.af-button-card-number{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.af-button-remove{cursor:pointer;font:inherit;color:var(--color-danger);background:#ef444414;border:none;border-radius:8px;padding:4px 10px;font-size:.78rem;transition:all .15s}.af-button-remove:hover{background:#ef444426}.af-button-card-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.af-add-button-btn{border:1px dashed var(--border-color);cursor:pointer;font:inherit;color:var(--text-secondary);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.af-add-button-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#10b98114}.af-add-button-btn:disabled{opacity:.4;cursor:not-allowed}.af-variable-grid{gap:12px;display:grid}.af-variable-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:80px 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.af-variable-tag{color:var(--accent-primary);background:#10b98126;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;font-family:monospace;font-size:.82rem;font-weight:700;display:inline-flex}.af-variable-source{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.72rem;font-weight:600}.af-review-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.af-review-section{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:14px;padding:18px}.af-review-section h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:.85rem;font-weight:700}.af-review-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0;font-size:.88rem;display:flex}.af-review-item:last-child{border-bottom:none}.af-review-label{color:var(--text-secondary);font-weight:500}.af-review-value{color:var(--text-primary);text-align:right;word-break:break-word;max-width:60%;font-weight:600}.af-catalog-review-thumb{aspect-ratio:16/9;background:var(--bg-card);color:#607481;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;font-size:.85rem;display:flex;overflow:hidden}.af-catalog-review-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.af-review-json{color:#94a3b8;white-space:pre-wrap;word-break:break-word;background:#0f172a;border-radius:12px;max-height:400px;padding:16px;font-family:Menlo,Consolas,monospace;font-size:.78rem;line-height:1.6;overflow:auto}.af-validation-summary{flex-direction:column;gap:6px;margin-top:12px;display:flex}.af-validation-ok{color:#16a34a;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.af-validation-error{color:#dc2626;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}.af-step-nav{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:20px;display:flex}.af-btn{cursor:pointer;font:inherit;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.af-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.af-btn-primary{background:var(--accent-primary)!important;color:#fff!important;box-shadow:0 4px 14px #10b98140!important}.af-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98159!important}.af-btn-secondary{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-color)}.af-btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--accent-primary);color:var(--accent-primary)}.af-btn-danger{color:var(--color-danger);background:#ef444414}.af-btn-danger:hover:not(:disabled){background:#ef444426}.af-btn-icon{font-size:.95rem}.af-preview-wrapper{align-self:start;position:sticky;top:24px}.af-phone{background:#0b141a;border:3px solid #1a2332;border-radius:36px;width:100%;max-width:320px;margin:0 auto;overflow:hidden;box-shadow:0 24px 80px #07131d40,inset 0 0 0 1px #ffffff0d}.af-phone-notch{background:#0b141a;justify-content:center;align-items:center;height:28px;display:flex}.af-phone-notch-pill{background:#1a2332;border-radius:3px;width:80px;height:6px}.af-phone-wa-header{background:linear-gradient(135deg,#075e54,#128c7e);align-items:center;gap:10px;padding:12px 16px;display:flex}.af-phone-wa-avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.af-phone-wa-name{color:#fff;font-size:.9rem;font-weight:600}.af-phone-wa-status{color:#ffffffb3;font-size:.72rem}.af-phone-chat{scrollbar-width:none;background-color:#0b141a;background-image:radial-gradient(circle at 20% 30%,#1ea08508 0%,#0000 60%),radial-gradient(circle at 80% 70%,#1ea08505 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;gap:6px;min-height:380px;max-height:500px;padding:16px 12px;display:flex;overflow-y:auto}.af-phone-chat::-webkit-scrollbar{display:none}.af-wa-bubble{background:#1f2c34;border-radius:8px 8px 8px 0;max-width:85%;padding:8px 10px;animation:.3s afBubbleIn;position:relative}.af-wa-bubble.outgoing{background:#005c4b;border-radius:8px 8px 0;align-self:flex-end}@keyframes afBubbleIn{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.af-wa-bubble-header{color:#e9edee;border-bottom:1px solid #ffffff0f;margin-bottom:4px;padding-bottom:4px;font-size:.82rem;font-weight:700}.af-wa-bubble-header-media{color:#e9edeeb3;align-items:center;gap:6px;padding:8px 0;font-size:.78rem;display:flex}.af-wa-bubble-body{color:#e9edee;white-space:pre-wrap;word-break:break-word;font-size:.85rem;line-height:1.45}.af-wa-bubble-var{color:#fde047;background:#fde04733;border-radius:3px;padding:0 3px;font-family:monospace;font-size:.82rem}.af-wa-bubble-footer{color:#e9edee80;margin-top:4px;font-size:.72rem}.af-wa-bubble-time{color:#e9edee73;text-align:right;margin-top:3px;font-size:.65rem}.af-wa-buttons{border-top:1px solid #ffffff0f;flex-direction:column;gap:1px;margin-top:4px;display:flex}.af-wa-button{text-align:center;color:#53bdeb;cursor:default;border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:.82rem;font-weight:500;display:flex}.af-catalog-bubble{width:88%;overflow:hidden;max-width:270px!important;padding:0!important}.af-catalog-bubble .af-wa-bubble-body,.af-catalog-bubble .af-wa-bubble-footer,.af-catalog-bubble .af-wa-bubble-time{padding-left:12px!important;padding-right:12px!important}.af-catalog-bubble .af-wa-bubble-body{padding-top:10px!important}.af-catalog-bubble .af-wa-bubble-time{padding-bottom:6px!important}.af-catalog-preview-image{aspect-ratio:1.55;color:#e9edee73;background:#2a3942;justify-content:center;align-items:center;width:100%;font-size:.82rem;font-weight:600;display:flex}.af-catalog-preview-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.af-wa-button:first-child{border-top:none}.af-phone-bottom{background:#0b141a;justify-content:center;align-items:center;height:22px;display:flex}.af-phone-home-indicator{background:#1a2332;border-radius:2px;width:100px;height:4px}.af-preview-label{text-align:center;color:#607481;text-transform:uppercase;letter-spacing:.06em;margin-top:12px;font-size:.78rem;font-weight:600}.af-canvas-wrapper{grid-template-columns:minmax(0,1fr) 280px;gap:16px;height:100%;min-height:500px;display:grid}.af-canvas-area{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.af-canvas-area .react-flow__node{border-radius:10px;padding:10px 14px;font-size:.85rem;box-shadow:0 2px 8px #07131d14}.af-node-palette{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.af-node-palette-btn{cursor:pointer;font:inherit;color:#31424e;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.af-node-palette-btn:hover{border-color:#1ea085;transform:translateY(-1px);box-shadow:0 4px 12px #1ea0851a}.af-node-palette-icon{font-size:1.1rem}.af-inspector{flex-direction:column;gap:14px;max-height:500px;display:flex;overflow-y:auto}.af-inspector h4{color:#10212d;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.85rem;font-weight:700}.af-inspector-empty{color:#7a8f9c;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;font-size:.88rem;display:flex}.af-inspector-empty-icon{opacity:.5;margin-bottom:12px;font-size:2rem}.af-chatbot-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.af-chatbot-form{gap:16px;display:grid}.af-chatbot-targets{flex-direction:column;gap:6px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.af-chatbot-target{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.af-chatbot-target:hover{background:#1ea0850a}.af-chatbot-target input[type=checkbox]{accent-color:#1ea085;width:16px;height:16px}.af-chatbot-target-name{color:#31424e;font-size:.88rem}.af-chatbot-table{border-collapse:collapse;width:100%}.af-chatbot-table th{text-align:left;color:#607481;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid #e2e8f0;padding:10px 0;font-size:.78rem;font-weight:700}.af-chatbot-table td{color:#31424e;border-bottom:1px solid #f1f5f9;padding:12px 0;font-size:.88rem}.af-status-active{color:#1ea085;background:#1ea0851a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.af-status-inactive{color:#dc2626;background:#dc26260f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.af-dropzone{text-align:center;cursor:pointer;background:#fff;border:2px dashed #c5d0d6;border-radius:14px;padding:32px 20px;transition:all .2s}.af-dropzone:hover{background:#1ea08508;border-color:#1ea085}.af-dropzone.has-file{background:#1ea0850a;border-style:solid;border-color:#1ea085}.af-dropzone-icon{color:#c5d0d6;margin-bottom:8px;font-size:2rem}.af-dropzone-text{color:#607481;font-size:.88rem;font-weight:500}.af-dropzone-hint{color:#7a8f9c;margin-top:4px;font-size:.75rem}.af-media-info{color:#1ea085;background:#1ea0850f;border-radius:10px;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}.af-toggle-row{align-items:center;gap:12px;padding:12px 0;display:flex}.af-toggle{cursor:pointer;width:44px;height:24px;position:relative}.af-toggle input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.af-toggle-track{background:#c5d0d6;border-radius:12px;transition:background .2s;position:absolute;inset:0}.af-toggle input:checked+.af-toggle-track{background:#1ea085}.af-toggle-thumb{pointer-events:none;background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.af-toggle input:checked~.af-toggle-thumb{transform:translate(20px)}.af-toggle-label{color:#31424e;font-size:.88rem;font-weight:500}.af-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.af-empty-text{color:#607481;max-width:360px;font-size:.88rem;line-height:1.5}.af-status{border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:500;animation:.3s afFadeIn;display:flex}.af-status.info{color:#1ea085;background:#1ea08514}.af-status.error{color:#dc2626;background:#dc262614}.af-status.success{color:#16a34a;background:#16a34a14}.af-stepper{justify-content:space-between!important;align-items:flex-start!important;width:100%!important;margin-bottom:32px!important;padding:0!important;display:flex!important}.af-step-item{text-align:center!important;flex-direction:column!important;flex:1!important;align-items:center!important;display:flex!important;position:relative!important}.af-step-circle-wrapper{justify-content:center!important;align-items:center!important;width:100%!important;margin-bottom:8px!important;display:flex!important;position:relative!important}.af-step-circle{color:#607481!important;z-index:2!important;cursor:pointer!important;background:#fff!important;border:2px solid #c5d0d6!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;font-size:.9rem!important;font-weight:700!important;transition:all .25s!important;display:flex!important}.af-step-circle:hover{background:#1ea0850d!important;border-color:#1ea085!important}.af-step-item.active .af-step-circle{color:#fff!important;background:linear-gradient(135deg,#1ea085,#17b893)!important;border-color:#1ea085!important;box-shadow:0 4px 12px #1ea0854d!important}.af-step-item.completed .af-step-circle{color:#fff!important;background:#1ea085!important;border-color:#1ea085!important}.af-step-line{z-index:1!important;background:#dce4e6!important;width:100%!important;height:3px!important;transition:background .25s!important;position:absolute!important;top:50%!important;left:50%!important;transform:translateY(-50%)!important}.af-step-line.completed{background:#1ea085!important}.af-step-title-label{color:#607481!important;margin-top:4px!important;font-size:.82rem!important;font-weight:600!important;transition:color .2s!important}.af-step-item.active .af-step-title-label{color:#10212d!important;font-weight:700!important}.af-step-item.completed .af-step-title-label{color:#1ea085!important}.af-media-details-card{background:#fff;border:1px solid #c5d0d6;border-radius:14px;align-items:center;gap:16px;margin-top:8px;padding:16px;transition:all .2s;display:flex}.af-media-details-card:hover{border-color:#1ea085;box-shadow:0 4px 16px #1ea0850d}.af-media-details-preview-side{background:#f0f2f5;border:1px solid #10212d14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.af-media-details-thumbnail{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.af-media-details-thumbnail.video-placeholder,.af-media-details-thumbnail.doc-placeholder{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;display:flex;position:relative}.play-icon-overlay{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding-left:2px;font-size:.8rem;display:flex;position:absolute}.af-media-details-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.af-media-filename{color:#10212d;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.af-media-filesize{color:#607481;font-size:.78rem}.af-media-meta-tag{color:#1ea085;text-transform:uppercase;background:#1ea08514;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:.68rem;font-weight:700}.af-media-details-actions{gap:8px;display:flex}.af-btn-sm{border-radius:8px!important;padding:6px 12px!important;font-size:.78rem!important}.af-dropzone.drag-active{background:#1ea08514!important;border-color:#1ea085!important}.af-wa-bubble-header-media{border-radius:12px 12px 0 0!important;max-height:200px!important;margin:-12px -12px 8px!important;padding:0!important;overflow:hidden!important}.af-wa-preview-img{-o-object-fit:cover!important;object-fit:cover!important;width:100%!important;height:150px!important;display:block!important}.af-wa-video-wrapper{background:#000!important;width:100%!important;height:150px!important;position:relative!important}.af-wa-preview-video{-o-object-fit:cover!important;object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.af-wa-video-overlay-play{color:#fff!important;pointer-events:none!important;background:#0009!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding-left:3px!important;font-size:1.2rem!important;display:flex!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.af-wa-doc-bubble{background:#111b21!important;border:1px solid #ffffff0f!important;border-radius:8px!important;align-items:center!important;gap:12px!important;margin:8px!important;padding:10px 12px!important;display:flex!important}.af-wa-doc-icon{font-size:1.8rem!important;line-height:1!important}.af-wa-doc-info{text-align:left!important;flex-direction:column!important;flex:1!important;min-width:0!important;display:flex!important}.af-wa-doc-size{color:#e9edee80!important;margin-top:2px!important;font-size:.72rem!important}.af-wa-media-placeholder{color:#e9edee99!important;background:#2a3942!important;justify-content:center!important;align-items:center!important;width:100%!important;height:120px!important;font-size:.85rem!important;font-weight:600!important;display:flex!important;position:relative!important}.af-wa-bubble{background:#202c33!important;border-radius:12px!important;max-width:90%!important;padding:12px!important;box-shadow:0 1px 2px #00000026!important}.af-wa-bubble-body{color:#e9edee!important;text-align:left!important;font-size:.85rem!important;line-height:1.45!important}.af-wa-bubble-footer{color:#e9edee80!important;text-align:left!important;margin-top:6px!important;font-size:.72rem!important}.af-wa-bubble-time{color:#e9edee73!important;justify-content:flex-end!important;align-items:center!important;gap:4px!important;margin-top:4px!important;font-size:.65rem!important;display:flex!important}.af-wa-ticks{color:#53bdeb!important;margin-left:2px!important;font-size:.72rem!important;font-weight:700!important}.af-wa-chat-timestamp{color:#e9edee99!important;text-transform:uppercase!important;letter-spacing:.05em!important;background:#182229!important;border-radius:6px!important;align-self:center!important;margin:8px 0 16px!important;padding:5px 12px!important;font-size:.68rem!important;font-weight:600!important;box-shadow:0 1px 1px #0000001a!important}.af-phone-wa-back{color:#fff!important;cursor:pointer!important;margin-right:2px!important;font-size:1.2rem!important}.af-phone-wa-meta{text-align:left!important;flex:1!important;min-width:0!important}.af-phone-wa-avatar-badge{background:#1fa855!important;border:1px solid #128c7e!important;border-radius:50%!important;width:8px!important;height:8px!important;position:absolute!important;bottom:0!important;right:0!important}.af-phone-wa-avatar{position:relative!important}.af-phone-wa-actions{color:#fff!important;opacity:.9!important;gap:14px!important;font-size:1rem!important;display:flex!important}.af-phone-input-bar{background:#0b141a!important;border-top:1px solid #ffffff08!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;display:flex!important}.af-phone-input-placeholder{color:#e9edee66!important;text-align:left!important;background:#2a3942!important;border-radius:20px!important;flex:1!important;padding:8px 14px!important;font-size:.8rem!important}.af-phone-input-send{color:#fff!important;background:#00a884!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding-left:2px!important;font-size:.75rem!important;display:flex!important}.af-wa-button{color:#53bdeb!important;cursor:pointer!important;border-top:1px solid #ffffff0f!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:10px 8px!important;font-size:.82rem!important;font-weight:600!important;display:flex!important}.af-wa-button:hover{background:#ffffff05!important}.af-wa-btn-icon{font-size:.9rem!important}@media (width<=1280px){.af-builder{grid-template-columns:1fr!important;gap:24px!important}.af-preview-wrapper{flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-top:24px!important;display:flex!important;position:static!important}}@media (width<=768px){.af-sidebar{max-height:200px!important}.af-stepper{flex-flow:wrap!important;gap:12px!important}.af-step-item{flex:none!important;width:calc(50% - 12px)!important}.af-step-line,.af-step-label,.af-step-title-label{display:none!important}.af-review-grid,.af-canvas-wrapper,.af-chatbot-grid,.af-button-card-fields{grid-template-columns:1fr!important}}.af-carousel-preview-container{flex-direction:column;align-items:flex-start;width:100%;display:flex}.af-carousel-slider-outer{width:100%;padding:0 10px;position:relative}.af-carousel-slider-inner{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:4px 0 10px;display:flex;overflow-x:auto}.af-carousel-slider-single{justify-content:center;padding-bottom:4px;overflow:visible}.af-carousel-slider-inner::-webkit-scrollbar{display:none}.af-carousel-preview-card{scroll-snap-align:center;background:#202c33;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0003;flex:0 0 85%!important;width:85%!important}.af-carousel-preview-card-active{flex-basis:88%!important;width:88%!important}.af-carousel-preview-card-img-wrap{background:#2a3942;justify-content:center;align-items:center;width:100%;height:120px;display:flex;position:relative;overflow:hidden}.af-carousel-preview-card-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.af-carousel-card-img-placeholder{color:#e9edee66;font-size:.8rem;font-weight:600}.af-carousel-preview-card-body{text-align:left;flex:1;padding:10px 12px}.af-carousel-preview-card-text{color:#e9edee;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.78rem;line-height:1.4}.af-carousel-preview-card-buttons{border-top:1px solid #ffffff0f;flex-direction:column;display:flex}.af-carousel-arrow{color:#fff;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;background:#0b141acc;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.af-carousel-arrow:hover{background:#111b21;border-color:#1ea085}.af-carousel-arrow.left{left:-14px}.af-carousel-arrow.right{right:-14px}.af-carousel-dots{justify-content:center;gap:6px;width:100%;margin-top:12px;display:flex}.af-carousel-dot{cursor:pointer;background:#e9edee40;border:0;border-radius:50%;width:6px;height:6px;padding:0;transition:all .2s}.af-carousel-dot.active{background:#53bdeb;transform:scale(1.2)}.af-wa-bubble.af-catalog-bubble{width:88%!important;max-width:270px!important;padding:0!important;overflow:hidden!important}.af-wa-bubble-header-media{background:#0000000d;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex;overflow:hidden}.af-wa-bubble-header-media.image{background:0 0}.af-wa-preview-img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:auto;max-height:200px;display:block}.af-wa-media-placeholder{color:#64748b;background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:140px;font-size:.85rem;font-weight:600;display:flex;position:relative}.af-wa-video-wrapper{border-radius:8px;width:100%;position:relative;overflow:hidden}.af-wa-preview-video{-o-object-fit:cover;object-fit:cover;width:100%;max-height:200px;display:block}.af-wa-video-overlay-play{color:#fff;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding-left:4px;font-size:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.af-wa-doc-bubble{background:#0000000a;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.af-wa-doc-icon{color:#fff;background:#ef4444;border-radius:4px;padding:8px;font-size:.7rem;font-weight:800}.af-wa-doc-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.af-wa-doc-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.af-wa-doc-size{color:var(--text-secondary);font-size:.7rem}.af-wa-bubble.af-catalog-bubble .af-wa-buttons{margin-top:0!important}.af-page{flex-direction:column;gap:20px;min-height:calc(100vh - 100px);padding:0;display:flex}.af-status-bar{color:#81c7ac;background:linear-gradient(135deg,#10b98114,#1ea0850f);border:1px solid #10b98133;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 18px;font-size:.85rem;font-weight:500;animation:.3s af-slide-in;display:flex}.af-status-close{color:#7a8f9c;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:.9rem;transition:background .2s}.af-status-close:hover{background:#ffffff0f}@keyframes af-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.af-sidebar-item{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.af-sidebar-item:hover{background:#ffffff0a}.af-sidebar-item.active{color:var(--text-primary);background:#10b9811a;border-color:#10b98140}.af-sidebar-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.86rem;font-weight:600;overflow:hidden}.af-sidebar-item-meta{color:var(--text-muted,#7a8f9c);align-items:center;gap:6px;margin-top:2px;font-size:.72rem;display:flex}.af-sidebar-new-btn{justify-content:center;margin:10px 12px;font-size:.85rem}.af-sidebar-empty{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.af-sidebar-empty-icon{opacity:.5;margin-bottom:10px;font-size:2rem}.af-sidebar-empty p{color:var(--text-muted,#7a8f9c);margin:0;font-size:.82rem;line-height:1.5}.af-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.af-status-dot.approved{background:#10b981}.af-status-dot.rejected{background:#ef4444}.af-status-dot.pending{background:#f59e0b}.af-main-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;min-height:500px;padding:24px}.af-preview-panel{justify-content:center;align-items:flex-start;display:flex;position:sticky;top:24px}.af-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:64px 24px;display:flex}.af-empty-icon{opacity:.4;margin-bottom:16px;font-size:3.5rem}.af-empty-title{color:var(--text-primary);margin:0 0 8px;font-size:1.15rem;font-weight:700}.af-empty-text{color:var(--text-secondary);max-width:360px;margin:0 0 20px;font-size:.88rem;line-height:1.6}.af-library{flex-direction:column;gap:20px;display:flex}.af-library-header{justify-content:space-between;align-items:center;display:flex}.af-library-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.af-library-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.af-library-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:10px;padding:20px;transition:border-color .2s,transform .2s;display:flex}.af-library-card:hover{border-color:#10b9814d;transform:translateY(-2px)}.af-library-card-header{justify-content:space-between;align-items:center;display:flex}.af-library-card-header h4{color:var(--text-primary);word-break:break-all;margin:0;font-size:.95rem;font-weight:700}.af-library-status{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:700}.af-library-status.approved{color:#10b981;background:#10b9811f}.af-library-status.rejected{color:#ef4444;background:#ef44441f}.af-library-status.pending{color:#f59e0b;background:#f59e0b1f}.af-library-card-meta{color:var(--text-muted,#7a8f9c);gap:6px;font-size:.75rem;display:flex}.af-library-card-body{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.af-library-card-actions{gap:8px;margin-top:4px;display:flex}.af-library-card-actions .af-btn{flex:1;justify-content:center;padding:7px 12px;font-size:.78rem}.af-library-preview{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px}.af-library-preview h4{color:var(--text-primary);margin:0 0 12px;font-size:.88rem;font-weight:700}.af-code-block{background:var(--bg-panel);color:#10b981;white-space:pre-wrap;border:1px solid var(--border-color);border-radius:12px;margin:0;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;overflow-x:auto}.af-btn-danger{color:#ef4444;cursor:pointer;font:inherit;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.af-btn-danger:hover{background:#ef44442e;border-color:#ef444466}@media (width<=1200px){.af-builder{grid-template-columns:240px minmax(0,1fr) 340px;gap:16px}.af-builder-no-preview{grid-template-columns:240px minmax(0,1fr)}}@media (width<=960px){.af-builder{grid-template-columns:1fr;gap:16px}.af-builder-no-preview{grid-template-columns:1fr}.af-sidebar{max-height:300px}.af-preview-panel{position:static}}@media (width<=640px){.af-tab-bar{flex-wrap:wrap}.af-library-grid{grid-template-columns:1fr}}.chatbot-automation-container{flex-direction:column;gap:16px;min-height:calc(100vh - 120px);margin:0;animation:.3s caFadeIn;display:flex;width:100%!important;max-width:none!important}.chatbot-automation-layout{flex:1;grid-template-columns:350px minmax(0,1fr);align-items:stretch;gap:20px;display:grid}@keyframes caFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chatbot-automation-header{margin-bottom:12px}.chatbot-automation-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 6px;font-size:1.6rem;font-weight:800}.chatbot-automation-header p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.4}.flow-toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;box-shadow:0 4px 20px #00000040}.toolbar-left,.toolbar-right{align-items:center;gap:10px;display:flex}.new-flow-btn{background:var(--accent-primary)!important;color:#fff!important}.new-flow-btn:hover{background:#0d9f78!important}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.search-wrapper{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:8px;width:220px;padding:8px 12px;transition:all .2s;display:flex}.search-wrapper:focus-within{border-color:var(--accent-primary);background:var(--bg-panel);box-shadow:0 0 0 3px #10b98126}.flow-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.language-wrapper{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:6px;padding:8px 12px;display:flex}.language-selector{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-size:.85rem}.flow-list-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:14px;max-height:calc(100vh - 270px);padding:16px;display:flex;overflow-y:auto}.panel-header-simple{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.panel-header-simple h3{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.flows-count-badge{background:var(--bg-panel);color:var(--text-primary);border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700}.flow-cards-container{flex-direction:column;gap:10px;display:flex}.flow-card-item{background:var(--bg-panel);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;flex-direction:column;gap:8px;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.flow-card-item:hover{border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 16px #0003}.flow-card-item.selected{border-color:var(--accent-primary);background:linear-gradient(135deg, #10b98114, var(--bg-panel));box-shadow:0 4px 20px #10b98114}.flow-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.flow-card-title{color:var(--text-primary);font-size:.92rem;font-weight:700;line-height:1.3}.status-badge{text-transform:uppercase;border-radius:6px;padding:2px 6px;font-size:.65rem;font-weight:700}.status-badge.published{color:var(--accent-primary);background:#10b98126}.status-badge.draft{color:var(--text-secondary);background:#9ca3af26}.flow-card-meta{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.flow-card-actions{border-top:1px dashed var(--border-color);gap:6px;margin-top:4px;padding-top:8px;display:flex}.action-btn{border:1px solid var(--border-color);background:var(--bg-panel);cursor:pointer;color:var(--text-primary);border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:600;transition:all .15s}.action-btn:hover{background:var(--bg-card)}.delete-btn:hover{border-color:var(--color-danger);color:var(--color-danger);background:#ef44440a}.empty-search-state{text-align:center;color:var(--text-secondary);padding:24px;font-size:.88rem}.canvas-area{background:var(--bg-primary);border:1px solid var(--border-color);background-image:radial-gradient(#ffffff0d 1.2px,#0000 1.2px);background-size:20px 20px;border-radius:20px;flex:1;min-height:500px;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000004d}.canvas-placeholder-container{justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.placeholder-content{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:420px;animation:.35s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.placeholder-icon-animated{font-size:3.5rem;animation:3s ease-in-out infinite floatIcon}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.placeholder-content h2{color:var(--text-primary);margin:0;font-size:1.35rem;font-weight:800}.placeholder-content p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.create-first-flow-btn{font-size:.95rem;box-shadow:0 4px 14px #1ea0854d;padding:12px 28px!important}.active-flow-canvas{flex-direction:column;align-items:center;gap:20px;width:100%;height:100%;padding:24px;display:flex;position:relative;overflow-y:auto}.canvas-flow-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--text-secondary);background:#111827d9;border-radius:10px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:flex}.header-flow-indicator{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulseIndicator}@keyframes pulseIndicator{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(.9)}}.initial-node-card{background:var(--bg-card);border:2px solid var(--accent-primary);width:320px;color:var(--text-primary);border-radius:16px;flex-direction:column;gap:12px;margin-top:20px;padding:16px;transition:transform .2s;display:flex;position:relative;box-shadow:0 8px 30px #00000080}.initial-node-card:hover{transform:translateY(-2px)}.node-badge{background:var(--accent-primary);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:800;position:absolute;top:-10px;left:16px}.node-header{align-items:center;gap:10px;display:flex}.node-icon{width:34px;height:34px;color:var(--accent-primary);background:#10b98126;border-radius:10px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.node-header-info h4{color:#fff;margin:0;font-size:.95rem;font-weight:700}.node-subtype{color:var(--text-secondary);font-size:.7rem}.node-instruction{color:var(--text-primary);margin:0;font-size:.78rem;line-height:1.4}.node-variables-section{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;margin-top:4px;padding-top:10px;display:flex}.section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.variables-grid{flex-wrap:wrap;gap:6px;display:flex}.variable-tag{color:var(--accent-primary);background:#10b9811a;border:1px solid #10b98133;border-radius:6px;padding:2px 6px;font-family:monospace;font-size:.72rem}.node-footer{justify-content:center;margin-top:4px;margin-bottom:-24px;display:flex}.connection-point-dot{background:var(--accent-primary);border:3px solid var(--bg-card);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:all .2s;box-shadow:0 2px 8px #0003}.connection-point-dot:hover{background:#0d9f78;transform:scale(1.2)}.custom-node-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:16px;flex-direction:column;gap:10px;width:320px;padding:16px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px 16px #0006}.custom-node-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000080}.custom-node-card.logic{border-left-color:#3b82f6}.custom-node-card.request{border-left-color:#ec4899}.custom-node-card.input{border-left-color:#f59e0b}.custom-node-card.message{border-left-color:var(--accent-primary)}.custom-node-header{justify-content:space-between;align-items:center;display:flex}.custom-node-header-left{align-items:center;gap:8px;display:flex}.custom-node-icon{font-size:1.15rem}.custom-node-header-left h4{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:700}.remove-node-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.85rem}.remove-node-btn:hover{color:#ef4444;background:#ef444414}.custom-node-desc{color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.4}.custom-node-category-pill{background:var(--bg-panel);color:var(--text-secondary);text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:.65rem;font-weight:700}.floating-add-node-btn{background:var(--accent-primary);color:#fff;cursor:pointer;z-index:100;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 16px #10b98166}.floating-add-node-btn:hover{background:#0d9f78;transform:scale(1.05)rotate(90deg);box-shadow:0 6px 20px #10b98180}.floating-add-node-btn.active{background:var(--bg-panel);transform:rotate(0)}.node-menu-panel{background:var(--bg-card);border-left:1px solid var(--border-color);z-index:90;flex-direction:column;width:320px;height:100%;display:flex;position:absolute;top:0;right:0;box-shadow:-10px 0 30px #0000004d}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.node-menu-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.node-menu-header h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.close-menu-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:.95rem}.node-menu-search{background:var(--bg-panel);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:12px 16px;display:flex}.node-menu-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.node-menu-categories{border-bottom:1px solid var(--border-color);scrollbar-width:none;gap:4px;padding:10px 16px;display:flex;overflow-x:auto}.node-menu-categories::-webkit-scrollbar{display:none}.category-tab{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:.72rem;font-weight:700;transition:all .15s}.category-tab:hover{background:var(--bg-panel);color:var(--text-primary)}.category-tab.active{color:var(--accent-primary);background:#10b98126}.node-menu-list{flex-direction:column;flex:1;gap:10px;padding:10px 16px;display:flex;overflow-y:auto}.no-nodes-state{text-align:center;color:var(--text-secondary);padding:30px;font-size:.82rem}.node-menu-card{border:1px solid var(--border-color);cursor:pointer;border-radius:10px;gap:12px;padding:10px;transition:all .2s;display:flex}.node-menu-card:hover{border-color:var(--accent-primary);background:#10b9810d;transform:translate(-2px)}.node-card-icon{justify-content:center;align-items:center;font-size:1.4rem;display:flex}.node-card-details h4{color:var(--text-primary);margin:0 0 3px;font-size:.82rem;font-weight:700}.node-card-details p{color:var(--text-secondary);margin:0;font-size:.72rem;line-height:1.35}.react-flow__pane{background:var(--bg-primary)}.react-flow__controls{border-radius:8px;overflow:hidden;border:1px solid var(--border-color)!important;box-shadow:0 4px 12px #0000004d!important}.react-flow__controls-button{background:var(--bg-panel)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}.react-flow__controls-button:hover{background:var(--bg-card)!important}.custom-node-card.selected,.initial-node-card.selected{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f640,0 8px 30px #00000026!important}.custom-node-card.executed-success,.initial-node-card.executed-success{border-color:#10b981!important;box-shadow:0 0 16px #10b98159!important}.custom-node-card.executed-failed{border-color:#ef4444!important;box-shadow:0 0 16px #ef444459!important}.custom-node-card.executed-paused{border-color:#f59e0b!important;box-shadow:0 0 16px #f59e0b59!important}.node-execution-status-badge{color:#fff;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-10px;right:16px;box-shadow:0 2px 6px #00000026}.node-execution-status-badge.success{background:#10b981}.node-execution-status-badge.failed{background:#ef4444}.node-execution-status-badge.paused{background:#f59e0b}.animate-slide-left{animation:.3s cubic-bezier(.16,1,.3,1) slideLeftCa}@keyframes slideLeftCa{0%{transform:translate(100%)}to{transform:translate(0)}}.conditions-handles-area{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;margin-top:10px;padding:8px;display:flex}.condition-branch-row{color:#475569;justify-content:space-between;align-items:center;padding:4px 0;font-size:.72rem;display:flex;position:relative}.condition-branch-row .branch-label{font-weight:600}.node-preview-text{color:#475569;word-break:break-all;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:6px 0 0;padding:8px;font-size:.75rem}.flow-inspector{background:var(--bg-card);border-left:1px solid var(--border-color);flex-direction:column;width:360px;height:100%;display:flex;box-shadow:-10px 0 30px #0000004d}.inspector-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px;display:flex}.inspector-header h4{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.close-inspector-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:.95rem}.inspector-body{flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.af-field{flex-direction:column;gap:6px;display:flex}.af-field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.af-input,.af-select,.af-textarea{border:1px solid var(--border-color);background:var(--bg-panel);color:var(--text-primary);border-radius:10px;outline:none;padding:8px 12px;font-size:.85rem}.af-input:focus,.af-select:focus,.af-textarea:focus{border-color:var(--accent-primary)}.af-textarea{resize:vertical}.inspector-divider{border:0;border-top:1px solid var(--border-color);margin:6px 0}.inspector-condition-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:8px;margin-bottom:10px;padding:12px;display:flex}.condition-card-header{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.delete-cond-btn,.delete-row-btn{cursor:pointer;color:var(--color-danger);background:0 0;border:none;font-size:.85rem}.sub-label{color:var(--text-secondary);font-size:.7rem;font-weight:600}.af-input.compact,.af-select.compact{padding:6px 10px;font-size:.8rem}.af-add-button-btn{color:var(--accent-primary);border:1px dashed var(--accent-primary);cursor:pointer;background:#10b98114;border-radius:8px;width:100%;padding:8px;font-size:.78rem;font-weight:700;transition:all .2s}.af-add-button-btn:hover{background:#10b98126}.headers-mapping-list{flex-direction:column;gap:8px;display:flex}.header-row-inputs{align-items:center;gap:8px;display:flex}.header-row-inputs input{flex:1}.af-inspector-empty{text-align:center;height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.af-inspector-empty-icon{margin-bottom:12px;font-size:2.2rem}