:root{--bg: #FAFAF8;--surface: #FFFFFF;--surface-2: #F7F7F4;--ink: #1C1C1A;--ink-2: #6B6B66;--ink-3: #9C9C95;--line: #E7E6E1;--line-2: #D8D7D1;--accent: #4438A8;--accent-soft: #EEEDFB;--accent-ink: #332B7E;--green: #0E7A5A;--green-soft: #E2F4EC;--amber: #8A5410;--amber-soft: #FAF0DC;--red: #9B2C2C;--red-soft: #FBEAEA;--seg-g: #5DC79F;--seg-a: #F2BE6B;--seg-b: #E08A8A;--node-trigger: #0E7A5A;--node-trigger-soft: #E2F4EC;--node-ai: #4438A8;--node-ai-soft: #EEEDFB;--node-logic: #8A5410;--node-logic-soft: #FAF0DC;--node-data: #6B6B66;--node-data-soft: #F0EFEA;--node-action: #3E6B8A;--node-action-soft: #E6EEF4;--radius: 14px;--radius-sm: 10px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(28, 28, 26, .03);--shadow-pop: 0 8px 30px rgba(28, 28, 26, .12);--chart-voice: #4438A8;--chart-chat: #8A5410;--chart-email: #9C9C95;--chart-sms: #D8D7D1;--chart-social: #3E6B8A;--sidebar-w: 248px;--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Spline Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;letter-spacing:-.01em;margin:0}a{color:var(--accent);text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:3px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.tnum{font-variant-numeric:tabular-nums}.serif{font-family:var(--font-serif)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-card)}.card.tight{padding:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title{font-family:var(--font-serif);font-size:17px;font-weight:500}.card-sub{color:var(--ink-2);font-size:12.5px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.pill{font-size:11.5px;padding:4px 11px;border-radius:var(--radius-pill);font-weight:500;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.pill .pdot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.green{background:var(--green-soft);color:var(--green)}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.red{background:var(--red-soft);color:var(--red)}.pill.accent{background:var(--accent-soft);color:var(--accent-ink)}.pill.gray{background:#f0efea;color:var(--ink-2)}.pill.outline{background:transparent;border:1px solid var(--line-2);color:var(--ink-3)}.chip{font-size:12px;padding:4px 11px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-ink);font-weight:500;display:inline-flex;align-items:center;gap:5px}.chip.outline{background:transparent;border:1px solid var(--line-2);color:var(--ink-2)}.btn{font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:9px;padding:7px 14px;transition:all .15s ease;display:inline-flex;align-items:center;gap:7px}.btn:hover:not(:disabled){border-color:var(--ink-3);transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-ink)}.btn.danger{color:var(--red);border-color:var(--red-soft)}.btn.sm{font-size:12px;padding:5px 11px}.btn:disabled{opacity:.45;cursor:not-allowed}.label-ai{font-size:11.5px;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:5px}.label-ai:before{content:"✦";font-size:12px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar.sm{width:30px;height:30px;font-size:11px}.avatar.lg{width:56px;height:56px;font-size:18px}.meter{display:inline-flex;gap:3px;width:62px}.meter i{flex:1;height:4px;border-radius:2px;background:var(--line)}.meter i.g{background:var(--seg-g)}.meter i.a{background:var(--seg-a)}.meter i.b{background:var(--seg-b)}.segmented{display:inline-flex;background:#f2f1ed;border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px;gap:2px}.segmented button{font-size:13px;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--ink-2);border-radius:var(--radius-pill);padding:7px 18px;transition:all .18s ease;display:inline-flex;align-items:center;gap:8px}.segmented button:hover{color:var(--ink)}.segmented button.active{background:var(--surface);color:var(--accent-ink);font-weight:600;box-shadow:0 1px 2px #1c1c1a0f}@keyframes pulse{50%{opacity:.35}}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.live{background:var(--green);animation:pulse 1.8s ease infinite}.dot.rec{background:var(--red);animation:pulse 1.6s ease infinite}.input,.select,.textarea{font-family:inherit;font-size:13px;color:var(--ink);border:1px solid var(--line-2);background:var(--surface);border-radius:9px;padding:8px 11px;width:100%}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-label{font-size:12px;color:var(--ink-2);font-weight:500;display:block;margin-bottom:5px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-weight:600;color:var(--ink-2);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:8px 12px;border-bottom:1px solid var(--line)}.tbl td{padding:11px 12px;border-bottom:1px solid var(--line)}.tbl tr:last-child td{border-bottom:none}.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover td{background:var(--surface-2)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel{background:linear-gradient(90deg,#efeee9 25%,#f6f5f1 37%,#efeee9 63%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:6px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.col{display:flex;flex-direction:column}.muted{color:var(--ink-2)}.muted-3{color:var(--ink-3)}.grow{flex:1}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}