:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--surface-3: #e6e9ee;--border: #d8dde4;--border-strong: #b9c1cc;--text: #14181f;--text-2: #4a5563;--text-3: #6f7a89;--accent: #1f5fd0;--accent-text: #ffffff;--accent-weak: #e7efff;--accent-border: #b9d1ff;--ok: #17784a;--ok-weak: #e2f5ea;--ok-border: #a9dcc2;--warn: #91600a;--warn-weak: #fdf2dc;--warn-border: #ecd09a;--danger: #b3261e;--danger-weak: #fdeceb;--danger-border: #f2b8b5;--danger-text: #ffffff;--shadow-1: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--shadow-2: 0 8px 24px rgba(16, 24, 40, .12), 0 2px 6px rgba(16, 24, 40, .08);--radius: 8px;--radius-sm: 5px;--sidebar-w: 216px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0e1116;--surface: #161b22;--surface-2: #1c2230;--surface-3: #262d3b;--border: #2c3441;--border-strong: #414c5c;--text: #e7ebf1;--text-2: #aab4c2;--text-3: #7f8a99;--accent: #5b9bff;--accent-text: #08111f;--accent-weak: #16233a;--accent-border: #2f4b79;--ok: #59d39a;--ok-weak: #12281f;--ok-border: #235c43;--warn: #e8b661;--warn-weak: #2a2113;--warn-border: #5e4a20;--danger: #ff7b72;--danger-weak: #2d1615;--danger-border: #6b2f2b;--danger-text: #1a0b0a;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 10px 30px rgba(0, 0, 0, .55)}}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1116;--surface: #161b22;--surface-2: #1c2230;--surface-3: #262d3b;--border: #2c3441;--border-strong: #414c5c;--text: #e7ebf1;--text-2: #aab4c2;--text-3: #7f8a99;--accent: #5b9bff;--accent-text: #08111f;--accent-weak: #16233a;--accent-border: #2f4b79;--ok: #59d39a;--ok-weak: #12281f;--ok-border: #235c43;--warn: #e8b661;--warn-weak: #2a2113;--warn-border: #5e4a20;--danger: #ff7b72;--danger-weak: #2d1615;--danger-border: #6b2f2b;--danger-text: #1a0b0a;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 10px 30px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:15px}h3{font-size:13px}code,.mono{font-family:var(--mono);font-size:.92em}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.nowrap{white-space:nowrap}.right{text-align:right}.num{font-variant-numeric:tabular-nums;text-align:right}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:var(--accent-text);padding:10px 16px;border-radius:0 0 var(--radius) 0}.skip:focus{left:0}.app{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100%}.sidebar{border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:4px;padding:14px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:baseline;gap:8px;padding:4px 8px 14px}.brand strong{font-size:15px;letter-spacing:-.02em}.brand .env{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);border:1px solid var(--border);border-radius:999px;padding:1px 6px}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:500}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link[aria-current=page]{background:var(--accent-weak);color:var(--accent);font-weight:600}.nav-count{font-size:11px;font-variant-numeric:tabular-nums;background:var(--warn-weak);color:var(--warn);border:1px solid var(--warn-border);border-radius:999px;padding:0 6px;line-height:16px}.sidebar-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;font-size:12px}.who{display:flex;flex-direction:column;gap:2px;padding:0 8px}.who .email{color:var(--text);overflow-wrap:anywhere}.main{min-width:0;display:flex;flex-direction:column}.page{padding:22px 26px 64px;max-width:1280px;width:100%}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:6px}.page-head p{margin:6px 0 0;color:var(--text-2);max-width:70ch}.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin:18px 0 12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card+.card{margin-top:16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.card-body{padding:16px}.card-body>p:first-child{margin-top:0}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat .label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.stat .value{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:4px;letter-spacing:-.02em}.stat .sub{font-size:12px;color:var(--text-2);margin-top:2px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);padding:9px 12px;border-bottom:1px solid var(--border);background:var(--surface-2);position:sticky;top:0;white-space:nowrap}table.data th.num,table.data td.num{text-align:right;white-space:nowrap;overflow-wrap:normal}table.data td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr.row-danger{background:var(--danger-weak)}table.data tbody tr.row-warn{background:var(--warn-weak, var(--surface-2))}table.data tbody tr.row-danger:hover{background:var(--danger-weak);filter:brightness(.98)}table.data td.actions{white-space:nowrap;text-align:right}table.data tbody tr.group th{position:static;background:var(--surface-2);color:var(--text-2);text-transform:none;letter-spacing:normal;font-size:12px;padding:8px 12px}table.data tbody tr.group th strong{color:var(--text);font-size:13px;margin-right:8px}table.data tbody tr.group:hover{background:transparent}button.playing{border-color:var(--accent);color:var(--accent)}table.data caption{caption-side:top;text-align:left;padding:10px 12px;color:var(--text-2);font-size:12px}button,.btn{font:inherit;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap}button:hover:not(:disabled),.btn:hover{background:var(--surface-2);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.danger{background:var(--danger);border-color:var(--danger);color:var(--danger-text)}button.danger:hover:not(:disabled){filter:brightness(1.08)}button.ghost{border-color:transparent;background:transparent;color:var(--text-2)}button.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}button.small{padding:4px 9px;font-size:12px}button.link{border:none;background:none;color:var(--accent);padding:0;font-weight:500}button.link:hover:not(:disabled){background:none;text-decoration:underline}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>label,.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.field .hint{font-size:12px;color:var(--text-2)}.field .err{font-size:12px;color:var(--danger)}input[type=text],input[type=search],input[type=number],input[type=email],select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:7px 10px;min-width:0;width:100%}textarea{resize:vertical;min-height:80px;line-height:1.55}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--text-3);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--text-3)}.checkbox{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.checkbox input{margin-top:2px;width:16px;height:16px;accent-color:var(--accent);flex:none}.checkbox:has(input:disabled){cursor:not-allowed;color:var(--text-3)}.inline-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;line-height:18px;padding:0 7px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);white-space:nowrap}.badge.ok{background:var(--ok-weak);border-color:var(--ok-border);color:var(--ok)}.badge.warn{background:var(--warn-weak);border-color:var(--warn-border);color:var(--warn)}.badge.danger{background:var(--danger-weak);border-color:var(--danger-border);color:var(--danger)}.badge.info{background:var(--accent-weak);border-color:var(--accent-border);color:var(--accent)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.notice{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-left-width:3px;background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 14px;margin:0 0 14px}.notice .body{min-width:0;flex:1}.notice strong{display:block;margin-bottom:2px}.notice p{margin:0;color:var(--text-2)}.notice.warn{background:var(--warn-weak);border-color:var(--warn-border);border-left-color:var(--warn);color:var(--text)}.notice.danger{background:var(--danger-weak);border-color:var(--danger-border);border-left-color:var(--danger)}.notice.info{background:var(--accent-weak);border-color:var(--accent-border);border-left-color:var(--accent)}.notice.ok{background:var(--ok-weak);border-color:var(--ok-border);border-left-color:var(--ok)}.state{padding:46px 24px;text-align:center;color:var(--text-2)}.state h3{color:var(--text);margin-bottom:6px;font-size:14px}.state p{margin:0 auto 14px;max-width:54ch}.state .detail{font-family:var(--mono);font-size:11px;color:var(--text-3);margin-top:10px;overflow-wrap:anywhere}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}.skeleton-row{height:12px;border-radius:4px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;margin:14px 16px}@keyframes shimmer{to{background-position:-200% 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080b108c;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 24px;z-index:50;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-2);width:100%;max-width:520px}.modal.wide{max-width:760px}.modal-head{padding:16px 18px 0}.modal-body{padding:14px 18px;display:flex;flex-direction:column;gap:12px}.modal-foot{padding:14px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:80;max-width:min(420px,calc(100vw - 32px))}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);padding:10px 12px;display:flex;gap:10px;align-items:flex-start}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--ok)}.toast .body{flex:1;min-width:0;overflow-wrap:anywhere}.kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:8px 16px;font-size:13px}.kv dt{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding-top:2px}.kv dd{margin:0;overflow-wrap:anywhere}.break{overflow-wrap:anywhere}.chips{display:flex;gap:6px;flex-wrap:wrap}.context-quote{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:14px}mark.flag{background:var(--warn-weak);color:var(--text);border-bottom:2px solid var(--warn);border-radius:2px;padding:0 1px}mark.flag.high{background:var(--danger-weak);border-bottom-color:var(--danger)}.transcript{display:flex;flex-direction:column;gap:8px;max-height:460px;overflow-y:auto}.turn{display:flex;gap:10px;font-size:13px}.turn .who{flex:none;width:74px;color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding-top:2px}.turn .said{background:var(--surface-2);border-radius:var(--radius-sm);padding:7px 10px;overflow-wrap:anywhere}.turn.agent .said{background:var(--accent-weak)}.pager{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border);color:var(--text-2);font-size:12px}.progress{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent)}.split{display:grid;gap:16px;grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);align-items:start}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:none;border-bottom:1px solid var(--border)}.sidebar-foot{margin:0 0 0 auto;border-top:none;padding-top:0;flex-direction:row;align-items:center}.who{display:none}.split{grid-template-columns:1fr}.page{padding:18px 16px 56px}}.steps{margin:0 0 14px;padding-left:20px;display:grid;gap:6px;font-size:13px;color:var(--text-2)}.plain{margin:0;padding-left:18px;display:grid;gap:8px;font-size:13px;color:var(--text-2)}