:root{color-scheme:light;--ink: #172033;--muted: #667085;--subtle: #98a2b3;--line: #d8dee8;--surface: #ffffff;--soft: #f7f9fc;--page: #eef3f7;--teal: #087f79;--teal-dark: #05645f;--teal-soft: #e5f5f2;--blue: #2463eb;--blue-soft: #eaf1ff;--red: #b42318;--red-soft: #fff0ed;--amber: #9a5b04;--amber-soft: #fff7df;--green: #16794c;--green-soft: #e8f7ef;--shadow: 0 14px 36px rgba(22, 32, 51, .08)}*{box-sizing:border-box}html{background:var(--page)}body{margin:0;min-width:320px;background:linear-gradient(180deg,#ffffffd1,#fff0 240px),var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(230px,.75fr) minmax(420px,1.15fr) auto;gap:14px;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(216,222,232,.92);background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.header-actions,.panel-title,.save-pill,.language-select,.freeze-chip,.sampling-chip,.issue-badge,.info-title{display:flex;align-items:center}.brand{min-width:0;gap:10px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:8px;background:#10202d;color:#9ff0df}.brand small{display:block;overflow:hidden;color:var(--muted);font-size:12px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.brand strong{display:block;margin-top:2px;font-size:17px;line-height:1.15}.header-stats{display:grid;grid-template-columns:repeat(4,minmax(82px,1fr));gap:8px}.metric-card{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:7px;min-height:48px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.metric-card svg{color:var(--teal)}.metric-card.danger svg{color:var(--red)}.metric-card span{overflow:hidden;color:var(--muted);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.metric-card strong{grid-column:2;font-size:18px;line-height:1}.header-actions{justify-content:flex-end;gap:8px;white-space:nowrap}.language-select,.save-pill{gap:6px;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:12px;font-weight:820}.language-select select{max-width:108px;border:0;outline:0;background:transparent;color:var(--ink);font-weight:820}.save-pill{background:var(--green-soft);color:var(--green)}.module-tabs{display:flex;gap:8px;width:min(1480px,calc(100% - 24px));margin:12px auto 0}.module-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border:1px solid var(--line);border-radius:8px;background:#ffffffc7;color:var(--muted);padding:7px 12px;font-weight:850}.module-tabs a.active{border-color:var(--teal);background:var(--surface);color:var(--teal-dark);box-shadow:inset 0 -2px 0 var(--teal)}.primary-button,.ghost-button,.plain-button,.back-button,.row-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:8px;border:1px solid transparent;padding:7px 11px;font-weight:850}.primary-button{background:var(--teal);color:#fff}.primary-button:hover{background:var(--teal-dark)}.ghost-button,.plain-button,.back-button,.row-action{border-color:var(--line);background:#fff;color:var(--ink)}.plain-button{color:var(--muted);font-size:12px}.plain-button:hover,.ghost-button:hover,.back-button:hover,.row-action:hover{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.list-page,.detail-page,.taxonomy-page{display:grid;gap:12px;width:min(1480px,calc(100% - 24px));margin:0 auto;padding:12px 0 18px}.command-bar{display:grid;grid-template-columns:minmax(280px,auto) minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#fff,#f5fbfa 62%,#f7f8fb);box-shadow:var(--shadow)}.command-bar h1{margin:0;font-size:23px;line-height:1.12}.command-bar span{color:var(--muted);font-size:13px;font-weight:760}.eyebrow{margin:0 0 4px;color:var(--subtle);font-size:11px;font-weight:850;letter-spacing:0;text-transform:uppercase}.queue-summary{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.queue-summary span{display:inline-flex;align-items:center;gap:5px;min-height:30px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:5px 10px;font-size:12px;font-weight:820}.queue-summary strong{color:var(--ink);font-size:14px}.filter-panel,.list-panel,.taxonomy-panel,.asr-panel,.annotation-panel,.info-card,.review-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.filter-panel,.list-panel,.taxonomy-panel,.asr-panel,.annotation-panel{padding:12px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-title{min-width:0;gap:8px}.panel-title svg{flex:0 0 auto;color:var(--teal)}.panel-title h2{margin:0;font-size:16px}.panel-title p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:720;line-height:1.45}.panel-title span{margin-left:2px;color:var(--muted);font-size:12px;font-weight:760}.filter-sections{display:grid;grid-template-columns:minmax(250px,.88fr) minmax(220px,.7fr) minmax(330px,1.15fr) minmax(300px,1fr);gap:10px}fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:10px;border:1px solid #e3e8f0;border-radius:8px;background:#fbfdff}fieldset:first-child{grid-template-columns:repeat(3,minmax(0,1fr))}fieldset:nth-child(3),fieldset:nth-child(4){grid-template-columns:repeat(2,minmax(0,1fr))}legend{padding:0 5px;color:var(--subtle);font-size:11px;font-weight:880;text-transform:uppercase}label,.field{display:grid;min-width:0;gap:5px;margin:0;color:var(--muted);font-size:12px;font-weight:800}input,select,textarea{width:100%;min-height:34px;border:1px solid var(--line);border-radius:7px;outline:none;background:#fff;color:var(--ink);padding:7px 9px}textarea{min-height:92px;resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f791f}.pagination,.taxonomy-add{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pagination label{display:inline-flex;grid-auto-flow:column;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:820}.pagination select{width:74px;min-height:32px}.pagination strong{color:var(--muted);font-size:12px;white-space:nowrap}.table-wrap,.taxonomy-table{overflow:auto}table{width:100%;min-width:1180px;border-collapse:collapse}.taxonomy-config-table{min-width:680px}th{padding:8px 10px;color:var(--muted);font-size:12px;text-align:left;white-space:nowrap}td{padding:11px 10px;border-top:1px solid var(--line);font-size:13px;line-height:1.45;vertical-align:middle}td span{display:block;margin-top:2px;color:var(--muted)}tbody tr{cursor:pointer}tbody tr:hover{background:#f7fbfd}tbody tr.selected{background:#edf8f6;box-shadow:inset 3px 0 0 var(--teal)}.status-stack{display:grid;justify-items:start;gap:5px}.freeze-chip,.sampling-chip,.issue-badge{gap:5px;min-height:24px;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:850;white-space:nowrap}.freeze-chip.locked{background:#eef4ff;color:#2351a2}.freeze-chip.open,.sampling-chip.pending{background:var(--soft);color:var(--muted)}.sampling-chip.inspecting{background:var(--amber-soft);color:var(--amber)}.sampling-chip.done{background:var(--green-soft);color:var(--green)}.issue-badge.issue{background:var(--red-soft);color:var(--red)}.issue-badge.clean{background:var(--green-soft);color:var(--green)}.call-state{display:inline-flex;width:fit-content;min-height:23px;border-radius:999px;background:#eef4ff;color:#2351a2;padding:3px 8px;font-size:12px;font-weight:850;white-space:nowrap}.row-action{min-height:30px;padding:5px 9px;font-size:12px;white-space:nowrap}.empty-state{padding:18px;color:var(--muted);font-size:13px}.taxonomy-add input{width:220px}.taxonomy-manager{min-height:420px}.taxonomy-manager .panel-title{align-items:flex-start}.taxonomy-manager .panel-title>span{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark)}.taxonomy-chips{display:flex;flex-wrap:wrap;gap:8px}.taxonomy-chips button,.issue-chip-field button{min-height:30px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:5px 9px;font-size:12px;font-weight:820}.taxonomy-chips button:not(.inactive),.issue-chip-field button.active{border-color:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.taxonomy-chips button.inactive{border-style:dashed;background:var(--soft);color:var(--subtle)}.taxonomy-table tbody tr{cursor:default}.taxonomy-status{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:850;white-space:nowrap}.taxonomy-status.active{background:var(--green-soft);color:var(--green)}.taxonomy-status.inactive{background:var(--soft);color:var(--muted)}.detail-toolbar{position:sticky;top:69px;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fffffff2;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-toolbar-main,.detail-toolbar-actions{display:flex;min-width:0;align-items:center;gap:10px}.detail-toolbar-main strong{font-size:16px}.detail-toolbar-main span{overflow:hidden;color:var(--muted);font-size:13px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.detail-toolbar-actions{justify-content:flex-end}.compact-player{display:grid;grid-template-columns:30px auto minmax(120px,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.compact-player strong,.compact-player span{color:var(--muted);font-size:12px;font-weight:820;white-space:nowrap}.compact-player input{accent-color:var(--teal)}.play-button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:999px;background:#10202d;color:#fff}.summary-grid{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(230px,.62fr) repeat(2,minmax(300px,1fr));gap:10px;align-items:stretch}.lock-banner{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;padding:12px;border:1px solid #c8d7f2;border-radius:8px;background:#f2f6ff;color:#24467d;font-size:12px}.lock-banner span{grid-column:2;color:#53657f;line-height:1.45}.review-card{display:grid;gap:8px;padding:11px;box-shadow:none}.review-card div{display:grid;gap:4px}.review-card span,.info-card dt{color:var(--subtle);font-size:11px;font-weight:800}.review-card strong{overflow:hidden;color:var(--ink);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.info-card{min-width:0;padding:11px;box-shadow:none}.info-title{gap:7px;margin-bottom:9px}.info-title svg{color:var(--teal)}.info-title strong{font-size:14px}.info-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:0}.info-card dd{margin:2px 0 0;overflow-wrap:anywhere;color:var(--ink);font-size:13px;font-weight:720}.annotation-workspace{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);gap:12px;align-items:start}.asr-panel,.annotation-panel{box-shadow:none}.asr-list{display:grid;gap:8px;max-height:calc(100vh - 310px);min-height:460px;overflow:auto;padding-right:2px}.asr-turn{display:grid;grid-template-columns:48px 54px minmax(0,1fr) minmax(90px,auto);align-items:center;gap:8px;width:100%;min-height:58px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px;color:var(--ink);text-align:left}.asr-turn:hover{border-color:#b8c2d2;background:#fbfdff}.asr-turn.focused{outline:2px solid rgba(8,127,121,.12)}.asr-turn.active{border-color:var(--teal);background:#effaf8;box-shadow:inset 3px 0 0 var(--teal)}.asr-turn.annotated:not(.active){border-color:#f1d1ca;background:#fff8f6}.asr-turn.disabled{background:#fafbfc;color:var(--muted)}.asr-time{color:var(--muted);font-size:12px;font-weight:820}.speaker{justify-self:start;min-width:44px;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:850;text-align:center}.speaker.agent{background:var(--blue-soft);color:var(--blue)}.speaker.customer{background:var(--soft);color:var(--muted)}.asr-text{overflow-wrap:anywhere;color:var(--ink);font-size:14px;line-height:1.55}.asr-action{justify-self:end;max-width:150px;overflow:hidden;border-radius:999px;background:var(--soft);color:var(--muted);padding:4px 8px;font-size:12px;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.asr-turn.active .asr-action{background:var(--teal);color:#fff}.asr-turn.annotated .asr-action{background:var(--red-soft);color:var(--red)}.asr-turn.disabled .asr-action{border:1px dashed var(--line);background:#fff;color:var(--subtle)}.annotation-panel{position:sticky;top:84px;display:grid;gap:10px}.verdict-card,.evidence-card,.evidence-context,.clean-verdict{border:1px solid var(--line);border-radius:8px}.verdict-card{display:grid;gap:8px;padding:10px;background:#fbfdff}.verdict-card span,.evidence-card span{display:block;margin-bottom:4px;color:var(--subtle);font-size:11px;font-weight:820}.verdict-card strong,.evidence-card strong{display:block;overflow-wrap:anywhere;color:var(--ink);font-size:14px;line-height:1.5}.segmented-control{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.segmented-control button{min-height:32px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:850}.segmented-control button.active{background:#fff;color:var(--ink);box-shadow:0 4px 14px #16203317}.evidence-card{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:10px;border-color:#cbe5df;background:#f2fbf9}.evidence-card svg{color:var(--teal)}.evidence-context{display:grid;gap:6px;padding:8px;background:var(--soft)}.evidence-context div{display:grid;gap:3px;padding:7px 8px;border-left:3px solid transparent;border-radius:6px}.evidence-context div.current{border-left-color:var(--teal);background:#fff}.evidence-context span{color:var(--subtle);font-size:11px;font-weight:820}.evidence-context p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.evidence-context div.current p{color:var(--ink);font-weight:700}.issue-chip-field{display:flex;flex-wrap:wrap;gap:7px}.clean-verdict{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border-color:#cde8dc;background:var(--green-soft)}.clean-verdict svg{color:var(--green)}.clean-verdict strong{display:block;margin-bottom:4px;color:var(--ink);font-size:14px}.clean-verdict p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.wide-button{width:100%}@media(max-width:1260px){.app-header,.filter-sections,.summary-grid,.annotation-workspace{grid-template-columns:1fr}.header-actions,.queue-summary{justify-content:flex-start}.annotation-panel{position:static}.asr-list{max-height:none;min-height:0}}@media(max-width:860px){.app-header{position:static}.module-tabs,.list-page,.detail-page,.taxonomy-page{width:min(100% - 16px,1480px)}.list-page,.detail-page,.taxonomy-page{padding-top:8px}.header-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.command-bar,.detail-toolbar{grid-template-columns:1fr}.detail-toolbar{position:static}.detail-toolbar-main,.detail-toolbar-actions,.panel-heading{flex-wrap:wrap;justify-content:flex-start}.back-button{width:100%}fieldset,fieldset:first-child,fieldset:nth-child(3),fieldset:nth-child(4),.info-card dl{grid-template-columns:1fr}}@media(max-width:560px){.app-header{padding:9px}.header-actions{align-items:stretch;flex-direction:column}.language-select,.save-pill,.ghost-button{justify-content:center}.module-tabs{display:grid;grid-template-columns:1fr}.table-wrap,.taxonomy-table{overflow:visible}.sampling-table,.taxonomy-config-table,.sampling-table thead,.taxonomy-config-table thead,.sampling-table tbody,.taxonomy-config-table tbody,.sampling-table tr,.taxonomy-config-table tr,.sampling-table td,.taxonomy-config-table td{display:block;min-width:0;width:100%}.sampling-table,.taxonomy-config-table{border-collapse:separate;border-spacing:0}.sampling-table thead,.taxonomy-config-table thead{display:none}.sampling-table tbody,.taxonomy-config-table tbody{display:grid;gap:10px}.sampling-table tr,.taxonomy-config-table tr{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.sampling-table tr.selected{background:#f5fbfa;box-shadow:inset 3px 0 0 var(--teal)}.sampling-table td,.taxonomy-config-table td{display:grid;grid-template-columns:minmax(92px,.42fr) minmax(0,1fr);align-items:start;gap:10px;padding:9px 10px;border-top:1px solid #edf1f6;overflow-wrap:anywhere}.sampling-table td:first-child,.taxonomy-config-table td:first-child{border-top:0}.sampling-table td:before,.taxonomy-config-table td:before{content:attr(data-label);color:var(--subtle);font-size:11px;font-weight:850}.sampling-table .status-stack{justify-items:end}.sampling-table .issue-badge,.sampling-table .call-state,.taxonomy-config-table .taxonomy-status{justify-self:end}.sampling-table .row-action,.taxonomy-config-table .row-action{width:100%}.compact-player{grid-template-columns:30px minmax(0,1fr)}.compact-player input,.compact-player span{grid-column:1 / -1}.asr-turn{grid-template-columns:46px minmax(0,1fr)}.asr-text,.asr-action{grid-column:1 / -1}.asr-action{justify-self:start}.taxonomy-add,.taxonomy-add input,.taxonomy-add button{width:100%}}
