:root{--bg-0: #0a0b0d;--bg-1: #0f1115;--bg-2: #14171c;--bg-3: #1a1e25;--bg-4: #232830;--line: #232830;--line-2: #2c323c;--fg-0: #f3f5f7;--fg-1: #c8ccd2;--fg-2: #8a909a;--fg-3: #5a606b;--accent: oklch(.82 .18 135);--accent-soft: oklch(.82 .18 135 / .12);--accent-fg: #0a0b0d;--warn: oklch(.78 .16 75);--warn-soft: oklch(.78 .16 75 / .14);--crit: oklch(.68 .22 25);--crit-soft: oklch(.68 .22 25 / .14);--info: oklch(.74 .13 235);--info-soft: oklch(.74 .13 235 / .14);--pos: oklch(.82 .18 145);--pos-soft: oklch(.82 .18 145 / .14);--radius-s: 6px;--radius-m: 10px;--radius-l: 14px;--font-sans: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-5: 24px;--gap-6: 32px;--sidebar-w: 232px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-0);color:var(--fg-0);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}body{min-height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:6px;border:2px solid var(--bg-0)}::-webkit-scrollbar-thumb:hover{background:var(--line-2)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh}.sidebar{background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;gap:var(--gap-5)}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:4px 6px 14px;border-bottom:1px solid var(--line)}.sidebar .brand-mark{width:28px;height:28px;border-radius:7px;background:var(--accent);display:grid;place-items:center;color:var(--accent-fg);font-weight:700;font-family:var(--font-mono);font-size:13px;letter-spacing:-.05em;flex-shrink:0}.sidebar .brand-name{font-weight:600;font-size:13.5px;letter-spacing:-.01em}.sidebar .brand-sub{font-size:11px;color:var(--fg-3);font-family:var(--font-mono);margin-top:1px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);padding:0 8px 6px;font-family:var(--font-mono)}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:6px;color:var(--fg-1);font-size:13px;cursor:pointer;transition:background .12s,color .12s;position:relative}.nav-item:hover{background:var(--bg-2);color:var(--fg-0)}.nav-item.active{background:var(--bg-3);color:var(--fg-0)}.nav-item.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:2px;height:16px;background:var(--accent);border-radius:0 2px 2px 0}.nav-item .ico{width:16px;height:16px;flex-shrink:0;opacity:.8}.nav-item .badge{margin-left:auto;font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--crit-soft);color:var(--crit);font-family:var(--font-mono);font-weight:500}.sidebar-footer{margin-top:auto;padding-top:var(--gap-4);border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#1f9ad3,#4092d1,#5489cf 25%,#6d77cb 50%,#8b4ec4);display:grid;place-items:center;color:#fff;font-weight:600;font-size:11.5px;flex-shrink:0}.user-name{font-size:12.5px;font-weight:500}.user-role{font-size:11px;color:var(--fg-3);font-family:var(--font-mono)}.main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-0)}.topbar{display:flex;align-items:center;gap:var(--gap-3);padding:12px 22px;border-bottom:1px solid var(--line);background:var(--bg-0);height:56px;flex-shrink:0}.topbar .crumb{font-size:13px;color:var(--fg-2);display:flex;align-items:center;gap:8px}.topbar .crumb strong{color:var(--fg-0);font-weight:500}.topbar .crumb .sep{color:var(--fg-3)}.topbar .search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;width:280px;color:var(--fg-2);font-size:12.5px}.topbar .search input{background:none;border:none;outline:none;color:var(--fg-0);width:100%;font-size:12.5px}.topbar .search .kbd{font-family:var(--font-mono);font-size:10.5px;padding:1px 5px;background:var(--bg-3);border:1px solid var(--line);border-radius:4px;color:var(--fg-3)}.topbar .icon-btn{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;color:var(--fg-2);border:1px solid transparent;position:relative}.topbar .icon-btn:hover{background:var(--bg-2);color:var(--fg-0)}.topbar .icon-btn .dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--crit);box-shadow:0 0 0 2px var(--bg-0)}.content{flex:1;overflow-y:auto;padding:26px 32px 60px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:7px;font-size:12.5px;font-weight:500;border:1px solid var(--line-2);background:var(--bg-2);color:var(--fg-1);transition:background .12s,border-color .12s,color .12s}.btn:hover{background:var(--bg-3);color:var(--fg-0)}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.btn.ghost:hover{background:var(--bg-2);color:var(--fg-0)}.btn.sm{padding:4px 9px;font-size:12px;border-radius:6px}.btn .ico{width:14px;height:14px}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-m);padding:18px}.card.tight{padding:14px}.card-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);font-family:var(--font-mono);margin:0 0 10px;display:flex;align-items:center;gap:8px}.card-title .pill{font-size:10px;padding:1px 6px;background:var(--bg-3);color:var(--fg-2);border-radius:4px;text-transform:none;letter-spacing:0;font-family:var(--font-sans)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:16px}.page-head h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}.page-head .sub{color:var(--fg-2);font-size:13px;margin-top:4px}.page-head .actions{display:flex;gap:8px;align-items:center}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-weight:500;color:var(--fg-3);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bg-1);position:sticky;top:0}.tbl td{padding:12px;border-bottom:1px solid var(--line);color:var(--fg-1);vertical-align:middle}.tbl tr:hover td{background:var(--bg-1)}.tbl tr.selectable{cursor:pointer}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--bg-3);color:var(--fg-1);font-weight:500;white-space:nowrap}.chip .dot{width:6px;height:6px;border-radius:50%}.chip.pos{background:var(--pos-soft);color:var(--pos)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.crit{background:var(--crit-soft);color:var(--crit)}.chip.info{background:var(--info-soft);color:var(--info)}.chip.neutral{background:var(--bg-3);color:var(--fg-2)}.score{font-family:var(--font-mono);font-weight:600;font-size:13px}.score.pos{color:var(--pos)}.score.warn{color:var(--warn)}.score.crit{color:var(--crit)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.kpi{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-m);padding:16px 18px;position:relative;overflow:hidden}.kpi-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);font-family:var(--font-mono);display:flex;align-items:center;gap:6px}.kpi-value{font-size:28px;font-weight:600;letter-spacing:-.02em;margin-top:6px;font-family:var(--font-sans)}.kpi-value .unit{font-size:14px;color:var(--fg-3);font-weight:500;margin-left:2px}.kpi-delta{font-size:11.5px;margin-top:4px;font-family:var(--font-mono);display:flex;align-items:center;gap:4px}.kpi-delta.up{color:var(--pos)}.kpi-delta.down{color:var(--crit)}.kpi-spark{position:absolute;right:10px;bottom:10px;opacity:.8}.filter-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius-m);margin-bottom:16px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:var(--bg-2);border:1px solid var(--line-2);font-size:12px;color:var(--fg-1);cursor:pointer}.filter-chip:hover{background:var(--bg-3)}.filter-chip.active{background:var(--accent-soft);color:var(--accent);border-color:transparent}.filter-chip .ico{width:12px;height:12px}.filter-chip .x{color:var(--fg-3);margin-left:2px}.divider-v{width:1px;height:18px;background:var(--line)}.channel{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--fg-2);font-family:var(--font-mono)}.channel .ico{width:12px;height:12px}.agent-cell{display:flex;align-items:center;gap:9px}.agent-cell .avatar{width:26px;height:26px;font-size:10px}.ring{--p: 0;width:44px;height:44px;position:relative}.ring svg{transform:rotate(-90deg)}.ring .ring-bg{stroke:var(--bg-3)}.ring .ring-fg{stroke:var(--accent);transition:stroke-dashoffset .4s}.ring .ring-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600}.bar-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:12px}.bar-row .name{width:130px;color:var(--fg-1)}.bar-row .bar-track{flex:1;height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden}.bar-row .bar-fill{height:100%;background:var(--accent);border-radius:3px}.bar-row .bar-fill.warn{background:var(--warn)}.bar-row .bar-fill.crit{background:var(--crit)}.bar-row .val{width:40px;text-align:right;font-family:var(--font-mono);color:var(--fg-1);font-size:11.5px}.fab{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:14px;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px #0006,0 0 0 1px #8fdd5d66;z-index:60;transition:transform .15s}.fab:hover{transform:translateY(-2px)}.fab.hidden{display:none}.ia-panel{position:fixed;right:22px;bottom:22px;width:380px;height:540px;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 48px #00000080;z-index:60;display:flex;flex-direction:column;overflow:hidden}.ia-panel .ia-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.ia-panel .ia-mark{width:26px;height:26px;border-radius:7px;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:12px}.ia-panel .ia-title{font-size:13px;font-weight:600}.ia-panel .ia-sub{font-size:10.5px;color:var(--fg-3);font-family:var(--font-mono);display:flex;align-items:center;gap:6px}.ia-panel .ia-sub .live-dot{width:6px;height:6px;border-radius:50%;background:var(--pos);box-shadow:0 0 8px var(--pos)}.ia-panel .ia-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.ia-msg{max-width:88%;padding:9px 12px;border-radius:12px;font-size:12.5px;line-height:1.5}.ia-msg.bot{background:var(--bg-2);align-self:flex-start;border-top-left-radius:4px}.ia-msg.user{background:var(--accent);color:var(--accent-fg);align-self:flex-end;border-top-right-radius:4px}.ia-msg.bot .quote{margin-top:6px;padding:6px 8px;background:var(--bg-3);border-left:2px solid var(--accent);border-radius:4px;font-size:11.5px;color:var(--fg-2)}.ia-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 8px}.ia-suggestions .sug{font-size:11.5px;padding:4px 9px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;color:var(--fg-1);cursor:pointer}.ia-suggestions .sug:hover{background:var(--bg-3)}.ia-input{border-top:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;gap:8px}.ia-input input{flex:1;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:7px 10px;outline:none;font-size:12.5px}.ia-input input:focus{border-color:var(--line-2)}.transcript{display:flex;flex-direction:column;gap:10px;padding:4px}.msg-row{display:flex;gap:10px;align-items:flex-start}.msg-row.right{flex-direction:row-reverse}.msg-row .av{width:26px;height:26px;border-radius:50%;background:var(--bg-3);display:grid;place-items:center;font-size:10px;color:var(--fg-2);flex-shrink:0;font-weight:600}.msg-row.agent .av{background:#007bab66;background:oklch(.55 .14 235 / .4);color:#94d8ff;color:oklch(.85 .13 235)}.msg-row.client .av{background:var(--bg-3);color:var(--fg-1)}.msg-bubble{background:var(--bg-2);border:1px solid var(--line);padding:9px 12px;border-radius:10px;max-width:480px;font-size:13px;line-height:1.5;position:relative}.msg-row.agent .msg-bubble{border-color:#007bab4d;border-color:oklch(.55 .14 235 / .3)}.msg-row.right .msg-bubble{border-top-right-radius:4px}.msg-row:not(.right) .msg-bubble{border-top-left-radius:4px}.msg-meta{font-size:10.5px;color:var(--fg-3);font-family:var(--font-mono);margin-top:4px;display:flex;gap:8px;align-items:center}.msg-flag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;padding:1px 6px;border-radius:4px;font-family:var(--font-mono);margin-top:6px}.msg-flag.warn{background:var(--warn-soft);color:var(--warn)}.msg-flag.crit{background:var(--crit-soft);color:var(--crit)}.msg-flag.pos{background:var(--pos-soft);color:var(--pos)}.audio-player{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-3);border-radius:8px;font-family:var(--font-mono);font-size:11px;color:var(--fg-2);min-width:220px}.audio-player .play{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:grid;place-items:center}.wave{display:flex;align-items:center;gap:2px;height:18px;flex:1}.wave span{width:2px;background:var(--fg-2);border-radius:1px}.split{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start}.criteria-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center;font-size:12.5px}.criteria-row:last-child{border-bottom:0}.criteria-row .name{color:var(--fg-1)}.criteria-row .bar-track{width:100px;height:5px;background:var(--bg-3);border-radius:3px;overflow:hidden}.criteria-row .bar-fill{height:100%;background:var(--accent)}.heat-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:2px}.heat-cell{aspect-ratio:1;border-radius:2px;background:var(--bg-3)}.muted{color:var(--fg-3)}.row{display:flex;align-items:center;gap:var(--gap-3)}.row.between{justify-content:space-between}.col{display:flex;flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:24px}.flex-1{flex:1}.mono{font-family:var(--font-mono)}.text-xs{font-size:11px}.text-sm{font-size:12px}.fg-1{color:var(--fg-1)}.fg-2{color:var(--fg-2)}.fg-3{color:var(--fg-3)}body.density-compact .content{padding:18px 22px 50px}body.density-compact .card{padding:14px}body.density-compact .kpi{padding:12px 14px}body.density-compact .kpi-value{font-size:24px}body.density-compact .tbl td{padding:8px 10px}body.density-compact .tbl th{padding:7px 10px}body.density-spacious .content{padding:36px 44px 80px}body.density-spacious .card{padding:24px}body.density-spacious .kpi{padding:22px 24px}body.density-spacious .tbl td{padding:16px}body.theme-light{--bg-0: #f7f8fa;--bg-1: #ffffff;--bg-2: #f1f3f6;--bg-3: #e6e9ee;--bg-4: #d8dde4;--line: #e6e9ee;--line-2: #d8dde4;--fg-0: #0a0b0d;--fg-1: #2a2f38;--fg-2: #5a606b;--fg-3: #8a909a}