:root{--font-sans:"Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--gradient-primary:linear-gradient(135deg, #0f766e, #0d9488);--gradient-secondary:linear-gradient(135deg, #10b981, #34d399);--gradient-accent:linear-gradient(135deg, #0ea5e9, #0d9488);--gradient-warning:linear-gradient(135deg, #f59e0b, #e11d48);--gradient-live:linear-gradient(135deg, #ef4444, #f43f5e);--gradient-brand:linear-gradient(135deg, #0d9488, #10b981);--shadow-sm:0 2px 8px -1px #0f172a0a, 0 1px 3px -1px #0f172a05;--shadow-md:0 12px 24px -4px #0f172a0f, 0 4px 12px -2px #0f172a08;--shadow-lg:0 20px 40px -8px #0f172a1a, 0 8px 20px -4px #0f172a0d;--transition-all:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275);--glass-bg:#ffffffbf;--glass-border:1px solid #e2e8f0d9;color:#1e293b;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes pulseGlowGreen{0%{box-shadow:0 0 #34d39966}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#0d94880d,#0000 35%),radial-gradient(circle at 100% 100%,#06b6d40d,#0000 35%),linear-gradient(#fff,#f8fafc);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.sidebar{color:#f9fafb;background:linear-gradient(#0f1629 0%,#111827 60%,#0c1322 100%);border-right:1px solid #0d94881f;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #0000002e}.brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-mark,.stat-icon{border-radius:8px;place-items:center;width:42px;height:42px;display:inline-grid}.brand-mark{background:var(--gradient-brand);color:#fff;transition:var(--transition-bounce);border-radius:10px;box-shadow:0 4px 12px #4f46e566}.brand-mark:hover{transform:scale(1.07);box-shadow:0 6px 18px #4f46e58c}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small,.sidebar-footer p,.eyebrow,.section-toolbar p,.mini-card span,.recording-main span,.agent-hero span,.interconnect-card span,.vertical-node p{color:#64748b}.brand small{color:#9ca3af;margin-top:3px}.nav-list{gap:14px;padding-right:2px;display:grid;overflow:auto}.nav-group{gap:6px;display:grid}.nav-group-label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;padding:0 12px 2px;font-size:11px;font-weight:900;display:block}.nav-item{color:#94a3b8;text-align:left;min-height:42px;transition:var(--transition-all);background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:var(--gradient-brand);width:3px;height:60%;transition:var(--transition-bounce);border-radius:0 3px 3px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.nav-item:hover{color:#e2e8f0;background:#ffffff0f;transform:translate(2px)}.nav-item:hover:before{transform:translateY(-50%)scaleY(.6)}.nav-item.active{color:#fff;background:linear-gradient(90deg,#0d948833,#0d94880f);font-weight:600}.nav-item.active:before{transform:translateY(-50%)scaleY(1)}.sidebar-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1220cc;border:1px solid #0d94882e;border-radius:10px;margin-top:auto;padding:14px;box-shadow:0 -4px 20px #0000001f}.live-pill{color:#34d399;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.live-pill svg{border-radius:50%;animation:2s ease-in-out infinite pulseGlowGreen}.sidebar-footer p{color:#cbd5e1;margin:8px 0 0}.main{min-width:0;padding:24px;animation:.35s both fadeInUp}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;font-weight:800}h1,h2{color:#0f172a;margin:0}h1{font-size:clamp(28px,4vw,42px)}h2{font-size:24px}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.search{color:#64748b;width:min(360px,42vw);height:42px;transition:var(--transition-all);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #0d948826;border-radius:10px;align-items:center;gap:8px;padding:0 14px;display:flex}.search:focus-within{border-color:#0d948873;box-shadow:0 0 0 3px #0d94881a}.search input,.side-panel input,.side-panel select,.dial-input{color:#111827;background:0 0;border:0;outline:0;width:100%}.segmented{background:#0d948812;border:1px solid #0d94881a;border-radius:10px;padding:4px;display:inline-flex}.segmented button{color:#475569;min-width:70px;height:34px;transition:var(--transition-all);background:0 0;border:0;border-radius:7px;font-size:13px;font-weight:600}.segmented button:hover{color:#1e293b;background:#ffffff80}.segmented .selected{color:#0d9488;background:#fff;font-weight:700;box-shadow:0 2px 8px #0d948826}.language-switch button{min-width:44px}.icon-btn,.round-btn{color:#374151;transition:var(--transition-all);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border:1px solid #0d948826;place-items:center;display:inline-grid}.icon-btn{border-radius:10px;width:42px;height:42px}.icon-btn:hover,.round-btn:hover{color:#0d9488;background:#fff;border-color:#0d948859;transform:translateY(-1px);box-shadow:0 4px 12px #0d94881a}.content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.analytics-grid{align-items:stretch}.stat-card,.panel,.recording-card,.mini-card,.agent-hero{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px)}.stat-card{min-height:164px;transition:var(--transition-bounce);border-radius:14px;padding:20px;animation:.4s both fadeInUp}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:#0d94882e;transform:translateY(-5px)}.stat-card p{color:#64748b;letter-spacing:.03em;margin:18px 0 7px;font-size:13px;font-weight:700}.stat-card strong{color:#0f172a;font-size:32px;font-weight:800;line-height:1;display:block}.stat-card small{color:#16a34a;margin-top:6px;font-size:12px;font-weight:700;display:block}.stat-icon{color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000002e}.blue .stat-icon{background:var(--gradient-primary)}.teal .stat-icon{background:var(--gradient-secondary)}.amber .stat-icon{background:var(--gradient-warning)}.red .stat-icon{background:var(--gradient-live)}.panel{min-width:0;transition:var(--transition-bounce);border-radius:14px;padding:20px;animation:.5s both fadeInUp}.panel:hover{box-shadow:var(--shadow-lg);border-color:#0d948824}.bot-layout{grid-template-columns:minmax(0,7fr) minmax(300px,3fr);align-items:start;gap:16px;display:grid}.bot-layout>.panel{min-height:100%}.wide{grid-column:span 3}@media (width<=1100px){.bot-layout{grid-template-columns:1fr}}.panel-header,.section-toolbar,.recording-card,.mini-card,.agent-hero,.task{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-header{margin-bottom:16px}.panel-header div{color:#0f172a;align-items:center;gap:8px;display:flex}.panel-header span{color:#64748b;font-size:13px;font-weight:800}.bar-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:18px;height:284px;padding-top:12px;display:grid}.bar-group{text-align:center;color:#64748b;grid-template-rows:1fr auto;gap:9px;height:100%;font-weight:700;display:grid}.bars{border-bottom:1px solid #e5e7eb;justify-content:center;align-items:end;gap:5px;min-height:0;display:flex}.bars i{transform-origin:bottom;border-radius:5px 5px 0 0;width:16px;animation:.8s cubic-bezier(.175,.885,.32,1.275) both growBar;display:block}.calls{background:var(--gradient-primary)}.answered{background:var(--gradient-secondary)}.donut{width:min(250px,100%);margin:0 auto;display:block}.donut circle{transform-origin:50%;transform:rotate(-90deg)}.donut text{fill:#0f172a;font-size:5px;font-weight:900}.donut .donut-label{fill:#64748b;font-size:2.8px}.legend{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.legend span{color:#475569;font-size:13px;font-weight:700}.legend i{border-radius:3px;width:9px;height:9px;margin-right:6px;display:inline-block}.queue-table,.insight-list,.recording-list,.workflow-list,.task-list{gap:12px;display:grid}.queue-row{grid-template-columns:160px minmax(120px,1fr) 80px;align-items:center;gap:14px;display:grid}.queue-row span,.queue-row strong{font-size:14px}.progress{background:#0d94881a;border-radius:999px;height:9px;overflow:hidden}.progress b{background:var(--gradient-brand);transform-origin:0;height:100%;animation:1s cubic-bezier(.175,.885,.32,1.275) both growBar;display:block}.insight-list p{color:#475569;transition:var(--transition-all);background:linear-gradient(135deg,#0d94880a,#06b6d408);border:1px solid #0d948814;border-radius:10px;margin:0;padding:14px;line-height:1.55}.insight-list p:hover{background:linear-gradient(135deg,#0d948812,#06b6d40d);border-color:#0d948833}.stack{gap:16px;display:grid}.section-toolbar p{margin:7px 0 0}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.primary-btn,.secondary-btn,.full-btn{min-height:42px;transition:var(--transition-bounce);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.primary-btn,.full-btn{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #0d948859}.primary-btn:hover,.full-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0d948873}.primary-btn:active,.full-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0d94884d}.danger-btn{background:var(--gradient-live);box-shadow:0 4px 14px #ef444459}.danger-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444473}.secondary-btn{color:#374151;box-shadow:var(--shadow-sm);background:#fff;border-color:#0d948833}.secondary-btn:hover{border-color:#0d948866;transform:translateY(-1px);box-shadow:0 4px 12px #0d94881f}.agent-layout,.workflow-board,.call-grid{gap:16px;display:grid}.agent-layout{grid-template-columns:minmax(0,1fr) 340px}.grow{min-width:0}.data-table{gap:4px;display:grid;overflow-x:auto}.table-head,.table-row{grid-template-columns:1.35fr 1fr 1fr 1.2fr 70px;align-items:center;gap:14px;min-width:780px;padding:13px 12px;display:grid}.table-head{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900}.table-row{transition:var(--transition-all);background:#f8fafccc;border:1px solid #0000;border-radius:10px}.table-row:hover{background:#fffffff2;border-color:#0d948826;box-shadow:0 2px 10px #0d948812}.bots-table .table-head,.bots-table .table-row{grid-template-columns:minmax(220px,1.6fr) minmax(120px,.9fr) minmax(100px,.8fr) minmax(120px,.9fr) minmax(100px,.8fr) 90px;gap:14px}.voice-library-table{overflow:hidden}.voice-library-table .table-head,.voice-library-table .table-row{grid-template-columns:minmax(0,1fr) 90px;gap:12px;min-width:0}.bots-table .table-head>span,.bots-table .table-row>span,.voice-library-table .table-head>span,.voice-library-table .table-row>span{align-items:center;min-width:0;display:flex}.bots-table .table-row>span:last-child,.voice-library-table .table-row>span:last-child{justify-content:flex-end}.bot-name{color:#0f172a;gap:10px;font-weight:600}.bot-icon{color:#0d9488;background:#0d94881f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.empty-table-state{color:#475569;text-align:center;background:linear-gradient(135deg,#f8fafce6,#fffffff2);border:1px dashed #0f172a1f;border-radius:14px;grid-column:1/-1;justify-items:center;gap:8px;padding:28px 16px;display:grid}.empty-table-icon{width:48px;height:48px;color:var(--accent-teal);background:#0d94881f;border-radius:14px;place-items:center;display:inline-grid}.empty-table-title{color:#0f172a;font-size:15px;font-weight:800}.empty-table-copy{max-width:320px;font-size:13px;line-height:1.5}.person{align-items:center;gap:10px;font-weight:800;display:flex}.person i,.avatar-xl{background:var(--gradient-primary);color:#fff;border-radius:10px;place-items:center;font-style:normal;font-weight:700;display:inline-grid}.person i{width:34px;height:34px;font-size:12px;box-shadow:0 3px 8px #0d948840}.status{letter-spacing:.03em;text-transform:capitalize;white-space:nowrap;box-sizing:border-box;text-align:center;color:#475569;background:#4755691a;border:1px solid #47556933;border-radius:999px;justify-content:center;align-items:center;min-width:76px;height:24px;padding:0 12px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.status.active,.status.enabled,.status.online,.status.success,.status.delivered{color:#0d9488;background:#0d94881f;border-color:#0d94884d}.status.inactive,.status.disabled,.status.offline,.status.failed,.status.cancelled{color:#e11d48;background:#e11d481a;border-color:#e11d4847}.status.draft,.status.pending,.status.scheduled,.status.reviewing,.status.on-call,.status.needs-follow-up{color:#d97706;background:#d977061f;border-color:#d9770647}.on-call,.reviewing,.needs-follow-up{color:#b45309;background:#b4530926;border-color:#b453094d}.break,.neutral,.standby,.user,.self{color:#475569;background:#4755691a;border-color:#47556933}.dialing,.on-hold,.outbound,.operations,.priority-support{color:#0d9488;background:#0d948826;border-color:#0d94884d}.side-panel{align-content:start;gap:14px;display:grid}.side-panel label{color:#64748b;gap:7px;font-size:13px;font-weight:800;display:grid}.side-panel input,.side-panel select,.side-panel textarea{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;height:42px;padding:0 11px}.side-panel textarea{resize:vertical;min-height:118px;padding:11px;line-height:1.45}.multi-value-field{gap:8px;display:grid}.multi-value-label{color:#64748b;font-size:13px;font-weight:800}.multi-value-input{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;gap:8px;padding:8px 10px;display:grid}.multi-value-input input{height:auto;box-shadow:none;background:0 0;border:0;outline:none;padding:0}.multi-value-tags{flex-wrap:wrap;gap:8px;display:flex}.tag-pill{color:#0f766e;background:#0d94881f;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:700;display:inline-flex}.tag-remove{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.field-hint{color:#94a3b8;font-size:12px}.bot-identity{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.bot-avatar{color:#fff;background:#0d9488;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:inline-grid}.bot-avatar.small{width:34px;height:34px}.bot-identity strong,.bot-identity small{display:block}.bot-identity small{color:#64748b;margin-top:3px}.voice-template-list{gap:8px;display:grid}.voice-template-card{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;padding:11px}.voice-template-card strong,.voice-template-card span{display:block}.voice-template-card span{color:#64748b;margin-top:4px;font-size:13px;line-height:1.35}.provider-summary{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;gap:8px;margin:12px 0;padding:12px;display:grid}.provider-summary div{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;display:grid}.provider-summary span,.runtime-grid span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900}.provider-summary strong,.runtime-grid strong{color:#0f172a;word-break:break-word}.subsection-title{color:#0f172a;align-items:center;gap:8px;font-weight:900;display:flex}.rag-config{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;gap:11px;margin:12px 0;padding:12px;display:grid}.range-field{position:relative}.range-field>span{color:#0f172a;justify-self:end;margin-top:-24px;font-size:13px;font-weight:900}.range-field input[type=range]{accent-color:#0d9488;width:100%}.permissions{gap:10px;display:grid}.checkline{grid-template-columns:18px 1fr;align-items:center}.checkline input{height:auto}.recording-card{border-radius:8px;padding:16px}.play-btn{color:#fff;width:46px;height:46px;transition:var(--transition-all);background:#cbd5e1;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.play-btn.active{background:var(--gradient-secondary);animation:2s ease-in-out infinite pulseGlowGreen;transform:scale(1.08);box-shadow:0 0 0 4px #34d39940,0 4px 14px #10b98173}.play-btn.large{width:54px;height:54px}.recording-main{flex:1;min-width:0}.recording-main strong,.recording-main span,.recording-meta span,.recording-meta small{display:block}.wave{align-items:center;gap:3px;height:38px;margin-top:9px;display:flex;overflow:hidden}.wave i{background:#cbd5e1;border-radius:999px;width:4px;transition:background .3s}.wave-playing i{background:linear-gradient(#10b981,#34d399);animation:.8s ease-in-out infinite alternate wavePlay}.wave-playing i:nth-child(odd){animation-delay:.15s}@keyframes wavePlay{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.recording-meta{justify-items:end;gap:8px;min-width:150px;display:grid}.recording-meta span{font-weight:900}.recording-meta small{color:#64748b}.play-now-btn{color:#1f2937;background:#fff;border:1px solid #dbe3ef;border-radius:8px;min-height:32px;padding:0 10px;font-weight:900}.date-range-control,.date-custom{align-items:center;gap:10px;display:flex}.date-range-control{color:#475569;background:#fff;border:1px solid #dbe3ef;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%;padding:16px;box-shadow:0 8px 20px #0f172a0f}.date-range-control label{color:#475569;flex-direction:column;gap:6px;min-width:180px;font-size:13px;display:flex}.date-range-control input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;height:42px;padding:0 12px}.date-range-control button{border-radius:12px;min-height:42px;padding:0 18px}.date-range-control select{color:#111827;background:0 0;border:0;outline:0;font-weight:800}.date-custom{flex-wrap:wrap;justify-content:flex-start}.date-custom label{color:#64748b;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.date-custom input{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;height:38px;padding:0 10px}.date-custom span{color:#0f172a;margin-left:auto;font-weight:900}.recording-player{align-self:start}.player-shell{gap:14px;display:grid}.player-summary{align-items:center;gap:12px;display:flex}.player-summary strong,.player-summary span{display:block}.player-summary span{color:#64748b;margin-top:4px}.player-wave{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;align-items:center;gap:4px;height:58px;padding:0 4px;display:flex;overflow:hidden}.player-wave i{background:#e2e8f0;border-radius:999px;width:5px;transition:background .3s}.player-wave.playing i{background:linear-gradient(#0d9488,#14b8a6);animation:.8s ease-in-out infinite alternate wavePlay}.subtitle-panel{color:#fff;background:#111827;border-radius:8px;gap:8px;padding:14px;display:grid}.subtitle-header{color:#cbd5e1;justify-content:space-between;gap:12px;font-size:13px;font-weight:900;display:flex}.subtitle-panel p{color:#fff;margin:0;line-height:1.45}.subtitle-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.subtitle-columns>div{background:#ffffff14;border-radius:8px;align-content:start;gap:8px;padding:12px;display:grid}.subtitle-columns>div>strong{color:#bfdbfe}.workflow-board{grid-template-columns:minmax(0,1fr) 440px}.workflow-list-wrapper{flex-direction:column;max-height:620px;display:flex;overflow-y:auto}.create-workflow-grid{grid-template-columns:390px minmax(0,1fr);gap:16px;display:grid}.flow{grid-template-columns:repeat(5,minmax(130px,1fr));align-items:center;gap:12px;padding:12px 0;display:grid;overflow-x:auto}.flow-node{text-align:center;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;place-items:center;gap:8px;min-height:112px;padding:14px;font-weight:800;display:grid}.flow-node span{color:#fff;background:#0d9488;border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.connector{display:none}.mini-card{border-radius:8px;padding:14px}.mini-card strong,.mini-card span{display:block}.mini-card span{margin-top:5px;line-height:1.35}.mini-card p{margin:0;font-weight:900}.workflow-form,.workflow-preview{align-self:start}.workflow-form{gap:14px;display:grid}.workflow-form label{color:#64748b;gap:7px;font-size:13px;font-weight:800;display:grid}.workflow-form input,.workflow-form select{color:#111827;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;height:42px;padding:0 11px}.vertical-flow{gap:12px;display:grid}.vertical-node{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;grid-template-columns:38px 1fr;align-items:start;gap:12px;padding:14px;display:grid}.vertical-node span{color:#fff;background:#0d9488;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.vertical-node strong,.vertical-node p{display:block}.vertical-node p{margin:4px 0 0;line-height:1.4}.draggable-node{cursor:grab;transition:opacity .18s,border-color .18s,box-shadow .18s,transform .18s;position:relative}.draggable-node:active{cursor:grabbing}.draggable-node.dragging{opacity:.45;box-shadow:none;transform:scale(.97)}.draggable-node.drag-over{transform:translateY(-2px);box-shadow:0 0 0 3px #0d948838,0 4px 16px #0d948826;background:linear-gradient(135deg,#0d948812,#06b6d40d)!important;border-color:#0d9488!important}.drag-handle{color:#94a3b8;opacity:0;pointer-events:none;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.draggable-node:hover .drag-handle{opacity:1}.flow-node .drag-handle{top:auto;bottom:8px;right:8px;transform:none}.drag-hint{color:#64748b;align-items:center;gap:5px;margin:0 0 10px;font-size:12px;font-weight:600;display:flex}.toggle{cursor:pointer;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border:none;border-radius:14px;flex-shrink:0;align-items:center;width:52px;height:28px;padding:2px;transition:background .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;position:relative;box-shadow:0 2px 8px #0f172a14}.toggle:hover{background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:0 4px 12px #0f172a1f}.toggle:active{transform:scale(.98)}.toggle:focus{outline:none;box-shadow:0 0 0 4px #0d948833,0 2px 8px #0f172a14}.toggle span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;display:block;box-shadow:0 2px 6px #0000001f}.toggle.on{background:var(--gradient-primary);box-shadow:0 4px 14px #0d948859}.toggle.on:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0d94886b}.toggle.on:focus{box-shadow:0 0 0 4px #0d948840,0 4px 14px #0d948859}.toggle.on span{transform:translate(24px);box-shadow:0 2px 8px #0d948866}.call-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.call-stage{color:#fff;background:radial-gradient(circle at 50% 28%,#2563eb38,#0000 32%),linear-gradient(135deg,#0f172a,#1e293b 58%,#0f766e);border-radius:8px;place-items:center;min-height:520px;padding:28px;display:grid}.caller{text-align:center}.avatar-xl{color:#0f766e;background:#fff;width:112px;height:112px;margin:0 auto 18px;font-size:32px}.caller p{color:#bfdbfe;margin:0 0 8px;font-weight:900}.caller h2{color:#fff;font-size:clamp(28px,5vw,52px)}.caller span{color:#dbeafe;margin-top:10px;display:block}.call-actions{flex-wrap:wrap;justify-content:center;align-self:end;gap:12px;display:flex}.round-btn{border-radius:999px;width:58px;height:58px}.round-btn.end{color:#fff;background:#dc2626;border-color:#dc2626}.dialer,.transcript{align-self:start}.dial-input{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;height:52px;margin-bottom:14px;padding:0 14px;font-size:19px;font-weight:800}.sip-route-strip{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;margin-bottom:14px;padding:10px 12px;display:grid}.sip-route-strip span,.sip-route-strip small{color:#64748b;font-weight:800}.sip-route-strip strong{color:#0f172a}.sip-route-strip small{grid-column:span 2}.simulation-note{color:#475569;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:13px;font-weight:800;line-height:1.4}.softphone-status{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.softphone-status div{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;align-content:center;gap:5px;min-height:58px;padding:10px;display:grid}.softphone-status span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900}.softphone-status strong{color:#0f172a;word-break:break-all;overflow-wrap:break-word;font-size:13px;line-height:1.3}.registration-registered{color:#15803d!important}.registration-checking{color:#d97706!important}.tone-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keypad button{background:#fff;border:1px solid #dbe3ef;border-radius:8px;height:58px;font-size:20px;font-weight:900}.dialer-actions{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}@keyframes ringPulse{0%{opacity:.35;transform:scale(1)}50%{opacity:.12;transform:scale(1.18)}to{opacity:.35;transform:scale(1)}}@keyframes avatarPulse{0%,to{box-shadow:0 0 #34d39980}60%{box-shadow:0 0 0 18px #34d39900}}@keyframes liveDot{0%,to{opacity:1}50%{opacity:.3}}@keyframes timerTick{0%{opacity:1}49%{opacity:1}50%{opacity:.4}99%{opacity:.4}to{opacity:1}}.call-stage{color:#fff;background:radial-gradient(circle at 50% 28%,#2563eb38,#0000 38%),linear-gradient(150deg,#0b1120 0%,#111827 55%,#0c2a28 100%);border:1px solid #ffffff0f;border-radius:20px;grid-template-rows:1fr auto;align-items:center;min-height:520px;padding:40px 28px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000073,inset 0 1px #ffffff0f}.call-stage--connected{background:radial-gradient(circle at 50% 28%,#10b98140,#0000 38%),linear-gradient(150deg,#0b1120 0%,#111827 55%,#052e1c 100%)}.call-stage--ringing{background:radial-gradient(circle at 50% 28%,#f59e0b33,#0000 38%),linear-gradient(150deg,#0b1120 0%,#111827 55%,#1c1505 100%)}.stage-rings{pointer-events:none;position:absolute;inset:0}.ring{border:1px solid #0d948833;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.ring-1{width:240px;height:240px;animation:3s ease-in-out infinite ringPulse}.ring-2{width:340px;height:340px;animation:3s ease-in-out .6s infinite ringPulse}.ring-3{width:450px;height:450px;animation:3s ease-in-out 1.2s infinite ringPulse}.avatar-xl{color:#fff;z-index:1;background:linear-gradient(135deg,#0d9488,#10b981);border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto 16px;font-size:28px;font-weight:800;transition:box-shadow .4s;display:grid;position:relative;box-shadow:0 8px 32px #0d948866}.avatar-xl.avatar-pulse{animation:1.6s ease-out infinite avatarPulse}.call-live-badge{color:#34d399;letter-spacing:.1em;text-transform:uppercase;background:#10b9812e;border:1px solid #10b98166;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 14px;font-size:11px;font-weight:900;display:inline-flex}.live-dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite liveDot}.call-state-badge{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;margin-bottom:12px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.caller{text-align:center;z-index:1;position:relative}.caller-number{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(24px,4vw,44px);font-weight:800}.caller-queue{color:#64748b;margin:0;font-size:13px;font-weight:500}.call-timer-display{background:#10b9811f;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:8px;margin-top:18px;padding:10px 22px;display:inline-flex}.timer-icon{font-size:18px;line-height:1}.timer-value{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#34d399;font-size:28px;font-weight:900;animation:1s step-start infinite timerTick}.ringing-label{color:#fbbf24;margin-top:14px;font-size:14px;font-weight:600;animation:1.2s ease-in-out infinite liveDot}.call-actions{z-index:1;justify-content:center;gap:28px;padding-top:32px;display:flex;position:relative}.action-group{flex-direction:column;align-items:center;gap:8px;display:flex}.action-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.round-btn{color:#fff;width:56px;height:56px;transition:var(--transition-all);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;place-items:center;display:grid}.round-btn:hover{background:#ffffff24;border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.round-btn--active{color:#fbbf24;background:#f59e0b38;border-color:#f59e0b80}.round-btn--recording{animation:1.5s infinite pulseGlow;color:#f87171!important;background:#ef444438!important;border-color:#ef444499!important}.pulse-icon{color:#ef4444}.round-btn--end{color:#f87171;background:#dc26262e;border-color:#dc262680}.round-btn--end:hover{background:#dc262659;border-color:#ef4444}.dialer-panel{background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;flex-direction:column;align-self:start;gap:14px;padding:20px;display:flex;box-shadow:0 4px 20px #0f172a0f}.dialer-panel__header{justify-content:space-between;align-items:center;display:flex}.dialer-panel__title{color:#0f172a;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.dialer-panel__icon{color:#0d9488;background:#0d94881a;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.dialer-status-row{align-items:center;gap:6px;display:flex}.dialer-status-dot{border-radius:50%;width:8px;height:8px}.dialer-status-dot--ok{background:#22c55e;box-shadow:0 0 6px #22c55e80}.dialer-status-dot--warn{background:#f59e0b}.dialer-status-dot--err{background:#64748b}.dialer-status-text{color:#64748b;font-size:12px;font-weight:600}.dial-input-wrap{align-items:center;display:flex;position:relative}.dial-input-new{color:#0f172a;letter-spacing:.04em;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;height:54px;padding:0 48px 0 16px;font-size:22px;font-weight:800;transition:border-color .2s,box-shadow .2s}.dial-input-new:focus{background:#fff;border-color:#0d9488;outline:none;box-shadow:0 0 0 3px #0d94881f}.dial-input-new::placeholder{color:#cbd5e1;font-size:16px;font-weight:500}.dial-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:20px;transition:color .2s,background .2s;position:absolute;right:10px}.dial-clear-btn:hover{color:#ef4444;background:#ef444414}.sip-pills{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sip-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.sip-pill__label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:10px;font-weight:900}.sip-pill__value{color:#0f172a;word-break:break-all;font-size:12px;font-weight:700}@keyframes keyRipple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(3)}}.keypad-new{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid;box-shadow:inset 0 2px 6px #0f172a0d}.keypad-key{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:58px;transition:transform .1s,box-shadow .12s,border-color .12s,background .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #e2e8f0,0 2px 6px #0f172a0f}.keypad-key:after{content:"";opacity:0;pointer-events:none;background:#0d948840;border-radius:50%;width:44px;height:44px;position:absolute;transform:scale(0)}.keypad-key:active:after{animation:.36s ease-out forwards keyRipple}.keypad-key:hover{background:linear-gradient(160deg,#0d94880d 0%,#fff 100%);border-color:#0d9488;transform:translateY(-1px);box-shadow:0 1px #0d948833,0 4px 12px #0d94881a}.keypad-key:active{background:#0d948814;border-color:#0d9488;transform:translateY(1px)scale(.97);box-shadow:0 0 0 3px #0d94881f,inset 0 1px 3px #0d948826}.keypad-key__digit{color:#0f172a;letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1;transition:color .12s}.keypad-key:hover .keypad-key__digit{color:#0d9488}.keypad-key__sub{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;font-size:8px;font-weight:700;line-height:1;transition:color .12s}.keypad-key:hover .keypad-key__sub{color:#5eead4}.keypad-key--sym{background:#f8fafc}.keypad-key--sym .keypad-key__digit{color:#64748b;font-size:22px;font-weight:500}.keypad-key--sym:hover{background:#f1f5f9;border-color:#64748b;box-shadow:0 1px #e2e8f0,0 4px 10px #0f172a14}.keypad-key--sym:hover .keypad-key__digit{color:#475569}.dialer-util-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.util-btn{color:#475569;cursor:pointer;height:36px;transition:var(--transition-all);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:700}.util-btn:hover{color:#0d9488;background:#fff;border-color:#0d9488}.dialer-cta-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cta-btn{cursor:pointer;height:48px;transition:var(--transition-all);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.cta-btn--answer{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #10b98159}.cta-btn--answer:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98180}.cta-btn--dial{color:#fff;background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 14px #0d948859}.cta-btn--dial:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0d948880}.compact{width:100%;margin-top:12px}.live-mini-list{gap:10px;display:grid}.live-mini-row{color:#1e293b;text-align:left;min-height:44px;transition:var(--transition-all);cursor:pointer;background:#f8fafccc;border:1px solid #0d94881f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.live-mini-row:hover{background:#fffffff2;border-color:#10b9814d;transform:translate(3px);box-shadow:0 2px 10px #10b9811a}.live-mini-row span{color:#059669;align-items:center;gap:8px;font-weight:700;display:inline-flex}.live-mini-row span svg{border-radius:50%;animation:1.5s ease-in-out infinite pulseGlowGreen}.live-call-table,.rate-table{gap:4px;display:grid;overflow-x:auto}.live-call-head,.live-call-row{grid-template-columns:90px 1.1fr 1.1fr 1fr 90px 90px 100px 1.2fr 90px;align-items:center;gap:12px;min-width:1080px;padding:13px 12px;display:grid}.live-call-head,.rate-head{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900}.live-call-row,.rate-row{background:#f8fafc;border-radius:8px}.feed-list{gap:10px;display:grid}.feed-running-banner{color:#0f766e;background:#ccfbf1;border:1px solid #99f6e4;border-radius:8px;align-items:center;gap:9px;min-height:40px;margin-bottom:12px;padding:0 12px;display:flex}.feed-row{background:#f8fafc;border-radius:8px;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.feed-time{color:#0d9488;font-variant-numeric:tabular-nums;font-weight:900}.feed-row p{color:#64748b;margin:3px 0 0;line-height:1.4}.config-grid{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:16px;display:grid}.voice-bot-grid{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:16px;display:grid}.voice-bot-grid>.panel:nth-child(3),.voice-bot-grid>.panel:nth-child(4){grid-column:span 1}.route-assignment{gap:14px;display:grid}.route-assignment label{color:#64748b;gap:7px;font-size:13px;font-weight:800;display:grid}.route-assignment select{color:#111827;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;height:42px;padding:0 11px}.route-summary,.sip-grid{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:10px 12px;display:grid}.route-summary{background:#f8fafc;border-radius:8px;padding:14px}.route-summary span,.sip-grid span{color:#64748b;font-size:13px;font-weight:800}.route-summary strong,.sip-grid strong{color:#0f172a;word-break:break-word}.sip-log{background:#0f172a;border-radius:8px;gap:6px;max-height:180px;margin-top:14px;padding:12px;display:grid;overflow:auto}.sip-log p{color:#dbeafe;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.bot-flow{grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;margin-top:14px;display:grid;overflow-x:auto}.bot-step{text-align:center;background:#fff;border:1px solid #dbe3ef;border-radius:8px;place-items:center;gap:8px;min-height:92px;padding:12px;display:grid}.bot-step span{color:#fff;background:#0d9488;border-radius:999px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.bot-transcript{gap:12px;display:grid}.bot-message{border-radius:8px;max-width:82%;padding:12px}.bot-message p{margin:4px 0 0;line-height:1.45}.bot-message.bot{color:#1e3a8a;background:#dbeafe}.bot-message.caller{color:#134e4a;background:#ccfbf1;justify-self:end}.knowledge-layout{grid-template-columns:240px minmax(0,1fr);gap:14px;display:grid}.kb-upload{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;display:grid}.kb-upload p{color:#64748b;margin:0;font-size:13px;font-weight:800}.upload-drop{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:11px 12px;font-weight:900;display:flex}.upload-drop input{display:none}.knowledge-list{gap:8px;display:grid}.knowledge-item{text-align:left;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;padding:12px}.knowledge-item.active{background:#dbeafe;border-color:#0d9488}.knowledge-item strong,.knowledge-item span{display:block}.knowledge-item span{color:#64748b;margin-top:4px;font-size:13px;font-weight:800}.knowledge-reader{background:#f8fafc;border-radius:8px;min-height:260px;padding:14px}.knowledge-reader h3{color:#0f172a;margin:12px 0 8px}.knowledge-reader p{color:#475569;line-height:1.48}.kb-snippets{gap:8px;margin-top:12px;display:grid}.kb-snippets p{background:#fff;border-radius:8px;margin:0;padding:10px}.kb-editor{gap:10px;margin-top:12px;display:grid}.kb-editor label{color:#64748b;gap:7px;font-size:13px;font-weight:800;display:grid}.kb-editor textarea{resize:vertical;color:#111827;border:1px solid #dbe3ef;border-radius:8px;min-height:150px;padding:11px;line-height:1.45}.rag-tester{border-top:1px solid #dbe3ef;gap:12px;margin-top:14px;padding-top:14px;display:grid}.rag-query-row{grid-template-columns:minmax(0,1fr) 150px;gap:12px;display:grid}.rag-query-row label{color:#64748b;gap:7px;font-size:13px;font-weight:800;display:grid}.rag-query-row textarea,.rag-query-row select{color:#111827;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px}.rag-query-row textarea{resize:vertical;min-height:82px;padding:11px;line-height:1.45}.rag-query-row select{height:42px;padding:0 11px}.rag-answer-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.rag-answer-preview div{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;gap:6px;padding:11px;display:grid}.rag-answer-preview span,.rag-result span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900}.rag-answer-preview strong,.rag-result strong{color:#0f172a}.rag-results{gap:10px;display:grid}.rag-results>p,.rag-result{background:#fff;border:1px solid #dbe3ef;border-radius:8px;margin:0;padding:12px}.rag-result div{justify-content:space-between;gap:12px;display:flex}.rag-result p{color:#475569;margin:8px 0 0;line-height:1.45}.messaging-grid,.sms-grid{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:16px;display:grid}.whatsapp-preview-panel{grid-column:1/span 2}.whatsapp-step-list{gap:10px;display:grid}.whatsapp-step{transition:var(--transition-all);background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.whatsapp-step:hover{background:#fff;border-color:#0d948838;box-shadow:0 2px 8px #0f172a0a}.whatsapp-step.dragging{opacity:.45;background:#0d94880a!important;border:2px dashed #0d9488!important}.whatsapp-step.drag-over{transform:translateY(-2px);background:#0d948814!important;border-color:#0d9488!important}.whatsapp-step .status{place-self:center end}.whatsapp-step>span{color:#fff;background:#0d9488;border-radius:999px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.whatsapp-step p{color:#64748b;margin:4px 0 0}.phone-preview{background:#e7f7ee;border:1px solid #dbe3ef;border-radius:20px;max-width:420px;margin:0 auto;overflow:hidden}.wa-preview-toolbar{flex-wrap:wrap;justify-content:space-between;gap:10px;max-width:420px;margin:0 auto 12px;display:flex}.phone-header,.phone-input{color:#fff;background:#075e54;align-items:center;gap:10px;padding:12px;display:flex}.phone-header strong,.phone-header small{display:block}.phone-header small{color:#d1fae5}.phone-chat{background:linear-gradient(#e7f7eee6,#e7f7eee6),#e7f7ee;align-content:end;gap:10px;min-height:360px;max-height:420px;padding:16px;display:grid;overflow:auto}.wa-bubble{border-radius:8px;max-width:78%;padding:9px 10px 7px;box-shadow:0 1px 2px #0f172a14}.wa-bubble p{color:#0f172a;margin:0;line-height:1.4}.wa-bubble small{color:#64748b;text-align:right;margin-top:4px;font-size:11px;display:block}.wa-bubble.customer{background:#fff}.wa-bubble.business{background:#dcf8c6;justify-self:end}.phone-input{color:#64748b;background:#f8fafc;justify-content:space-between}.phone-input.interactive{padding:10px}.phone-input input{color:#111827;background:#fff;border:0;border-radius:999px;outline:0;flex:1;min-width:0;height:38px;padding:0 13px}.phone-input button{color:#fff;background:#16a34a;border:0;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.sms-report-table{gap:4px;display:grid;overflow-x:auto}.sms-report-head,.sms-report-row{grid-template-columns:1.3fr 90px 110px 80px 140px;align-items:center;gap:14px;min-width:760px;padding:13px 12px;display:grid}.sms-report-head{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900}.sms-report-row{background:#f8fafc;border-radius:8px}.gateway-health{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.bot-test-grid{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:16px;display:grid}.bot-prompt-panel,.bot-answer-panel,.bot-runtime-card{align-self:start}.bot-runtime-card{grid-column:1/span 2}.runtime-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.runtime-grid div{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;align-content:center;gap:7px;min-height:76px;padding:12px;display:grid}.media-path{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-top:14px;display:grid;overflow-x:auto}.media-path div{text-align:center;color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:8px;place-items:center;min-height:62px;padding:10px;font-weight:900;display:grid}.prompt-mode{width:100%;margin-bottom:14px}.prompt-mode button{flex:1}.bot-prompt-panel label{color:#64748b;gap:8px;font-size:13px;font-weight:800;display:grid}.bot-prompt-panel textarea{resize:vertical;color:#111827;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;min-height:132px;padding:12px;line-height:1.45}.bot-prompt-panel select{color:#111827;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;height:42px;padding:0 11px}.voice-persona-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cartesia-voice-picker{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;gap:10px;margin:10px 0;padding:10px;display:grid}.cartesia-voice-picker small{color:#64748b;font-weight:800}.native-voice-picker{gap:6px;margin-top:10px;display:grid}.native-voice-picker select{color:#111827;width:100%;height:42px;font-weight:inherit;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;padding:0 11px}.sample-prompts{gap:8px;margin:12px 0;display:grid}.sample-prompts button{color:#1f2937;text-align:left;background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:10px;font-weight:800;line-height:1.35}.bot-test-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.listening-banner{color:#0f766e;background:#ccfbf1;border:1px solid #99f6e4;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;display:flex}.bot-test-stream{gap:12px;max-height:560px;padding-right:4px;display:grid;overflow:auto}.transcript-tools{grid-template-columns:1fr auto auto;display:grid}.transcript-actions{gap:8px;display:flex}.transcript-actions .primary-btn,.transcript-actions .secondary-btn{min-height:34px;padding:0 11px}.test-message{border-radius:8px;gap:7px;max-width:84%;padding:12px;display:grid}.test-message div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.test-message span{color:inherit;opacity:.75;font-weight:900}.test-message p{margin:0;line-height:1.48}.answer-source{color:inherit;opacity:.72;font-size:12px;font-weight:900}.speak-again-btn{min-height:30px;color:inherit;background:#ffffffb3;border:1px solid #1e3a8a33;border-radius:8px;justify-self:start;padding:0 10px;font-weight:900}.test-message.bot{color:#1e3a8a;background:#dbeafe}.test-message.user{color:#134e4a;background:#ccfbf1;justify-self:end}.config-wide{grid-column:1/span 2}.interconnect-list{gap:12px;display:grid}.interconnect-card{background:#f8fafc;border-radius:8px;grid-template-columns:minmax(180px,1fr) 80px 90px auto;align-items:center;gap:12px;padding:14px;display:grid}.interconnect-card strong,.interconnect-card span{display:block}.interconnect-card span{margin-top:5px}.interconnect-card p{margin:0;font-weight:900}.rate-head,.rate-row{grid-template-columns:1.4fr 90px 120px 120px 130px 120px;align-items:center;gap:14px;min-width:880px;padding:13px 12px;display:grid}.transcript,.sip-panel{grid-column:2}.transcript p{color:#475569;margin:0 0 13px;line-height:1.5}.agent-home{gap:16px;display:grid}.agent-hero{background:linear-gradient(135deg,#0d948814,#06b6d40f),linear-gradient(90deg,#ffffffeb,#ffffffbf),linear-gradient(135deg,#e0e7ff,#cffafe);border-radius:16px;min-height:190px;padding:28px 32px;animation:.4s both fadeInUp;position:relative;overflow:hidden}.agent-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0d948826,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;right:-60px}.agent-hero h2{background:linear-gradient(135deg,#1e1b4b,#1e40af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(28px,4vw,44px)}.task{transition:var(--transition-all);background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:10px;padding:14px 16px}.task:hover{background:#fffffff2;border-color:#0d948833;transform:translate(3px);box-shadow:0 4px 12px #0d948814}.task span{background:var(--gradient-primary);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid;box-shadow:0 2px 8px #0d94884d}.task strong{color:#1e293b;flex:1;font-weight:600}.task button{color:#0d9488;min-height:34px;transition:var(--transition-all);background:#fff;border:1px solid #0d948833;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600}.task button:hover{background:#0d94880f;border-color:#0d948866}@media (width<=1180px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide,.transcript{grid-column:span 2}.agent-layout,.workflow-board,.call-grid,.create-workflow-grid,.config-grid,.voice-bot-grid,.bot-test-grid,.messaging-grid,.sms-grid{grid-template-columns:1fr}.config-wide,.bot-runtime-card,.whatsapp-preview-panel{grid-column:span 1}.knowledge-layout,.runtime-grid,.rag-query-row,.rag-answer-preview,.kb-upload{grid-template-columns:1fr}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:1fr}.topbar,.section-toolbar,.recording-card,.agent-hero{flex-direction:column;align-items:stretch}.top-actions,.search{justify-content:flex-start;width:100%}.search{max-width:none}.recording-meta{justify-items:start}.date-custom span{margin-left:0}}@media (width<=620px){.media-path{grid-template-columns:repeat(5,minmax(150px,1fr))}.main{padding:16px}.content-grid{grid-template-columns:1fr}.wide,.transcript{grid-column:span 1}.queue-row{grid-template-columns:1fr}.bar-chart{gap:8px}.bars i{width:11px}.nav-list,.dialer-actions,.softphone-status,.tone-actions,.interconnect-card,.feed-row,.subtitle-columns,.bot-flow,.route-summary,.sip-grid,.bot-test-actions,.whatsapp-step,.gateway-health{grid-template-columns:1fr}.transcript-tools{grid-template-columns:1fr;align-items:stretch}.transcript-actions{justify-content:stretch}.transcript-actions button{flex:1}}.content-grid>:first-child{animation-delay:0s}.content-grid>:nth-child(2){animation-delay:80ms}.content-grid>:nth-child(3){animation-delay:.16s}.content-grid>:nth-child(4){animation-delay:.24s}.content-grid>:nth-child(5){animation-delay:.32s}.content-grid>:nth-child(6){animation-delay:.4s}.topbar{animation:.3s both fadeInUp}.panel-header div svg{color:#0f766e;opacity:.85}.compact{border-radius:8px;width:auto;min-height:36px;margin-top:12px;padding:0 14px;font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0d948833;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#0d948866}.app-shell{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.settings-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0f172a66;justify-content:flex-end;animation:.2s both fadeInUp;display:flex;position:fixed;inset:0}.settings-drawer{background:#fff;flex-direction:column;width:min(420px,96vw);height:100vh;animation:.25s cubic-bezier(.16,1,.3,1) both slideInRight;display:flex;box-shadow:-8px 0 32px #0f172a1f}.settings-header{color:#0f172a;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 20px 16px;font-size:16px;display:flex}.settings-tabs{border-bottom:1px solid #e2e8f0;gap:2px;padding:12px 16px 0;display:flex;overflow-x:auto}.settings-tab{color:#64748b;white-space:nowrap;transition:var(--transition-all);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.settings-tab:hover{color:#0f172a;background:#0d94880d}.settings-tab.active{color:#0d9488;border-bottom-color:#0d9488;font-weight:700}.settings-body{flex:1;padding:20px;overflow-y:auto}.settings-toast{color:#0f766e;background:#ccfbf1;border:1px solid #99f6e4;border-radius:8px;align-items:center;gap:7px;margin:10px 16px 0;padding:10px 14px;font-size:13px;font-weight:700;animation:.2s both fadeInUp;display:flex}.app-toast{border:1px solid #0000;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:13px;font-weight:700;animation:.2s both fadeInUp}.app-toast.success{color:#047857;background:#ecfdf3;border-color:#a7f3d0}.app-toast.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.settings-avatar{background:linear-gradient(135deg,#0d94880f,#06b6d40a);border:1px solid #0d94881f;border-radius:10px;align-items:center;gap:12px;margin-bottom:4px;padding:14px;display:flex}.settings-avatar strong,.settings-avatar small{display:block}.settings-avatar small{color:#64748b;margin-top:2px;font-size:12px}.avatar-circle{background:var(--gradient-primary);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:16px;font-weight:800;display:grid}.notif-row{color:#1e293b;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:11px 0;font-size:14px;font-weight:500;display:flex}.password-rules{gap:6px;margin:4px 0 8px;display:grid}.rule{color:#94a3b8;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.rule.met{color:#10b981}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a80;place-items:center;animation:.2s both fadeInUp;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;gap:20px;width:min(480px,94vw);padding:28px;display:grid;box-shadow:0 24px 48px -8px #0f172a2e}.modal-card-wide{width:min(920px,96vw);max-height:min(84vh,760px);overflow:auto}.modal-header{color:#0f172a;justify-content:space-between;align-items:center;display:flex}.modal-title-group{gap:2px;display:grid}.modal-title-group .eyebrow{margin:0}.bot-details-stack{gap:12px;display:grid}.detail-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.detail-label{color:#475569;white-space:nowrap;font-size:12px;font-weight:700}.detail-label:after{content:":";margin-left:2px}.detail-value{color:#0f172a;text-align:right;word-break:break-word;font-size:14px;font-weight:600}.modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.bot-create-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:10px;padding:14px;display:grid}.bot-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bot-create-grid .full-width{grid-column:1/-1}.bot-create-grid label{color:#64748b;gap:6px;font-size:13px;font-weight:800;display:grid}.bot-create-grid input,.bot-create-grid select,.bot-create-grid textarea{background:#fff;border:1px solid #dbe3ef;border-radius:8px;height:42px;padding:0 11px}.bot-create-grid .checkline{grid-template-columns:18px 1fr;align-items:center;padding-top:6px;display:grid}.bot-create-grid .checkline input{height:auto}.sidebar-toggle{color:#94a3b8;cursor:pointer;background:#ffffff14;border:0;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.sidebar-toggle:hover{color:#fff;background:#ffffff26}.sidebar-collapsed{width:64px;padding:24px 8px;overflow:hidden}.sidebar-collapsed .brand{justify-content:center;gap:0;padding:0 0 24px}.sidebar-collapsed .nav-item{justify-content:center;min-height:42px;padding:0}.sidebar-collapsed .nav-group{gap:4px}.sidebar-collapsed .sidebar-toggle{margin-left:0}.app-shell:has(.sidebar-collapsed){grid-template-columns:64px minmax(0,1fr)}.login-container{background:#0f172a;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}@media (width<=900px){.login-container{grid-template-columns:1fr}.login-preview{display:none}}.login-preview{background:radial-gradient(circle at 10% 20%,#0d948826 0%,#0000 40%),radial-gradient(circle at 90% 80%,#10b9811a 0%,#0000 40%),linear-gradient(135deg,#090d16 0%,#0f172a 100%);border-right:1px solid #0d948826;flex-direction:column;justify-content:space-between;padding:60px;display:flex;position:relative;overflow:hidden}.login-preview:after{content:"";pointer-events:none;background:radial-gradient(circle,#0d948826 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-20%;right:-20%}.login-preview-header{align-items:center;gap:12px;display:flex}.login-preview-header .brand-mark{background:var(--gradient-brand);color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;font-size:22px;display:grid;box-shadow:0 4px 20px #0d948859}.login-preview-header strong{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:800}.login-preview-header small{color:#94a3b8;margin-top:1px;font-size:12px;display:block}.login-preview-hero{max-width:520px;margin:60px 0}.login-preview-hero h1{color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:42px;font-weight:900;line-height:1.15}.login-preview-hero p{color:#94a3b8;font-size:16px;line-height:1.6}.login-preview-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.login-stat strong{color:#10b981;margin-bottom:2px;font-size:22px;font-weight:800;display:block}.login-stat span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.login-form-area{background:#f8fafc;place-items:center;padding:40px;display:grid}.login-card{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:44px;animation:.4s cubic-bezier(.16,1,.3,1) both fadeInUp;box-shadow:0 20px 40px -15px #00000014,0 0 0 1px #0d94880d}.login-card h2{color:#0f172a;letter-spacing:-.03em;margin-bottom:8px;font-size:28px;font-weight:800}.login-subtitle{color:#64748b;margin-bottom:32px;font-size:14px}.login-error{color:#dc2626;background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin-bottom:20px;padding:12px;font-size:13px;font-weight:500}.form-group{gap:6px;margin-bottom:20px;display:grid}.form-group label{color:#334155;font-size:13px;font-weight:600}.form-group input,.form-group select{color:#0f172a;height:42px;transition:var(--transition-all);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:0 14px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#0d9488;outline:none;box-shadow:0 0 0 3px #0d948826}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:42px}.password-toggle{cursor:pointer;color:#64748b;transition:var(--transition-all);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.password-toggle:hover{color:#0d9488}.password-toggle:focus{outline:none}.select-wrapper{display:grid;position:relative}.select-wrapper select{appearance:none;cursor:pointer;width:100%;padding-right:36px}.select-wrapper:after{content:"▾";color:#64748b;pointer-events:none;font-size:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}@keyframes ringTimerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.97)}}.call-ring-timer{background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:10px 20px;animation:1.6s ease-in-out infinite ringTimerPulse;display:inline-flex}.ring-timer-icon{font-size:18px;line-height:1}.ring-timer-label{text-transform:uppercase;letter-spacing:.08em;color:#fbbf24;font-size:12px;font-weight:700}.ring-timer-value{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#fbbf24;font-size:24px;font-weight:900}.round-btn--transfer{color:#7dd3fc}.round-btn--disabled{opacity:.4;cursor:not-allowed!important}.round-btn--disabled:hover{box-shadow:none;background:#ffffff12;border-color:#ffffff1a;transform:none}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.transfer-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0f1ea6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.transfer-modal{background:#fff;border-radius:24px;width:100%;max-width:480px;animation:.22s cubic-bezier(.175,.885,.32,1.275) both modalFadeIn;overflow:hidden;box-shadow:0 32px 80px #00000038,0 8px 24px #0000001f,inset 0 1px #ffffffe6}.transfer-modal__header{background:linear-gradient(135deg,#0b1120 0%,#0f172a 60%,#0c2a28 100%);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.transfer-modal__title{color:#fff;letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.transfer-modal__icon{color:#34d399;background:#0d948840;border:1px solid #0d948866;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.transfer-modal__close{color:#94a3b8;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:32px;height:32px;transition:background .18s,color .18s;display:grid}.transfer-modal__close:hover{color:#f87171;background:#ef44442e;border-color:#ef444466}.transfer-modal__body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.transfer-field{flex-direction:column;gap:6px;display:flex}.transfer-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.transfer-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:11px;font-weight:800}.transfer-input{color:#0f172a;width:100%;height:42px;font-size:13px;font-weight:600;font-family:var(--font-sans);background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s}.transfer-input:focus{background:#fff;border-color:#0d9488;outline:none;box-shadow:0 0 0 3px #0d94881f}.transfer-input::placeholder{color:#cbd5e1;font-weight:400}.transfer-textarea{resize:vertical;height:auto;min-height:62px;padding:10px 14px}.transfer-type-pills{gap:8px;display:flex}.transfer-type-pill{color:#475569;cursor:pointer;text-transform:capitalize;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;height:36px;font-size:12px;font-weight:700;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.transfer-type-pill:hover{color:#0d9488;background:#0d94880f;border-color:#0d9488}.transfer-type-pill--active{color:#fff;background:linear-gradient(135deg,#0d9488,#10b981);border-color:#0000;box-shadow:0 4px 12px #0d94884d}.transfer-type-pill--active:hover{color:#fff;background:linear-gradient(135deg,#0b8077,#0ea270)}.transfer-error{color:#ef4444;background:#ef44440f;border:1px solid #ef444433;border-radius:8px;margin:0;padding:8px 12px;font-size:12px;font-weight:600}.transfer-modal__footer{border-top:1px solid #f1f5f9;gap:10px;padding:16px 24px 20px;display:flex}.transfer-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;height:44px;font-size:13px;font-weight:700;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.transfer-btn--cancel{color:#64748b;background:#f1f5f9;border:1.5px solid #e2e8f0}.transfer-btn--cancel:hover:not(:disabled){color:#475569;background:#e2e8f0}.transfer-btn--confirm{color:#fff;background:linear-gradient(135deg,#0d9488,#10b981);box-shadow:0 4px 16px #0d948859}.transfer-btn--confirm:hover:not(:disabled){background:linear-gradient(135deg,#0b8077,#0ea270);transform:translateY(-1px);box-shadow:0 6px 20px #0d948873}.transfer-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.status.delivered,.status.sent{border:1px solid #10b98133;color:#10b981!important;background:#10b9811a!important}.status.failed,.status.cancelled{border:1px solid #ef444433;color:#ef4444!important;background:#ef44441a!important}.status.scheduled{border:1px solid #3b82f633;color:#3b82f6!important;background:#3b82f61a!important}.sms-report-row.active-row{border-left:3px solid #0d9488;background:#0d948814!important}.sms-report-row:hover{background:#00000005}