:root{--bg-app: #f4f6f9;--bg-card: #ffffff;--bg-soft: #eef2f7;--bg-hover: #e6ecf3;--bg-sidebar: #1a2230;--bg-sidebar-hover: #232d3e;--bg-sidebar-active: #2c3a52;--border: #d8dee8;--border-strong: #c1cad6;--border-focus: #2563a8;--text: #1a2230;--text-muted: #5b6878;--text-faint: #8a96a8;--text-on-dark: #e8edf4;--text-on-dark-muted: #98a4b8;--accent: #2563a8;--accent-hover: #1d4f87;--accent-soft: #e3edf8;--success: #1e7a4d;--success-soft: #e1f1e8;--danger: #b54a4a;--danger-soft: #f7e4e4;--warning: #c97a1f;--warning-soft: #fbeedd;--info: #4a6da6;--info-soft: #e6eaf3;--shadow-sm: 0 1px 2px rgba(20, 30, 50, .06);--shadow-md: 0 2px 8px rgba(20, 30, 50, .08);--shadow-lg: 0 8px 24px rgba(20, 30, 50, .12);--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--radius-xl: 14px;--font-base: 16px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Consolas, monospace;--z-tooltip: 50;--z-toast: 55;--z-modal: 60;--z-popover: 65}[data-theme=dark]{--bg-app: #0f1620;--bg-card: #1a2230;--bg-soft: #232d3e;--bg-hover: #2c3a52;--bg-sidebar: #0a0f17;--bg-sidebar-hover: #141c28;--bg-sidebar-active: #1f2a3d;--border: #2c3a52;--border-strong: #3a4862;--border-focus: #4a8fd6;--text: #e8edf4;--text-muted: #98a4b8;--text-faint: #6b7a92;--accent: #4a8fd6;--accent-hover: #6aa3e0;--accent-soft: #1e3a5c;--success: #4ea378;--success-soft: #1e3a2c;--danger: #d96a6a;--danger-soft: #3a1f1f;--warning: #e09a4a;--warning-soft: #3a2c14;--info: #7896c8;--info-soft: #1e2a42;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}[data-fs=lg]{--font-base: 18px}[data-fs=xl]{--font-base: 20px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--font-base);color:var(--text);background:var(--bg-app);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--radius);font-weight:500;font-size:.95em;border:1px solid transparent;transition:background .12s,border-color .12s;white-space:nowrap;user-select:none}.btn-lg{height:56px;padding:0 28px;font-size:1.05em}.btn-sm{height:34px;padding:0 12px;font-size:.875em}.btn-icon{width:44px;height:44px;padding:0}.btn-icon.btn-sm{width:34px;height:34px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-card);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--bg-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.08)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select,.textarea{width:100%;height:44px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);outline:none;transition:border-color .12s,box-shadow .12s}.textarea{height:auto;padding:12px 14px;resize:vertical;min-height:88px}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.875em;font-weight:500;color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-body{padding:22px}.card-title{font-size:1.05em;font-weight:600;margin:0}.badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:.8em;font-weight:500;background:var(--bg-soft);color:var(--text-muted)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.row{display:flex;align-items:center;gap:12px}.col{display:flex;flex-direction:column;gap:12px}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.flex-1{flex:1 1 auto;min-width:0}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono)}.tabular{font-variant-numeric:tabular-nums}h1,h2,h3,h4{margin:0}h1{font-size:1.75em;font-weight:600;letter-spacing:-.01em}h2{font-size:1.4em;font-weight:600;letter-spacing:-.01em}h3{font-size:1.1em;font-weight:600}h4{font-size:.95em;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.app{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--bg-sidebar);color:var(--text-on-dark);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}.sidebar-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2563a8,#4a8fd6);display:grid;place-items:center;color:#fff;font-weight:700;font-size:.85em;flex-shrink:0}.sidebar-name{font-weight:600;font-size:1.05em;letter-spacing:.02em}.sidebar-sub{font-size:.78em;color:var(--text-on-dark-muted)}.sidebar-nav{padding:12px 10px;flex:1;overflow-y:auto}.sidebar-section-label{font-size:.72em;text-transform:uppercase;letter-spacing:.08em;color:var(--text-on-dark-muted);padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius);color:var(--text-on-dark);cursor:pointer;font-size:.95em;transition:background .1s}.nav-item:hover{background:var(--bg-sidebar-hover)}.nav-item.active{background:var(--bg-sidebar-active);color:#fff;font-weight:500}.nav-item .nav-icon{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;color:var(--text-on-dark-muted)}.nav-item.active .nav-icon{color:#fff}.nav-badge{margin-left:auto;background:#ffffff14;font-size:.78em;padding:2px 7px;border-radius:999px;color:var(--text-on-dark-muted)}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.06)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius)}.user-chip:hover{background:var(--bg-sidebar-hover);cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4a6da6,#c97a1f);display:grid;place-items:center;color:#fff;font-weight:600;font-size:.85em;flex-shrink:0}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{height:60px;flex-shrink:0;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px}.crumb{color:var(--text-muted);font-size:.95em}.crumb-current{color:var(--text);font-weight:500}.crumb-sep{color:var(--text-faint)}.main-scroll{flex:1;overflow-y:auto}.page{padding:28px 32px;max-width:1600px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-weight:500;font-size:.82em;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:hover{background:var(--bg-soft)}.table tbody tr:last-child td{border-bottom:0}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:6px}.stat-label{font-size:.82em;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:1.85em;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat-delta{font-size:.85em;color:var(--text-muted)}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border)}.tab{padding:12px 18px;font-size:.95em;color:var(--text-muted);border-bottom:2px solid transparent;cursor:pointer;transition:color .1s,border-color .1s}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.seg{display:inline-flex;background:var(--bg-soft);border-radius:var(--radius);padding:3px;border:1px solid var(--border)}.seg-item{padding:7px 14px;border-radius:4px;font-size:.9em;color:var(--text-muted);cursor:pointer;white-space:nowrap}.seg-item.active{background:var(--bg-card);color:var(--text);font-weight:500;box-shadow:var(--shadow-sm)}.ws-grid{display:grid;grid-template-columns:1fr 520px;height:100%;gap:0;background:var(--bg-app)}.ws-left{padding:28px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.ws-right{border-left:1px solid var(--border);background:var(--bg-card);overflow-y:auto;display:flex;flex-direction:column}.call-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.call-state-label{font-size:.82em;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.call-phone{font-size:2.4em;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text)}.call-timer{font-family:var(--font-mono);font-size:1.2em;color:var(--text-muted);font-variant-numeric:tabular-nums}.call-avatar{width:96px;height:96px;border-radius:50%;background:var(--bg-soft);border:2px solid var(--border);display:grid;place-items:center;font-size:2em;color:var(--text-muted);font-weight:600}.call-avatar.live{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 14px transparent}}.dialer-ring{position:relative;width:96px;height:96px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent)}.dialer-ring:before,.dialer-ring:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:ring 2s ease-out infinite}.dialer-ring:after{animation-delay:1s}@keyframes ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}.action-bar{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.status-btn{padding:16px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-card);display:flex;align-items:center;gap:10px;font-weight:500;text-align:left;transition:all .12s}.status-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.status-btn.success{border-color:var(--success);background:var(--success-soft);color:var(--success)}.status-btn.danger{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.status-btn.warning{border-color:var(--warning);background:var(--warning-soft);color:var(--warning)}.status-btn.muted{border-color:var(--border);background:var(--bg-soft);color:var(--text-muted)}.status-btn .icon{font-size:1.3em}.q-header{padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.q-progress{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:10px}.q-progress-fill{height:100%;background:var(--accent);transition:width .22s}.q-body{padding:24px;flex:1;overflow-y:auto}.q-question{font-size:1.1em;font-weight:500;line-height:1.45;margin-bottom:6px}.q-script{background:var(--info-soft);border-left:3px solid var(--info);padding:12px 14px;border-radius:0 var(--radius) var(--radius) 0;font-size:.95em;margin:14px 0 18px;color:var(--text)}.q-script-label{font-size:.78em;text-transform:uppercase;letter-spacing:.05em;color:var(--info);font-weight:600;margin-bottom:4px}.q-options{display:flex;flex-direction:column;gap:8px}.q-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg-card);transition:all .12s}.q-option:hover{border-color:var(--border-focus);background:var(--accent-soft)}.q-option.selected{border-color:var(--accent);background:var(--accent-soft)}.q-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;display:grid;place-items:center}.q-option.selected .q-radio{border-color:var(--accent)}.q-option.selected .q-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}.q-footer{padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-soft);display:flex;justify-content:space-between;gap:12px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:.85em;font-weight:500}.op-state{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius);font-size:.85em;font-weight:500}.op-state.online{background:var(--success-soft);color:var(--success)}.op-state.call{background:var(--accent-soft);color:var(--accent)}.op-state.pause{background:var(--warning-soft);color:var(--warning)}.op-state.offline{background:var(--bg-soft);color:var(--text-muted)}.op-state.processing{background:var(--info-soft);color:var(--info)}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-side{background:linear-gradient(160deg,#1a2230,#2c3a52);color:#fff;display:flex;flex-direction:column;padding:56px;position:relative;overflow:hidden}.login-form-side{display:grid;place-items:center;padding:40px;background:var(--bg-app)}.login-form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:18px}.login-art{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(circle at 20% 30%,#4a8fd6 0,transparent 40%),radial-gradient(circle at 80% 70%,#c97a1f 0,transparent 35%)}.login-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.modal-backdrop{position:fixed;inset:0;background:#0f162080;display:grid;place-items:center;z-index:var(--z-modal);padding:20px}.modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:24px;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--bg-soft)}hr.divider{border:0;border-top:1px solid var(--border);margin:0}.kbd{display:inline-block;padding:2px 6px;font-family:var(--font-mono);font-size:.78em;background:var(--bg-soft);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;color:var(--text-muted)}.waveform{height:56px;background:var(--bg-soft);border-radius:var(--radius);display:flex;align-items:center;gap:2px;padding:0 10px;overflow:hidden}.wave-bar{width:3px;background:var(--accent);border-radius:2px;flex-shrink:0}.wave-bar.played{opacity:1}.wave-bar.unplayed{opacity:.3}.flow-canvas{background:var(--bg-soft);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:24px 24px;border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:auto;min-height:600px}.flow-node{position:absolute;background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:var(--radius);padding:12px 14px;min-width:220px;box-shadow:var(--shadow-md);cursor:move}.flow-node.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.flow-node-type{font-size:.72em;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.flow-node-type.q{color:var(--accent)}.flow-node-type.s{color:var(--success)}.flow-node-type.b{color:var(--warning)}.flow-node-type.e{color:var(--danger)}.flow-node-text{font-size:.95em;margin-top:4px}.mini-bars{display:flex;align-items:flex-end;gap:3px;height:50px}.mini-bar{flex:1;background:var(--accent-soft);border-radius:2px 2px 0 0;min-height:4px}.chart-row{display:flex;align-items:flex-end;gap:8px;height:200px;padding:12px 0;border-bottom:1px solid var(--border)}.chart-bar-stack{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-width:0}.chart-bar{border-radius:2px;width:100%}.browser-call-page{max-width:760px;margin:0 auto}.browser-call-card{display:grid;gap:12px}.browser-call-actions{display:flex;flex-wrap:wrap;gap:8px}.browser-call-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.browser-call-diagnostics pre{overflow:auto;margin:12px 0 0;font-size:12px}.browser-call-page audio{width:100%}