:root{--bg: #F3F5F7;--surface: #FFFFFF;--surface-2: #F7F9FB;--line: #DFE4EA;--line-soft: #EEF1F4;--ink: #13202D;--muted: #5A6675;--accent: #1D5FA8;--accent-ink: #154A85;--accent-soft: #E7EFF8;--warn: #B4430F;--warn-ink: #8F340B;--warn-soft: #FBEDE5;--side: #13202D;--side-2: #1E2D3C;--side-line: #2A3B4D;--side-text: #C5CFD9;--radius: 12px;--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:24px;margin:0;letter-spacing:-.01em}h2{font-size:16px;margin:0 0 12px}h3{font-size:15px;margin:16px 0 6px}h4{font-size:14px;margin:12px 0 4px}p{margin:0 0 8px}code,.mono{font-family:var(--mono);font-size:13px}button,input,select,textarea{font-family:inherit;font-size:15px;color:var(--ink)}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:var(--surface);min-height:44px;width:100%}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--accent)}input[type=color]{padding:4px}input[type=file]{padding:8px}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #C9D1DA;background:var(--surface);color:var(--ink);border-radius:8px;padding:10px 16px;font-weight:600;min-height:44px;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none;background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(.95)}.btn.ghost{background:transparent}.btn.danger,.link-btn.danger{color:var(--warn)}.btn.sm{min-height:36px;padding:6px 12px;font-size:14px}.btn.lg{min-height:50px;font-size:16px}.btn:disabled{opacity:.55;cursor:not-allowed}.link-btn{background:none;border:0;padding:4px 0;color:var(--accent);font-weight:600;cursor:pointer;font-size:14px}.link-btn.light{color:var(--side-text)}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:20px;color:var(--ink)}.icon-btn.sm{width:32px;height:32px;font-size:16px;border-radius:8px;flex:none}.btn-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn-row.end{justify-content:flex-end}.shell{display:flex;min-height:100vh}.sidebar{width:260px;flex:none;background:var(--side);color:#e9eef3;padding:20px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;padding:0 6px}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}.brand-mark.sm{width:30px;height:30px;font-size:12px}.brand-logo{width:34px;height:34px;border-radius:8px;object-fit:contain;background:#fff}.project-picker{display:flex;flex-direction:column;gap:6px;padding:0 6px;font-size:12px;color:#9aa7b5}.project-picker select{background:var(--side-2);color:#e9eef3;border-color:#33475b;font-size:13px}.side-nav{display:flex;flex-direction:column;gap:2px}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8794a3;padding:14px 12px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--side-text);font-size:14px;min-height:42px}.nav-item:hover{background:var(--side-2);text-decoration:none;color:#fff}.nav-item.active{background:#1e3a5c;color:#fff;font-weight:600}.side-user{margin-top:auto;border-top:1px solid var(--side-line);padding:12px 6px 0;display:flex;align-items:center;gap:10px}.side-user-text{display:flex;flex-direction:column;min-width:0;flex:1}.side-user-text strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-text span{font-size:12px;color:#9aa7b5}.avatar{width:36px;height:36px;border-radius:999px;background:var(--side-line);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex:none}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 32px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.topbar-title{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-select-sm{min-height:38px;padding:6px 8px;font-size:13px;max-width:220px}.bell .dot{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:999px;background:var(--warn);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.content{padding:28px 32px 48px}.page{display:flex;flex-direction:column;gap:18px;max-width:1360px}.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px}.eyebrow{font-size:13px;color:var(--muted);display:block;margin-bottom:4px}.mobile-only,.bottom-nav{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-width:0}.card.narrow{max-width:440px;width:100%}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.card-head h2{margin:0}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:18px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:start}.form-stack{display:flex;flex-direction:column;gap:14px}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filters.card{padding:14px 16px}.filters .field{min-width:160px;flex:0 1 220px}.filter-group{display:flex;flex-wrap:wrap;gap:12px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{font-size:13px;font-weight:600;color:var(--ink)}.field-hint{font-size:12px;color:var(--muted)}.inline-field{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);white-space:nowrap}.inline-field input[type=number]{width:78px;min-height:36px;padding:6px 8px}.radio-row{display:flex;flex-wrap:wrap;gap:16px;font-size:14px}.radio-row label,.radio-col label,.check-list label{display:flex;align-items:center;gap:8px}.radio-col,.check-list{display:flex;flex-direction:column;gap:10px;font-size:14px}.check-list{max-height:220px;overflow-y:auto;padding:8px 0}.muted{color:var(--muted)}.muted-light{color:#9aa7b5;font-size:13px}.small{font-size:12px}.strong{font-weight:700}.center{text-align:center}.r{text-align:right}.c{text-align:center}.nowrap{white-space:nowrap}.break{word-break:break-all}.txt-warn{color:var(--warn)}.txt-accent{color:var(--accent)}.badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--line-soft);color:#4a5664;margin-left:4px;white-space:nowrap;vertical-align:middle}.badge.accent{background:var(--accent-soft);color:var(--accent-ink)}.badge.info{background:#e9eef4;color:#2e4a66}.badge.warn{background:var(--warn-soft);color:var(--warn-ink)}.chip{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--accent-soft);color:var(--accent-ink)}.chip.bad{background:var(--warn);color:#fff}.score{font-weight:700}.score.bad{color:var(--warn)}.score.good{color:var(--accent-ink)}.alert{padding:12px 14px;border-radius:10px;font-size:14px}.alert.error,.alert.warn{background:var(--warn-soft);color:var(--warn-ink)}.alert.info{background:var(--accent-soft);color:var(--accent-ink)}.row-between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.empty{padding:32px 20px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}.note-box{background:var(--surface-2);border-radius:10px;padding:12px 14px;font-size:14px}.note-box p{margin:4px 0 0;white-space:pre-wrap}.formula-box{background:var(--surface-2);border-radius:10px;padding:12px 14px;font-size:13px;color:#4a5664}.pre{white-space:pre-wrap;font-family:var(--mono);font-size:12px;background:var(--surface-2);padding:12px;border-radius:8px;max-height:60vh;overflow:auto}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:4px}.kpi span{font-size:13px;color:var(--muted)}.kpi strong{font-size:30px;line-height:1.1}.kpi strong.warn{color:var(--warn)}.kpi em{font-style:normal;font-size:12px;color:var(--muted)}.chart-box{width:100%}.pbars{display:flex;flex-direction:column;gap:6px}.pbar{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) 60px;gap:12px;align-items:center;background:none;border:0;padding:6px 0;text-align:left;cursor:pointer;font-size:13px}.pbar:hover .pbar-name{color:var(--accent)}.pbar-name{display:flex;flex-direction:column}.pbar-name small{color:var(--muted);font-size:11px}.pbar-track{position:relative;height:10px;background:var(--line-soft);border-radius:999px}.pbar-fill{position:absolute;inset:0 auto 0 0;border-radius:999px}.pbar-mark{position:absolute;top:-4px;width:2px;height:18px;background:var(--ink);border-radius:2px}.pbar-val{text-align:right;font-weight:700}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:11px 8px;border-bottom:1px solid var(--line-soft);vertical-align:top}.table th.r,.table td.r{text-align:right}.table th.c,.table td.c{text-align:center}.table tr.dim td{opacity:.5}.table.heat td.c{font-weight:600;font-size:13px}.list{list-style:none;margin:0;padding:0}.list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line-soft);color:var(--ink);width:100%;background:none;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;min-height:52px;font-size:14px}.list li:first-child .list-row{border-top:0}.list-row:hover{text-decoration:none}.list-row.static{cursor:default}.list-row>span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}.list-row small{color:var(--muted);font-size:12px}.list-row.unread strong{color:var(--accent-ink)}.dot-sm{width:10px;height:10px;border-radius:999px;background:var(--accent);flex:none}.tabs{display:flex;gap:4px;background:#e6eaee;padding:4px;border-radius:10px;align-self:flex-start;flex-wrap:wrap}.tabs button{border:0;background:transparent;border-radius:8px;padding:10px 16px;font-weight:600;color:#4a5664;cursor:pointer;min-height:42px}.tabs button.on{background:var(--surface);color:var(--ink)}.seg{display:inline-flex;gap:4px;flex-wrap:wrap}.seg button{border:1px solid #C9D1DA;background:var(--surface);color:#4a5664;border-radius:7px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;min-height:36px;min-width:48px}.seg button.on{background:var(--accent);border-color:var(--accent);color:#fff}.seg button.on.bad{background:var(--warn);border-color:var(--warn)}.seg button.on.na{background:#4a5664;border-color:#4a5664}.seg button:disabled{opacity:.6;cursor:default}.seg input{width:90px;min-height:36px;padding:6px 8px}.score-hero{background:var(--ink);color:#fff;border-radius:var(--radius);padding:18px 22px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.score-hero>div:first-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.score-hero>div:first-child span{font-size:13px;color:#b7c2ce;width:100%}.score-hero strong{font-size:40px;line-height:1}.score-hero em{font-style:normal;color:#b7c2ce;font-size:14px}.score-hero-meta{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#b7c2ce}.score-hero-meta .chip{align-self:flex-start}.accordion{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:14px}.acc-item{border-bottom:1px solid var(--line)}.acc-item:last-child{border-bottom:0}.acc-head{width:100%;display:flex;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--surface);border:0;cursor:pointer;font-weight:700;font-size:14px;text-align:left;min-height:52px}.acc-head span:last-child{font-weight:600;font-size:13px;white-space:nowrap}.acc-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:10px}.ind{background:var(--surface-2);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.ind-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.ind-name{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px;font-size:14px}.ind-name small{color:var(--muted);font-size:12px}.ai-note{font-size:13px;color:#4a5664;margin:0}.ai-note em{color:var(--muted)}.sticky-actions{position:sticky;bottom:0;background:var(--surface);padding:12px 0 4px;border-top:1px solid var(--line-soft);z-index:5}.meta-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:12px 0 0;font-size:13px}.meta-dl dt{color:var(--muted)}.meta-dl dd{margin:0;font-weight:600}.param-row{display:flex;align-items:center;gap:10px;padding:10px 12px;flex-wrap:wrap}.param-row .grow,.ind-edit-row .grow{flex:1 1 220px;min-width:0}.ind-edit{background:var(--surface-2);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.ind-edit-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ind-edit input{min-height:38px;padding:7px 10px;font-size:14px}.transcript{display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow-y:auto;padding-right:4px}.tline{display:flex;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line-soft)}.tline.agent{background:var(--surface-2);border-color:var(--surface-2)}.tline.system{background:var(--warn-soft);border-color:var(--warn-soft)}.tline.unknown{border-style:dashed}.tline>div{min-width:0;flex:1}.tline p{margin:2px 0 0;white-space:pre-wrap;word-wrap:break-word;font-size:14px}.tline-time{font-size:12px;color:var(--muted);min-width:42px;padding-top:2px;font-family:var(--mono)}.tline-who{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.tline.agent .tline-who{color:var(--accent-ink)}.transcript.edit{max-height:none}.tline-time-input{width:64px;min-height:34px;padding:4px 6px;font-size:12px;font-family:var(--mono);flex:none}.tline-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.tline-body textarea{min-height:38px;padding:7px 10px;font-size:14px}.tline-body .seg button{min-height:30px;padding:3px 10px;font-size:12px;border-radius:999px}.tline-body .seg button.on{background:var(--ink);border-color:var(--ink)}.tline-actions{display:flex;flex-direction:column;gap:4px}.teditor{display:flex;flex-direction:column;gap:12px}.teditor-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.mask-tool{display:flex;gap:8px;flex:1 1 320px}.audio{width:100%}.progress-box{display:flex;flex-direction:column;gap:8px}.progress{height:8px;background:var(--accent-soft);border-radius:999px;overflow:hidden;flex:1}.progress>div{height:100%;background:var(--accent);transition:width .3s}.dl-row{display:grid;grid-template-columns:200px 1fr;gap:10px;align-items:center}.lock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.lock-cell{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:14px}.lock-cell.locked{background:var(--warn-soft);border-color:var(--warn-soft);color:var(--warn-ink);font-weight:600}.md{font-size:14px;line-height:1.6}.md ul{margin:4px 0 10px;padding-left:20px}.md li{margin-bottom:4px}.tna-mini{margin-top:12px}.tna-mini summary{cursor:pointer;font-weight:600;color:var(--accent)}.modal-back,.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#13202d8c;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);border-radius:16px;width:100%;max-width:560px;max-height:92vh;display:flex;flex-direction:column}.modal.wide{max-width:880px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line-soft)}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line-soft);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sheet-back{align-items:flex-end;padding:0}.sheet{background:var(--surface);width:100%;border-radius:20px 20px 0 0;padding:16px 12px calc(20px + env(safe-area-inset-bottom));max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.sheet-head{display:flex;flex-direction:column;padding:4px 12px 12px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}.sheet-head span{font-size:13px;color:var(--muted)}.sheet-item{display:flex;align-items:center;gap:12px;padding:13px 12px;color:var(--ink);border-radius:10px;min-height:48px;background:none;border:0;font-size:15px;text-align:left;cursor:pointer}.sheet-item.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.sheet-item.danger{color:var(--warn)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:200;max-width:min(420px,calc(100vw - 32px))}.toast{background:var(--ink);color:#fff;padding:12px 16px;border-radius:10px;font-size:14px;box-shadow:0 8px 24px #0000002e}.toast.success{background:var(--accent-ink)}.toast.error{background:var(--warn-ink)}.spinner-wrap{display:flex;align-items:center;gap:10px;color:var(--muted);padding:24px 0}.spinner{width:20px;height:20px;border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login{display:flex;flex-wrap:wrap;min-height:100vh}.login-hero{flex:1 1 420px;background:var(--side);color:#e9eef3;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.login-hero h1{font-size:36px;line-height:1.15;max-width:460px;margin-bottom:12px}.login-hero p{color:#b7c2ce;max-width:460px;font-size:16px}.login-form-wrap{flex:1 1 420px;display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.login-form h2{font-size:26px;margin:0}@media (max-width: 899px){body{font-size:15px}.sidebar,.desktop-only{display:none}.mobile-only{display:inline-flex}span.mobile-only{display:inline}.topbar{padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top))}.content{padding:16px 16px calc(96px + env(safe-area-inset-bottom))}.page{gap:14px}h1{font-size:21px}.card{padding:16px}.grid-2,.detail-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:14px}.kpi strong{font-size:24px}.filters .field{flex:1 1 140px;min-width:0}.pbar{grid-template-columns:minmax(96px,130px) minmax(0,1fr) 52px;gap:8px}.bottom-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(8px + env(safe-area-inset-bottom));z-index:30}.bn-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;color:var(--muted);background:none;border:0;min-height:50px;cursor:pointer}.bn-item.active{color:var(--accent);font-weight:700}.bn-item:hover{text-decoration:none}.login-hero{padding:40px 24px 28px;flex-basis:100%}.login-hero h1{font-size:26px}.score-hero strong{font-size:34px}.sticky-actions{bottom:calc(66px + env(safe-area-inset-bottom))}.sticky-actions .btn{flex:1 1 auto}.modal-back{align-items:flex-end;padding:0}.modal{border-radius:18px 18px 0 0;max-height:94vh}.dl-row{grid-template-columns:1fr}.tline{padding:8px 10px}}@media print{.sidebar,.topbar,.bottom-nav,.btn,.modal-foot,.toasts{display:none!important}.modal-back{position:static;background:none;padding:0}.modal{max-height:none;box-shadow:none}body{background:#fff}}.ind-name .badge,.ind-name>strong+.badge{align-self:flex-start;margin-left:0}.list-row .badge{align-self:flex-start;margin-left:0}