@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-body:#f4f7fb;--bg-surface:#fff;--bg-sidebar:#fff;--bg-input:#f0f4f8;--bg-input-focus:#fff;--bg-hover:#f0f5fa;--bg-active:#e8f0fe;--border:#e1e8f0;--border-strong:#cdd7e3;--border-focus:#0e8fca;--text-primary:#152235;--text-secondary:#4f6178;--text-muted:#8d9bb2;--text-on-accent:#fff;--accent:#0e8fca;--accent-hover:#0b7db3;--accent-soft:#0e8fca14;--accent-glow:#0e8fca33;--green:#16a34a;--green-soft:#16a34a14;--amber:#d97706;--amber-soft:#d9770614;--red:#dc2626;--red-soft:#dc262614;--cyan:#0891b2;--cyan-soft:#0891b214;--purple:#7c3aed;--purple-soft:#7c3aed14;--pink:#db2777;--pink-soft:#db277714;--msg-out:#e8f4fd;--msg-out-border:#c8e2f4;--msg-in:#fff;--msg-in-border:#e1e8f0;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #1522350a, 0 1px 2px #15223508;--shadow-md:0 4px 16px #1522350f, 0 1px 4px #1522350a;--shadow-lg:0 8px 30px #15223514;--transition:.2s cubic-bezier(.4, 0, .2, 1);--font-sans:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}body{font-family:var(--font-sans);background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}#root{height:100vh}.app-layout{grid-template-columns:64px 1fr;height:100vh;display:grid}.rail{background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:10;flex-direction:column;align-items:center;gap:4px;padding:16px 0;display:flex}.rail-logo{background:linear-gradient(135deg,var(--accent),#06b6d4);width:36px;height:36px;box-shadow:0 2px 8px var(--accent-glow);border-radius:10px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.rail-logo svg{color:#fff;width:18px;height:18px}.rail-item{cursor:pointer;width:42px;height:42px;transition:all var(--transition);color:var(--text-muted);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;font-family:inherit;display:flex;position:relative}.rail-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.rail-item.active{background:var(--accent-soft);color:var(--accent)}.rail-item svg{width:20px;height:20px}.rail-item .tip{background:var(--text-primary);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:99;border-radius:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:opacity .15s;position:absolute;top:50%;left:56px;transform:translateY(-50%)}.rail-item:hover .tip{opacity:1}.rail-sep{background:var(--border);width:28px;height:1px;margin:8px 0}.rail-footer{margin-top:auto}.rail-badge{background:var(--red);border:2px solid var(--bg-sidebar);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.rail-status{background:var(--red);border-radius:50%;width:10px;height:10px}.rail-status.on{background:var(--green);animation:2.5s ease-in-out infinite pulse;box-shadow:0 0 8px #16a34a66}@keyframes pulse{0%,to{box-shadow:0 0 8px #16a34a59}50%{box-shadow:0 0 14px #16a34a80}}.main-area{flex:1;display:flex;overflow:hidden}.page-view{flex-direction:column;flex:1;padding:32px 44px;display:flex;overflow-y:auto}.page-header{margin-bottom:28px}.page-header h2{letter-spacing:-.5px;margin-bottom:4px;font-size:23px;font-weight:800}.page-header p{color:var(--text-secondary);font-size:13.5px}.inbox-panel{background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;width:340px;min-width:340px;height:100vh;display:flex}.inbox-header{border-bottom:1px solid var(--border);padding:18px 20px 14px}.inbox-header h2{letter-spacing:-.3px;margin-bottom:12px;font-size:18px;font-weight:800}.inbox-search{position:relative}.inbox-search input{background:var(--bg-input);border:1.5px solid var(--border);width:100%;color:var(--text-primary);transition:all var(--transition);border-radius:8px;outline:none;padding:9px 14px 9px 36px;font-family:inherit;font-size:13px}.inbox-search input::placeholder{color:var(--text-muted)}.inbox-search input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.inbox-search svg{width:16px;height:16px;color:var(--text-muted);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.inbox-tabs{border-bottom:1px solid var(--border);gap:0;padding:0 20px;display:flex}.inbox-tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 12px;font-family:inherit;font-size:12px;font-weight:600}.inbox-tab:hover{color:var(--text-secondary)}.inbox-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.inbox-tab .cnt{background:var(--accent-soft);color:var(--accent);border-radius:10px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:700}.inbox-list{flex:1;overflow-y:auto}.convo-item{cursor:pointer;transition:background var(--transition);border-bottom:1px solid #e1e8f080;align-items:center;gap:12px;padding:14px 20px;display:flex}.convo-item:hover{background:var(--bg-hover)}.convo-item.active{background:var(--bg-active)}.convo-avatar{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:relative}.channel-dot{border:2px solid var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-1px;right:-1px}.channel-dot.whatsapp{background:#25d366}.channel-dot.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.channel-dot.facebook{background:#1877f2}.channel-dot svg{color:#fff;width:9px;height:9px}.convo-info{flex:1;min-width:0}.convo-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.convo-name{font-size:13.5px;font-weight:600}.convo-time{color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:500}.convo-bottom{justify-content:space-between;align-items:center;display:flex}.convo-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:185px;font-size:12.5px;overflow:hidden}.convo-unread{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.convo-meta{align-items:center;gap:4px;margin-top:3px;display:flex}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.badge.bot{background:var(--cyan-soft);color:var(--cyan)}.badge.human{background:var(--green-soft);color:var(--green)}.badge.waiting{background:var(--amber-soft);color:var(--amber)}.badge.dept{background:var(--purple-soft);color:var(--purple)}.chat-panel{background:var(--bg-body);flex-direction:column;flex:1;height:100vh;display:flex}.chat-header{background:var(--bg-surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:64px;padding:14px 24px;display:flex}.chat-header-avatar{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.chat-header-info{flex:1}.chat-header-name{font-size:14px;font-weight:700}.chat-header-sub{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.chat-actions{gap:4px;display:flex}.chat-act{cursor:pointer;width:36px;height:36px;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.chat-act:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-act.on{background:var(--green-soft);color:var(--green)}.chat-act svg{width:18px;height:18px}.chat-messages{flex-direction:column;flex:1;gap:6px;padding:20px 24px;display:flex;overflow-y:auto}.msg-date{text-align:center;padding:12px 0}.msg-date span{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;padding:4px 14px;font-size:11px;font-weight:600}.msg-row{display:flex}.msg-row.out{justify-content:flex-end}.msg-row.in{justify-content:flex-start}.msg-bubble{max-width:420px;box-shadow:var(--shadow-sm);border-radius:12px;padding:10px 14px;font-size:13.5px;line-height:1.5}.msg-row.out .msg-bubble{background:var(--msg-out);border:1px solid var(--msg-out-border);border-bottom-right-radius:4px}.msg-row.in .msg-bubble{background:var(--msg-in);border:1px solid var(--msg-in-border);border-bottom-left-radius:4px}.msg-meta{justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;display:flex}.msg-time{color:var(--text-muted);font-size:10.5px;font-weight:500}.msg-ck{color:var(--accent)}.msg-ck svg{width:14px;height:14px}.msg-media{background:var(--bg-input);border-radius:8px;margin-bottom:6px;overflow:hidden}.msg-media img{border-radius:8px;width:100%;max-width:280px;display:block}.msg-file{align-items:center;gap:10px;min-width:220px;padding:10px 14px;display:flex}.msg-file-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:flex}.msg-file-icon svg{width:18px;height:18px}.msg-file-info{flex:1}.msg-file-name{font-size:12.5px;font-weight:600}.msg-file-size{color:var(--text-muted);font-size:11px}.msg-audio{align-items:center;gap:10px;min-width:240px;padding:8px 12px;display:flex}.msg-audio-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.msg-audio-btn svg{width:14px;height:14px}.msg-audio-wave{flex:1;align-items:center;gap:2px;height:28px;display:flex}.msg-audio-bar{background:var(--accent);opacity:.4;border-radius:2px;width:3px}.msg-audio-dur{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:500}.chat-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.chat-empty svg{width:56px;height:56px;color:var(--border-strong)}.chat-empty h3{color:var(--text-secondary);font-size:16px;font-weight:700}.chat-empty p{font-size:13px}.msg-note{border:1px dashed var(--amber);max-width:420px;box-shadow:none;background:#d977060f;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.5}.msg-note-header{color:var(--amber);align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.msg-note-header svg{width:13px;height:13px}.msg-note-content{color:var(--text-secondary);font-size:12.5px}.msg-note .msg-meta{margin-top:4px}.note-toggle{cursor:pointer;transition:all var(--transition);color:var(--text-muted);border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:flex}.note-toggle:hover{border-color:var(--amber);color:var(--amber)}.note-toggle.active{border-color:var(--amber);color:var(--amber);background:#d977060f}.note-toggle svg{width:14px;height:14px}.chat-input-area{background:var(--bg-surface);border-top:1px solid var(--border);padding:12px 24px 16px;position:relative}.quick-replies{gap:6px;padding-bottom:10px;display:flex;overflow-x:auto}.quick-replies::-webkit-scrollbar{display:none}.qr-chip{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition);border-radius:20px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500}.qr-chip:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.chat-input-row{align-items:flex-end;gap:8px;display:flex}.chat-att{background:var(--bg-input);cursor:pointer;width:40px;height:40px;color:var(--text-muted);transition:all var(--transition);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-att:hover{background:var(--accent-soft);color:var(--accent)}.chat-att svg{width:18px;height:18px}.chat-input-wrap{background:var(--bg-input);border:1.5px solid var(--border);transition:all var(--transition);border-radius:12px;flex:1;align-items:flex-end;display:flex}.chat-input-wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.chat-input-wrap textarea{resize:none;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:10px 14px;font-family:inherit;font-size:13.5px;line-height:1.4}.chat-input-wrap textarea::placeholder{color:var(--text-muted)}.chat-send{background:var(--accent);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition);box-shadow:0 2px 8px var(--accent-glow);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send:hover{background:var(--accent-hover);transform:translateY(-1px)}.chat-send svg{width:18px;height:18px}.attach-menu{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:50;border-radius:12px;min-width:180px;padding:6px;animation:.2s fade-up;position:absolute;bottom:66px;left:24px}.att-item{cursor:pointer;color:var(--text-secondary);transition:all var(--transition);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.att-item:hover{background:var(--bg-hover);color:var(--text-primary)}.att-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.att-icon svg{width:16px;height:16px}.att-icon.i{background:var(--accent-soft);color:var(--accent)}.att-icon.d{background:var(--amber-soft);color:var(--amber)}.att-icon.v{background:var(--red-soft);color:var(--red)}.att-icon.a{background:var(--green-soft);color:var(--green)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);margin-bottom:16px;padding:24px}.card:hover{box-shadow:var(--shadow-md)}.card-title{align-items:center;gap:9px;margin-bottom:18px;font-size:14px;font-weight:700;display:flex}.card-title svg{width:17px;height:17px;color:var(--accent)}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{background:var(--bg-surface);color:var(--text-secondary);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:7px 14px;font-size:12.5px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}input,select,textarea.fi{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:all var(--transition);outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px}input::placeholder,textarea.fi::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea.fi:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px var(--accent-soft)}input.mono{font-family:JetBrains Mono,monospace;font-size:12.5px}textarea.fi{resize:vertical;min-height:80px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);padding:20px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:14px;display:flex}.stat-icon svg{width:18px;height:18px}.stat-icon.blue{background:var(--accent-soft);color:var(--accent)}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-icon.cyan{background:var(--cyan-soft);color:var(--cyan)}.stat-icon.purple{background:var(--purple-soft);color:var(--purple)}.stat-value{letter-spacing:-1px;margin-bottom:2px;font-size:28px;font-weight:800}.stat-label{color:var(--text-muted);font-size:12px;font-weight:500}.chart-bar-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.chart-bar-label{color:var(--text-secondary);text-align:right;flex-shrink:0;width:100px;font-size:12px;font-weight:500}.chart-bar-track{background:var(--bg-input);border-radius:6px;flex:1;height:24px;overflow:hidden}.chart-bar-fill{color:#fff;border-radius:6px;align-items:center;height:100%;padding-left:10px;font-size:11px;font-weight:700;transition:width .6s;display:flex}.chart-bar-fill.blue{background:var(--accent)}.chart-bar-fill.green{background:var(--green)}.chart-bar-fill.amber{background:var(--amber)}.chart-bar-fill.purple{background:var(--purple)}.chart-bar-fill.pink{background:var(--pink)}.chart-bar-fill.red{background:var(--red)}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid var(--border);padding:10px 14px;font-size:11px;font-weight:700}.tbl td{border-bottom:1px solid var(--border);padding:10px 14px}.tbl tr:hover td{background:var(--bg-hover)}.tbl .avatar-sm{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-right:8px;font-size:11px;font-weight:700;display:inline-flex}.tag{border-radius:4px;margin-right:4px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-block}.tag.t1{background:var(--accent-soft);color:var(--accent)}.tag.t2{background:var(--green-soft);color:var(--green)}.tag.t3{background:var(--amber-soft);color:var(--amber)}.tag.t4{background:var(--purple-soft);color:var(--purple)}.tag.t5{background:var(--pink-soft);color:var(--pink)}.camp-list{gap:12px;margin-bottom:24px;display:grid}.camp-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:18px 20px;display:flex}.camp-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.camp-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.camp-icon svg{width:20px;height:20px}.camp-icon.draft{background:var(--bg-input);color:var(--text-muted)}.camp-icon.scheduled{background:var(--amber-soft);color:var(--amber)}.camp-icon.sending{background:var(--accent-soft);color:var(--accent)}.camp-icon.done{background:var(--green-soft);color:var(--green)}.camp-icon.failed{background:var(--red-soft);color:var(--red)}.camp-info{flex:1;min-width:0}.camp-name{margin-bottom:2px;font-size:14px;font-weight:700}.camp-desc{color:var(--text-secondary);font-size:12px}.camp-stats{flex-shrink:0;gap:16px;display:flex}.camp-stat{text-align:center}.camp-stat-val{letter-spacing:-.5px;font-size:16px;font-weight:800}.camp-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.camp-status{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.camp-status.draft{background:var(--bg-input);color:var(--text-muted)}.camp-status.scheduled{background:var(--amber-soft);color:var(--amber)}.camp-status.sending{background:var(--accent-soft);color:var(--accent)}.camp-status.done{background:var(--green-soft);color:var(--green)}.camp-status.failed{background:var(--red-soft);color:var(--red)}.camp-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.camp-metric{text-align:center;background:var(--bg-input);border-radius:var(--radius);border:1px solid var(--border);padding:14px}.camp-metric-val{letter-spacing:-.5px;font-size:22px;font-weight:800}.camp-metric-lbl{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:500}.progress-bar{background:var(--bg-input);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .6s}.flow-container{flex-direction:column;gap:0;padding-left:24px;display:flex;position:relative}.flow-node{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;padding:16px 20px;position:relative}.flow-node:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.flow-node.active-node{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.flow-connector{background:var(--border);width:2px;height:24px;margin-left:20px}.flow-dot{border:2px solid var(--accent);background:var(--bg-surface);border-radius:50%;width:12px;height:12px;position:absolute;top:22px;left:-24px}.flow-dot.green{border-color:var(--green);background:var(--green-soft)}.flow-dot.amber{border-color:var(--amber);background:var(--amber-soft)}.flow-dot.blue{border-color:var(--accent);background:var(--accent-soft)}.flow-dot.purple{border-color:var(--purple);background:var(--purple-soft)}.flow-node-title{align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:700;display:flex}.flow-node-desc{color:var(--text-secondary);font-size:12px}.flow-node-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:12px;right:12px}.flow-node:hover .flow-node-actions{opacity:1}.flow-edit-btn{background:var(--bg-input);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.flow-edit-btn:hover{background:var(--accent-soft);color:var(--accent)}.flow-edit-btn svg{width:14px;height:14px}.menu-option{background:var(--bg-input);border:1px solid var(--border);transition:all var(--transition);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 14px;font-size:13px;display:flex}.menu-option:hover{border-color:var(--accent-soft)}.menu-key{background:var(--accent);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:flex}.menu-opt-info{flex:1}.menu-opt-label{font-size:12.5px;font-weight:600}.menu-opt-dest{color:var(--text-muted);font-size:11px}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-row:last-child{border:none}.toggle-label{font-size:13px;font-weight:500}.toggle-desc{color:var(--text-muted);margin-top:1px;font-size:11.5px}.toggle-switch{background:var(--border);cursor:pointer;border-radius:12px;flex-shrink:0;width:42px;height:24px;transition:background .2s;position:relative}.toggle-switch.on{background:var(--accent)}.toggle-switch:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch.on:after{transform:translate(18px)}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.tpl-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer;box-shadow:var(--shadow-sm);padding:18px}.tpl-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.tpl-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.tpl-card-name{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.tpl-card-status{text-transform:uppercase;letter-spacing:.3px;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:700}.tpl-card-status.approved{background:var(--green-soft);color:var(--green)}.tpl-card-status.pending{background:var(--amber-soft);color:var(--amber)}.tpl-card-status.rejected{background:var(--red-soft);color:var(--red)}.tpl-card-cat{color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:500}.tpl-card-body{color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.5}.tpl-card-footer{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;display:flex}.tpl-card-lang{font-family:JetBrains Mono,monospace;font-size:11px}.settings-page{width:100%;height:100vh;padding:32px 44px;overflow-y:auto}.breadcrumb{align-items:center;gap:6px;margin-bottom:24px;font-size:13px;display:flex}.breadcrumb-item{color:var(--text-muted);cursor:pointer;transition:color var(--transition);align-items:center;gap:4px;font-weight:500;display:flex}.breadcrumb-item:hover{color:var(--accent)}.breadcrumb-item.current{color:var(--text-primary);cursor:default;font-weight:700}.breadcrumb-sep{color:var(--border-strong);font-size:11px}.breadcrumb-sep svg{width:14px;height:14px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=1100px){.settings-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1400px){.settings-grid{grid-template-columns:repeat(4,1fr)}}.settings-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;min-height:180px;padding:28px;display:flex}.settings-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.settings-card-icon{border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.settings-card-icon svg{width:24px;height:24px}.settings-card-icon.blue{background:var(--accent-soft);color:var(--accent)}.settings-card-icon.green{background:var(--green-soft);color:var(--green)}.settings-card-icon.amber{background:var(--amber-soft);color:var(--amber)}.settings-card-icon.purple{background:var(--purple-soft);color:var(--purple)}.settings-card-icon.cyan{background:var(--cyan-soft);color:var(--cyan)}.settings-card-icon.pink{background:var(--pink-soft);color:var(--pink)}.settings-card-title{letter-spacing:-.3px;margin-top:4px;font-size:16px;font-weight:700}.settings-card-desc{color:var(--text-secondary);flex:1;font-size:13px;line-height:1.5}.settings-card-arrow{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:4px;margin-top:auto;font-size:12px;font-weight:600;display:flex}.settings-card:hover .settings-card-arrow{color:var(--accent)}.settings-card-arrow svg{width:16px;height:16px}.settings-detail{max-width:800px}.settings-detail .card{margin-bottom:20px;padding:28px}.settings-detail .card-title{margin-bottom:20px}.settings-detail .form-group{margin-bottom:18px}.settings-detail .form-row{gap:16px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#15223540;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:480px;padding:28px;animation:.25s fade-up}.modal h3{margin-bottom:16px;font-size:17px;font-weight:800}.toast-container{z-index:999;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kanban{flex:1;gap:14px;padding-bottom:16px;display:flex;overflow-x:auto}.kanban::-webkit-scrollbar{height:5px}.kanban-col{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1;min-width:200px;display:flex}.kanban-col-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.kanban-col-title{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.kanban-col-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.kanban-col-count{color:var(--text-muted);background:var(--bg-input);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.kanban-col-total{color:var(--text-muted);font-size:11px;font-weight:500}.kanban-col-cards{background:var(--bg-body);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:column;flex:1;gap:8px;min-height:60px;padding:10px;display:flex;overflow-y:auto}.deal-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;transition:all var(--transition);box-shadow:var(--shadow-sm);padding:14px}.deal-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.deal-card.dragging{opacity:.5;box-shadow:var(--shadow-lg)}.deal-card-name{margin-bottom:2px;font-size:13px;font-weight:600}.deal-card-phone{color:var(--text-muted);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:11px}.deal-card-value{letter-spacing:-.5px;color:var(--green);margin-bottom:8px;font-size:16px;font-weight:800}.deal-card-footer{justify-content:space-between;align-items:center;display:flex}.deal-card-agent{color:var(--text-secondary);font-size:11px;font-weight:500}.deal-card-time{color:var(--text-muted);font-size:10.5px}.deal-card-tags{gap:4px;margin-bottom:6px;display:flex}.lost-zone{background:var(--bg-surface);border:1.5px dashed var(--border);border-radius:var(--radius-lg);transition:all var(--transition);flex-shrink:0;margin-top:14px}.lost-zone.drop-active{border-color:var(--red);background:var(--red-soft)}.lost-zone.drop-over{border-color:var(--red);background:#dc26261f;transform:scale(1.01)}.lost-zone-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.lost-zone-left{align-items:center;gap:12px;display:flex}.lost-zone-icon{background:var(--red-soft);width:38px;height:38px;color:var(--red);transition:all var(--transition);border-radius:10px;justify-content:center;align-items:center;display:flex}.lost-zone-icon.shake{animation:.5s ease-in-out infinite shake}.lost-zone-title{color:var(--text-primary);font-size:13px;font-weight:700}.lost-zone-summary{color:var(--text-muted);margin-top:1px;font-size:11.5px;font-weight:500}.lost-zone-expand{color:var(--text-muted);transition:transform var(--transition)}.lost-zone-expand.open{transform:rotate(180deg)}.lost-zone-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:0 20px 16px;animation:.2s fade-in;display:grid}@keyframes shake{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}.call-bar{background:var(--text-primary);color:#fff;box-shadow:var(--shadow-lg);z-index:100;border-radius:16px;align-items:center;gap:16px;min-width:360px;padding:12px 20px;animation:.25s fade-up;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.call-bar-info{flex-direction:column;flex:1;gap:2px;display:flex}.call-bar-name{font-size:13px;font-weight:700}.call-bar-status{color:#fff9;align-items:center;gap:6px;font-size:11px;display:flex}.call-bar-timer{color:#fff;min-width:48px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.call-bar-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.call-bar-actions{gap:6px;display:flex}.call-btn{cursor:pointer;width:36px;height:36px;transition:all var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.call-btn svg{width:16px;height:16px}.call-btn.mute{color:#fff;background:#ffffff26}.call-btn.mute:hover{background:#ffffff40}.call-btn.mute.active{background:var(--red);color:#fff}.call-btn.hold{color:#fff;background:#ffffff26}.call-btn.hold:hover{background:#ffffff40}.call-btn.hold.active{background:var(--amber);color:#fff}.call-btn.transfer{color:#fff;background:#ffffff26}.call-btn.transfer:hover{background:#ffffff40}.call-btn.end{background:var(--red);color:#fff}.call-btn.end:hover{background:#b91c1c}.msg-call{align-items:center;gap:10px;min-width:240px;padding:10px 14px;display:flex}.msg-call-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.msg-call-icon.incoming{background:var(--green-soft);color:var(--green)}.msg-call-icon.outgoing{background:var(--accent-soft);color:var(--accent)}.msg-call-icon.missed{background:var(--red-soft);color:var(--red)}.msg-call-info{flex:1}.msg-call-label{font-size:12.5px;font-weight:600}.msg-call-detail{color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.contact-sidebar{background:var(--bg-surface);border-left:1px solid var(--border);flex-direction:column;width:280px;min-width:280px;height:100vh;display:flex;overflow-y:auto}.contact-sidebar-header{text-align:center;border-bottom:1px solid var(--border);padding:20px}.contact-sidebar-avatar{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;font-size:20px;font-weight:800;display:flex}.contact-sidebar-name{margin-bottom:2px;font-size:15px;font-weight:700}.contact-sidebar-phone{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.contact-sidebar-section{border-bottom:1px solid var(--border);padding:14px 20px}.contact-sidebar-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px;font-size:10.5px;font-weight:700}.contact-sidebar-row{justify-content:space-between;align-items:center;padding:5px 0;font-size:12.5px;display:flex}.contact-sidebar-row .label{color:var(--text-muted);font-weight:500}.contact-sidebar-row .value{color:var(--text-primary);font-weight:600}.contact-sidebar-deal{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);border-radius:8px;margin-bottom:6px;padding:10px 12px}.contact-sidebar-deal:hover{border-color:var(--accent-soft);background:var(--bg-hover)}.contact-sidebar-deal-value{color:var(--green);margin-bottom:2px;font-size:14px;font-weight:800}.contact-sidebar-deal-stage{color:var(--text-muted);font-size:11px}.contact-sidebar-link{color:var(--accent);cursor:pointer;transition:color var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:600;display:flex}.contact-sidebar-link:hover{background:var(--accent-soft)}.contact-detail-header{align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.contact-detail-avatar{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.contact-detail-info{flex:1}.contact-detail-name{letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:800}.contact-detail-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;font-size:12.5px;display:flex}.contact-detail-meta svg{width:14px;height:14px;color:var(--text-muted)}.contact-detail-meta span{align-items:center;gap:4px;display:flex}.contact-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width>=1200px){.contact-detail-grid{grid-template-columns:1fr 1fr 1fr}}.contact-info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.contact-info-row:last-child{border:none}.contact-info-label{color:var(--text-muted);font-weight:500}.contact-info-value{text-align:right;font-weight:600}.cmdk-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:300;background:#15223540;justify-content:center;align-items:flex-start;padding-top:min(20vh,160px);display:flex;position:fixed;inset:0}.cmdk-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);animation:.15s fade-up;overflow:hidden}.cmdk-input-wrap{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:10px;padding:14px 18px;display:flex}.cmdk-input-wrap input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px;font-weight:500}.cmdk-input-wrap input::placeholder{color:var(--text-muted)}[cmdk-list]{max-height:400px;padding:8px;overflow-y:auto}[cmdk-group-heading]{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:10px 12px 6px;font-size:10.5px;font-weight:700}[cmdk-item]{cursor:pointer;color:var(--text-secondary);transition:background var(--transition);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}[cmdk-item][data-selected=true]{background:var(--bg-active);color:var(--text-primary)}[cmdk-item]:hover{background:var(--bg-hover)}[cmdk-item] svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}[cmdk-item][data-selected=true] svg{color:var(--accent)}.cmdk-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.auth-layout{grid-template-columns:1fr 1fr;height:100vh;display:grid;overflow:hidden}.auth-left{background:var(--bg-surface);flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.auth-brand{flex-direction:column;align-items:center;gap:8px;margin-bottom:36px;display:flex}.auth-brand-name{letter-spacing:-1px;color:var(--text-primary);font-size:28px;font-weight:800}.auth-brand-desc{color:var(--text-muted);font-size:13.5px;font-weight:500}.auth-card{width:100%;max-width:380px;animation:.3s fade-in}.auth-card h2{letter-spacing:-.3px;margin-bottom:6px;font-size:20px;font-weight:800}.auth-card p.auth-sub{color:var(--text-secondary);margin-bottom:24px;font-size:13.5px}.auth-card .form-group{margin-bottom:18px}.auth-card .form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.auth-card .btn{justify-content:center;width:100%;margin-top:8px}.auth-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:13px}.auth-footer a{color:var(--accent);transition:color var(--transition);font-weight:600;text-decoration:none}.auth-footer a:hover{color:var(--accent-hover)}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-right{background:var(--bg-body);justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.auth-right:before{content:"";background:var(--accent-soft);filter:blur(80px);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.auth-right:after{content:"";filter:blur(60px);background:#7c3aed0f;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.auth-right-content{z-index:1;flex-direction:column;gap:28px;max-width:360px;display:flex;position:relative}.auth-feature{align-items:flex-start;gap:14px;display:flex}.auth-feature-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.auth-feature-icon.blue{background:var(--accent-soft)}.auth-feature-icon.purple{background:var(--purple-soft)}.auth-feature-icon.green{background:var(--green-soft)}.auth-feature-title{margin-bottom:3px;font-size:14px;font-weight:700}.auth-feature-desc{color:var(--text-secondary);font-size:12.5px;line-height:1.5}@media (width<=900px){.auth-layout{grid-template-columns:1fr}.auth-right{display:none}}.step-nav{gap:0;margin-bottom:28px;display:flex;position:relative}.step-nav:before{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:16px;left:24px;right:24px}.step-item{z-index:1;cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.step-item-dot{background:var(--bg-surface);border:2px solid var(--border);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.step-item.active .step-item-dot{border-color:var(--accent);background:var(--accent);color:#fff}.step-item.done .step-item-dot{border-color:var(--green);background:var(--green);color:#fff}.step-item-label{color:var(--text-muted);transition:color var(--transition);font-size:11.5px;font-weight:600}.step-item.active .step-item-label{color:var(--accent)}.step-item.done .step-item-label{color:var(--green)}.step-content{display:none}.step-content.active{animation:.2s fade-in;display:block}.bulk-preview{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);max-height:200px;margin-top:10px;padding:14px;overflow-y:auto}.bulk-contact{align-items:center;gap:10px;padding:6px 0;font-size:12.5px;display:flex}.bulk-contact+.bulk-contact{border-top:1px solid var(--border)}.bulk-contact .avatar-sm{width:26px;height:26px;font-size:9px}.phone-mockup{box-shadow:var(--shadow-md);background:#e5ddd5;border:8px solid #1a1a2e;border-radius:20px;flex-direction:column;min-height:400px;display:flex;position:relative;overflow:hidden}.phone-notch{background:#1a1a2e;border-radius:0 0 14px 14px;width:120px;height:24px;margin:0 auto}.phone-header{color:#fff;background:#075e54;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.phone-header-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.phone-chat{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.phone-msg{word-break:break-word;background:#fff;border:1px solid #0000000d;border-radius:8px 8px 8px 2px;align-self:flex-start;max-width:85%;padding:8px 12px;font-size:12px;line-height:1.5}.phone-msg.out{background:#dcf8c6;border-bottom-right-radius:2px;border-bottom-left-radius:8px;align-self:flex-end}.phone-msg-header{margin-bottom:4px;font-size:12.5px;font-weight:700}.phone-msg-footer{color:#0006;margin-top:4px;font-size:10px;font-style:italic}.phone-msg-var{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:1px 4px;font-size:11px;font-weight:600}.phone-btn{text-align:center;color:#075e54;cursor:default;border-top:1px solid #00000014;margin-top:4px;padding:8px;font-size:12px;font-weight:600;display:block}.tpl-creator{grid-template-columns:1fr 260px;gap:24px;display:grid}@media (width<=600px){.tpl-creator{grid-template-columns:1fr}}.auth-error{color:#dc2626;background:#dc26260f;border:1px solid #dc26261f;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500}.rail-badge{color:#fff;background:#dc2626;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 1px 4px #dc26264d}