:root{--brand:#7c40ff;--brand-light:#9d6fff;--brand-dark:#5b21b6;--brand-50:#f5f0ff;--brand-100:#ece3ff;--brand-200:#d6c2ff;--brand-300:#b794ff;--brand-foreground:#fff;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--success:#16a34a;--success-bg:#16a34a1a;--warning:#d97706;--warning-bg:#d977061a;--danger:#dc2626;--danger-bg:#dc26261a;--info:#2563eb;--info-bg:#2563eb1a;--ch-voice:#7c40ff;--ch-web:#2563eb;--shc-maroon:#49111d;--shc-maroon-deep:#5c1822;--shc-maroon-soft:#6b1c28;--shc-gold:#ccae5f;--shc-gold-light:#e0c376;--shc-cream:#fbf6ec;--shc-key-light:#fff2d8;--background:#fff;--surface:#fff;--surface-muted:#f8fafc;--surface-accent:#f5f0ff;--text-strong:#1e293b;--text-body:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--text-on-brand:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--border-brand:#7c40ff26;--ring:#7c40ff;--accent:#7c40ff;--accent-hover:#6b35e0}
:root{--font-display:"Space Grotesk",system-ui,sans-serif;--font-heading:"Space Grotesk",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tighter:-.03em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em}
:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a14,0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 8px 24px #0f172a1a;--shadow-xl:0 16px 40px #0f172a1f;--glow-brand:0 0 40px #7c40ff33;--glow-brand-sm:0 0 24px #7c40ff26;--shadow-brand:0 10px 25px #7c40ff2e;--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-out-expo:cubic-bezier(.16,1,.3,1);--duration-fast:.15s;--duration-base:.22s;--duration-slow:.36s}
:root{--ok-fg:#059669;--ok-dot:#10b981;--ok-bg:#10b9811a;--warn-fg:#b45309;--warn-dot:#f59e0b;--warn-bg:#f59e0b1f;--bad-fg:#e11d48;--bad-dot:#f43f5e;--bad-bg:#f43f5e1a;--info-fg:#0284c7;--info-dot:#38bdf8;--info-bg:#38bdf81f;--brand-fg:#7c40ff;--brand-bg:#7c40ff1a;--brand-tint:#f3eeff;--card-shadow:0 1px 2px #0f172a0a}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--slate-50);color:var(--slate-800);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-dark)}.mono{font-family:var(--font-mono)}.app-shell{background:var(--slate-50);width:100%;height:100vh;color:var(--slate-800);display:flex;overflow:hidden}.main-scroll{flex:1;min-width:0;height:100%;overflow-y:auto}.page{flex-direction:column;gap:22px;padding:24px 28px 40px;display:flex}.page--tight{gap:18px}.sidebar{border-right:1px solid var(--slate-200);background:#fff;flex-direction:column;flex-shrink:0;width:240px;height:100%;display:flex}.sidebar-head{border-bottom:1px solid var(--slate-200);flex-shrink:0;align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.sidebar-logo{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-light),var(--brand));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 24px #7c40ff40}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--slate-900);font-size:16px;font-weight:700}.brand-sub{color:var(--slate-500);font-size:11px}.org-row-wrap{border-bottom:1px solid var(--slate-200);flex-shrink:0;padding:12px 14px}.org-row{color:var(--slate-600);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.org-name{flex:1;font-weight:500}.nav-scroll{flex:1;padding:12px;overflow-y:auto}.nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--slate-400);margin-bottom:4px;padding:0 12px;font-size:10px;font-weight:600}.nav-group-label+.nav-list{margin-bottom:16px}.nav-list{flex-direction:column;gap:2px;display:flex}.nav-item{cursor:pointer;color:var(--slate-500);background:0 0;border-radius:8px;align-items:center;gap:12px;padding:7px 12px;font-size:14px;font-weight:500;transition:background .15s;display:flex;position:relative}.nav-item:hover{background:var(--slate-100)}.nav-item.active{background:var(--brand-tint);color:var(--slate-900)}.nav-item.active:hover{background:var(--brand-tint)}.nav-active-bar{background:var(--brand);border-radius:var(--radius-full);width:3px;height:16px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{flex-shrink:0;display:inline-flex}.egress-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:12px;flex-direction:column;gap:8px;margin-top:24px;padding:12px;display:flex}.egress-title{color:var(--slate-900);align-items:center;gap:7px;font-size:11.5px;font-weight:600;display:flex}.egress-note{color:var(--slate-500);font-size:10.5px;line-height:1.5}.user-block{border-top:1px solid var(--slate-200);flex-shrink:0;align-items:center;gap:12px;padding:14px;display:flex}.avatar{border-radius:var(--radius-full);background:var(--brand-tint);width:36px;height:36px;color:var(--brand-dark);font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.user-meta{flex:1;min-width:0}.user-name{color:var(--slate-900);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.user-role{color:var(--slate-500);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header--stack{align-items:flex-start}.page-heading{flex-direction:column;gap:4px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--slate-900);font-size:28px;font-weight:600}.page-title--sm{font-size:22px}.page-sub{color:var(--slate-500);font-size:13.5px}.header-actions{align-items:center;gap:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,filter .15s;display:inline-flex}.btn-outline{border-color:var(--slate-200);color:var(--slate-800);background:#fff}.btn-outline:hover{background:var(--slate-50)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 1px 2px #0f172a14}.btn-primary:hover{filter:brightness(1.08)}.btn-icon{border:1px solid var(--slate-200);width:34px;height:34px;color:var(--slate-600);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--slate-50)}.card{border:1px solid var(--slate-200);box-shadow:var(--card-shadow);background:#fff;border-radius:12px}.card--pad{flex-direction:column;gap:14px;padding:20px;display:flex}.card-head{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.card-head--baseline{align-items:baseline}.card-title{font-family:var(--font-display);color:var(--slate-900);font-size:16px;font-weight:600}.card-title--sm{font-size:15px}.card-sub{color:var(--slate-500);font-size:12px}.card-body{padding:16px 18px}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-funnel{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.grid-detail{grid-template-columns:1.25fr 1fr;align-items:start;gap:16px;display:grid}.col-stack{flex-direction:column;gap:16px;min-width:0;display:flex}@media (max-width:1080px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-cols-3,.grid-2,.grid-funnel,.grid-detail{grid-template-columns:1fr}}.kpi-card{border:1px solid var(--slate-200);box-shadow:var(--card-shadow);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:18px;display:flex}.kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-icon{background:var(--brand-tint);width:34px;height:34px;color:var(--brand);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.kpi-delta{color:var(--ok-fg);font-size:12px;font-weight:600}.kpi-value{font-family:var(--font-display);color:var(--slate-900);letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1}.kpi-label{color:var(--slate-500);font-size:13px}.funnel-list{flex-direction:column;gap:12px;display:flex}.funnel-row{align-items:center;gap:14px;display:flex}.funnel-label{width:120px;color:var(--slate-600);flex-shrink:0;font-size:13px}.funnel-track{background:var(--slate-100);border-radius:6px;flex:1;height:26px;overflow:hidden}.funnel-fill{background:linear-gradient(90deg,var(--brand-light),var(--brand));border-radius:6px;height:100%}.funnel-value{text-align:right;width:64px;font-family:var(--font-mono);color:var(--slate-900);font-size:13px;font-weight:600}.funnel-insight{color:var(--slate-500);font-size:12px}.dist-list{flex-direction:column;gap:10px;display:flex}.dist-row{align-items:center;gap:10px;display:flex}.dist-name{width:110px;color:var(--slate-600);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:12.5px;overflow:hidden}.dist-track{border-radius:var(--radius-full);background:var(--slate-100);flex:1;height:8px;overflow:hidden}.dist-fill{border-radius:var(--radius-full);background:var(--brand);height:100%}.dist-count{text-align:right;width:30px;font-family:var(--font-mono);color:var(--slate-900);font-size:12px}.lat-bars{align-items:flex-end;gap:4px;height:88px;display:flex}.lat-bar{border-radius:4px 4px 0 0;flex:1;min-height:2px}.lat-legend{color:var(--slate-600);flex-wrap:wrap;align-items:center;gap:18px;font-size:12.5px;display:flex}.lat-legend-item{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.sent-bar{border-radius:var(--radius-full);height:12px;display:flex;overflow:hidden}.sent-seg{height:100%}.sent-legend{color:var(--slate-500);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.dot-inline{font-size:10px;line-height:1}.intent-chips{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.intent-chip{border-radius:var(--radius-full);background:var(--slate-100);color:var(--slate-700);align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:inline-flex}.intent-count{font-family:var(--font-mono);color:var(--brand);font-size:11px;font-weight:600}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-full);border:1px solid var(--slate-200);color:var(--slate-600);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.chip.active{background:var(--brand-tint);color:var(--brand-dark);border-color:#7c40ff4d}.tbl-wrap{border:1px solid var(--slate-200);box-shadow:var(--card-shadow);background:#fff;border-radius:12px;overflow:auto hidden}.tbl-head{border-bottom:1px solid var(--slate-200);background:var(--slate-50);text-transform:uppercase;letter-spacing:.06em;color:var(--slate-400);gap:8px;padding:11px 18px;font-size:11px;font-weight:600;display:grid}.tbl-row{border-bottom:1px solid var(--slate-100);align-items:center;gap:8px;padding:12px 18px;transition:background .12s;display:grid}.tbl-row:last-child{border-bottom:none}.tbl-row.clickable{cursor:pointer}.tbl-row.clickable:hover{background:var(--slate-50)}.cell-mono{color:var(--slate-500);font-size:12.5px;font-family:var(--font-mono)}.cell-channel{color:var(--slate-600);align-items:center;gap:5px;font-size:12px;display:inline-flex}.cell-badge{align-items:center;display:flex}.cell-summary{color:var(--slate-900);white-space:nowrap;text-overflow:ellipsis;text-align:right;font-size:13.5px;font-weight:500;overflow:hidden}.cell-score{font-size:12.5px;font-weight:600;font-family:var(--font-mono)}.cell-ticket{font-size:11.5px;font-family:var(--font-mono);color:var(--brand)}.cell-name{color:var(--slate-900);text-align:right;font-size:13px;font-weight:500}.cell-prop{color:var(--slate-600);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.cell-window{color:var(--slate-500);font-size:12.5px}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge--lg{padding:3px 10px;font-size:11.5px}.badge-dot{border-radius:var(--radius-full);background:currentColor;flex-shrink:0;width:5px;height:5px}.badge--ok{background:var(--ok-bg);color:var(--ok-fg)}.badge--warn{background:var(--warn-bg);color:var(--warn-fg)}.badge--bad{background:var(--bad-bg);color:var(--bad-fg)}.badge--info{background:var(--info-bg);color:var(--info-fg)}.badge--brand{background:var(--brand-bg);color:var(--brand)}.badge--neutral{background:var(--slate-100);color:var(--slate-600)}.audio-bar{border:1px solid var(--slate-200);box-shadow:var(--card-shadow);background:#fff;border-radius:12px;align-items:center;gap:16px;padding:14px 18px;display:flex}.audio-play{border-radius:var(--radius-full);background:var(--brand);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.audio-play:hover{filter:brightness(1.1)}.wave{flex:1;align-items:center;gap:2px;min-width:0;height:34px;display:flex}.wave-bar{border-radius:2px;flex:1;min-width:1px}.audio-time{font-family:var(--font-mono);color:var(--slate-500);flex-shrink:0;font-size:12px}.transcript{flex-direction:column;gap:12px;max-height:480px;padding:16px 18px;display:flex;overflow-y:auto}.tr-turn{flex-direction:column;gap:3px;display:flex}.tr-turn.user{align-items:flex-end}.tr-turn.agent{align-items:flex-start}.tr-meta{color:var(--slate-400);font-size:10px;font-family:var(--font-mono)}.tr-bubble{max-width:88%;color:var(--slate-800);border-radius:12px;padding:9px 13px;font-size:13px;line-height:1.7}.tr-bubble.user{background:var(--brand-tint);border:1px solid var(--border-brand)}.tr-bubble.agent{background:var(--slate-50);border:1px solid var(--slate-200)}.timeline{flex-direction:column;padding:14px 18px;display:flex}.tl-row{align-items:flex-start;gap:12px;padding:7px 0;display:flex}.tl-at{font-family:var(--font-mono);color:var(--slate-400);flex-shrink:0;width:44px;padding-top:2px;font-size:11px}.tl-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:5px}.tl-body{flex-direction:column;gap:1px;min-width:0;display:flex}.tl-name{font-family:var(--font-mono);color:var(--slate-900);font-size:12.5px;font-weight:600}.tl-detail{color:var(--slate-500);font-size:11.5px}.tl-ms{font-family:var(--font-mono);color:var(--slate-400);flex-shrink:0;margin-left:auto;font-size:11px}.report-summary{background:var(--slate-50);border:1px solid var(--slate-200);color:var(--slate-700);border-radius:10px;margin:0;padding:12px 14px;font-size:13px;line-height:1.8}.rubric-list{flex-direction:column;gap:8px;display:flex}.rubric-row{align-items:center;gap:10px;display:flex}.rubric-label{color:var(--slate-700);flex:1;font-size:12.5px}.rubric-score{font-family:var(--font-mono);color:var(--slate-900);font-size:12px;font-weight:600}.rubric-total{border-top:1px solid var(--slate-100);align-items:center;gap:10px;padding-top:8px;display:flex}.rubric-total-label{color:var(--slate-900);flex:1;font-size:12.5px;font-weight:600}.rubric-total-score{font-family:var(--font-mono);color:var(--ok-fg);font-size:14px;font-weight:700}.check-ok{color:var(--ok-fg);flex-shrink:0}.extraction-grid{grid-template-columns:1fr 1fr;gap:0 18px;padding:8px 18px 14px;display:grid}.ext-cell{border-bottom:1px solid var(--slate-50);flex-direction:column;gap:1px;padding:7px 0;display:flex}.ext-key{font-family:var(--font-mono);color:var(--slate-400);font-size:10px}.ext-value{color:var(--slate-900);font-size:12.5px;font-weight:500}.svc-card{border:1px solid var(--slate-200);box-shadow:var(--card-shadow);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.svc-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.svc-name{font-family:var(--font-display);color:var(--slate-900);font-size:14.5px;font-weight:600}.svc-detail{font-family:var(--font-mono);color:var(--slate-600);font-size:12px}.svc-meta{color:var(--slate-400);font-size:11.5px}.kv-list{flex-direction:column;display:flex}.kv-row{border-bottom:1px solid var(--slate-50);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.kv-row:last-child{border-bottom:none}.kv-label{color:var(--slate-600);font-size:13px}.kv-value{font-family:var(--font-mono);color:var(--slate-900);font-size:12px;font-weight:600}.detail-head{align-items:center;gap:14px;display:flex}.badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link-btn{cursor:pointer;font:inherit;color:var(--brand);background:0 0;border:none;padding:0}.state-empty{text-align:center;color:var(--slate-400);padding:40px 18px;font-size:13px}