*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg: #0f1117;--card: #181b24;--card2: #1f2330;--text: #e8eaf0;--dim: #8b91a3;--faint: #4a5065;--line: #2a2f3e;--red: #ef4444;--red-soft: #fca5a5;--red-bg: #2a1418;--red-line: #7f1d1d;--yellow: #f59e0b;--yellow-soft: #fcd34d;--yellow-bg: #2a2213;--yellow-line: #78500f;--gray-bg: #1d212c;--green: #34d399;--blue: #60a5fa}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}.page{min-height:100dvh;display:flex;flex-direction:column}.page.center{align-items:center;justify-content:center;gap:16px;padding:24px}.stack{display:flex;flex-direction:column;gap:16px}.dim{color:var(--dim);font-weight:400}.nowrap{white-space:nowrap}.app-header{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex-shrink:0}.nav{display:flex;gap:4px;flex:1}.nav-link{color:var(--dim);text-decoration:none;font-size:13px;font-weight:600;padding:6px 12px;border-radius:8px}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--card2)}.header-right{display:flex;align-items:center;gap:10px}.user-email{color:var(--dim);font-size:12px}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:18px 20px 40px}.app-footer{color:var(--dim);font-size:11px;line-height:1.8;text-align:center;padding:14px 20px 20px;border-top:1px solid var(--line)}.btn{background:var(--card2);color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:13px;padding:8px 14px;cursor:pointer;font-family:inherit}.btn:hover:not(:disabled){border-color:var(--dim)}.btn:disabled{opacity:.45;cursor:default}.btn.small{padding:5px 10px;font-size:12px}.btn.primary{background:var(--green);color:#06281c;border:none;font-weight:800;padding:12px 14px}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.danger{color:#fda4af;border-color:var(--red-line)}.btn.ghost{background:transparent}.input{background:var(--card2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 10px;font-size:13px;font-family:inherit}.input:focus{outline:none;border-color:var(--blue)}.input.date{font-variant-numeric:tabular-nums}.loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--dim);font-size:13px;padding:28px 0}.spinner{width:24px;height:24px;border-radius:50%;border:3px solid var(--green);border-top-color:transparent;animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:var(--red-bg);border:1px solid var(--red-line);color:var(--red-soft);border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.7;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.error-msg{color:var(--red-soft);font-size:13px;line-height:1.7}.empty{color:var(--dim);font-size:13px;text-align:center;border:1px dashed var(--line);border-radius:10px;padding:13px}.empty.ok{color:var(--green);border-color:#34d3994d}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.page-title{font-size:18px;font-weight:800;margin-right:auto}.date-nav{display:flex;align-items:center;gap:6px}.freeze-badge{font-size:11px;font-weight:700;border-radius:999px;padding:3px 11px;border:1px solid var(--line);color:var(--dim)}.freeze-badge.frozen{color:var(--green);border-color:#34d39966}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filters .count{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media(max-width:860px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}.tile-label{color:var(--dim);font-size:11.5px;font-weight:600}.tile-value{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.tile-value.red,.tile-value.bad{color:var(--red-soft)}.tile-value.yellow{color:var(--yellow-soft)}.tile-value.good{color:var(--green)}.tile-sub{color:var(--dim);font-size:11px;line-height:1.5}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}.panel-title{font-size:13.5px;font-weight:800}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--dim);font-size:11.5px;font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}.table tbody tr:last-child td{border-bottom:none}.table .num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--card2)}.file-cell{word-break:break-all;min-width:14em}.row-error{display:block;color:var(--red-soft);font-size:11px;line-height:1.6}.cnt-v{color:var(--red-soft);font-weight:700}.cnt-w{color:var(--yellow-soft);font-weight:700}.cnt-i{color:var(--dim);font-weight:700}.cnt-v.zero,.cnt-w.zero,.cnt-i.zero{color:var(--faint);font-weight:400}.score{font-weight:800;font-variant-numeric:tabular-nums}.score.good{color:var(--green)}.score.mid{color:var(--yellow-soft)}.score.bad{color:var(--red-soft)}.footnote{color:var(--dim);font-size:11.5px;line-height:1.8}.sev{font-size:10px;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:1px 8px;white-space:nowrap}.sev.sev-violation{color:var(--red-soft);border-color:var(--red-line)}.sev.sev-warn{color:var(--yellow-soft);border-color:var(--yellow-line)}.sev-counts{display:inline-flex;gap:6px;white-space:nowrap}.sev-cnt{font-size:11.5px;font-weight:700;border-radius:6px;padding:2px 7px;background:var(--card2);font-variant-numeric:tabular-nums}.sev-cnt.v{color:var(--red-soft)}.sev-cnt.w{color:var(--yellow-soft)}.sev-cnt.i{color:var(--dim)}.sev-cnt.zero{color:var(--faint);background:transparent;border:1px dashed var(--line);font-weight:400}.status-badge{font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;background:var(--card2);color:var(--dim);white-space:nowrap}.status-badge.st-done{color:var(--green)}.status-badge.st-failed{color:var(--red-soft);background:var(--red-bg)}.status-badge.st-pending,.status-badge.st-queued,.status-badge.st-running,.status-badge.st-delayed{color:var(--yellow-soft)}.top-calls{display:flex;flex-direction:column}.top-call{display:flex;align-items:center;gap:12px;padding:9px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);border-radius:8px}.top-call:last-child{border-bottom:none}.top-call:hover{background:var(--card2)}.rank{width:22px;height:22px;border-radius:50%;background:var(--card2);color:var(--dim);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tc-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tc-agent{font-weight:700;font-size:13px}.tc-file{color:var(--dim);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-dur{color:var(--dim);font-size:12px;font-variant-numeric:tabular-nums;width:46px;text-align:right}.top-call .score{font-size:16px;width:52px;text-align:right;flex-shrink:0}.top-call .score small{font-size:10px;color:var(--dim);font-weight:400;margin-left:1px}.unanalyzed{display:flex;flex-direction:column;gap:8px}.una-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);text-decoration:none;color:var(--text);flex-wrap:wrap}.una-row.failed{background:var(--red-bg);border-color:var(--red-line)}.una-row.delayed{background:var(--gray-bg)}.una-row:hover{filter:brightness(1.12)}.una-file{font-weight:600;font-size:13px;word-break:break-all}.una-error{color:var(--red-soft);font-size:12px;flex:1;text-align:right;min-width:10em}.una-error.dim{color:var(--dim)}.back-link{color:var(--dim);text-decoration:none;font-size:12.5px;align-self:flex-start}.back-link:hover{color:var(--text)}.call-sticky{position:sticky;top:0;z-index:40;background:var(--bg);padding:8px 0 10px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.call-head{display:flex;align-items:center;gap:14px}.call-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.call-file{font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-meta{color:var(--dim);font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.call-score{display:flex;align-items:baseline;gap:2px;flex-shrink:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 14px}.score-value{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.score-unit{font-size:11px;color:var(--dim)}.call-score.good .score-value{color:var(--green)}.call-score.mid .score-value{color:var(--yellow-soft)}.call-score.bad .score-value{color:var(--red-soft)}.call-audio{width:100%;height:40px}.call-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.call-left{display:flex;flex-direction:column;gap:14px;min-width:0}.call-right{min-width:0}.transcript-panel{position:sticky;top:112px;max-height:calc(100dvh - 126px);overflow:hidden}@media(max-width:980px){.call-grid{grid-template-columns:1fr}.transcript-panel{position:static;max-height:60dvh}}.occ-stack{display:flex;flex-direction:column;gap:10px}.occ-card{border-radius:14px;padding:12px 14px;border:1px solid var(--line);background:var(--card2);cursor:pointer}.occ-card.violation{background:var(--red-bg);border-color:var(--red-line)}.occ-card.misunderstanding{background:var(--yellow-bg);border-color:var(--yellow-line)}.occ-card.dismissed{background:var(--gray-bg);border-color:var(--line);opacity:.55}.occ-card.dismissed .occ-tag{color:var(--dim)}.occ-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.occ-tag{font-size:11px;font-weight:800;letter-spacing:.5px;border-radius:6px;padding:2px 8px;background:#ffffff17;white-space:nowrap}.occ-card.violation .occ-tag{color:var(--red-soft)}.occ-card.misunderstanding .occ-tag{color:var(--yellow-soft)}.occ-label{font-size:14px;font-weight:700;flex:1;min-width:8em}.occ-count{font-size:11px;font-weight:800;color:var(--text);background:#ffffff1f;border-radius:999px;padding:1px 8px}.occ-time{font-size:11.5px;color:var(--dim);font-variant-numeric:tabular-nums}.anchor-badge{font-size:10px;color:var(--yellow-soft);border:1px dashed var(--yellow-line);border-radius:999px;padding:1px 8px;white-space:nowrap}.occ-quote{margin-top:8px;font-size:13px;color:var(--dim);font-style:italic;line-height:1.7}.occ-speaker{font-style:normal;font-size:11px;margin-left:6px}.occ-reason{margin-top:6px;font-size:13px;line-height:1.7}.occ-coaching{margin-top:9px;font-size:13.5px;font-weight:700;line-height:1.7;background:#ffffff0f;border-radius:10px;padding:8px 11px;display:flex;gap:8px;align-items:flex-start}.coaching-label{flex-shrink:0;font-size:10px;font-weight:800;color:var(--green);border:1px solid rgba(52,211,153,.4);border-radius:6px;padding:1px 7px;margin-top:3px;white-space:nowrap}.occ-actions{margin-top:10px;display:flex;justify-content:flex-end}.occ-dismiss-form{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.occ-dismiss-form .input{flex:1;min-width:12em}.occ-dismissed-note{margin-top:10px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--dim);line-height:1.6}.occ-dismissed-note span{flex:1}.occ-error{margin-top:8px;color:var(--red-soft);font-size:12px}.report-comment{font-size:13.5px;line-height:1.9}.report-next{font-size:13px;line-height:1.8;color:var(--green);display:flex;gap:8px;align-items:flex-start}.report-stats{display:flex;gap:16px;color:var(--dim);font-size:12px;flex-wrap:wrap}.silence-list{display:flex;flex-wrap:wrap;gap:8px}.silence-chip{background:var(--gray-bg);border:1px solid var(--line);color:var(--text);border-radius:999px;font-size:12px;padding:5px 12px;cursor:pointer;font-variant-numeric:tabular-nums;font-family:inherit;display:inline-flex;gap:4px;align-items:baseline}.silence-chip:hover{border-color:var(--blue)}.transcript{overflow-y:auto;display:flex;flex-direction:column;gap:2px;min-height:0}.t-line{display:flex;gap:8px;padding:5px 8px;border-radius:8px;font-size:13px;line-height:1.7;cursor:pointer;border-left:3px solid transparent}.t-line:hover{background:var(--card2)}.t-time{color:var(--faint);font-size:11px;font-variant-numeric:tabular-nums;margin-top:2px;flex-shrink:0;width:40px}.t-speaker{flex-shrink:0;font-size:11px;font-weight:800;margin-top:2px;border-radius:6px;padding:1px 7px;background:var(--card2);color:var(--dim);white-space:nowrap}.t-line.role-sales .t-speaker{color:var(--blue)}.t-line.role-customer .t-speaker{color:var(--green)}.t-text{min-width:0;word-break:break-word}.t-line.hit-info{border-left-color:var(--dim);background:var(--gray-bg)}.t-line.hit-warn{border-left-color:var(--yellow);background:var(--yellow-bg)}.t-line.hit-violation{border-left-color:var(--red);background:var(--red-bg)}.t-line.active{outline:2px solid var(--blue);outline-offset:-1px}.login-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.login-brand{justify-content:center;font-size:16px}.login-sub{color:var(--dim);font-size:12.5px;text-align:center;line-height:1.8}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:var(--dim);font-weight:600}.login-footer{color:var(--dim);font-size:11px;text-align:center;line-height:1.8;padding:0 24px;max-width:560px}