*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-input: #252830;--border: #2e3140;--text: #e1e4eb;--text-muted: #8b8fa3;--accent: #6c8cff;--accent-hover: #8aa4ff;--red: #f06;--orange: #f90;--yellow: #fc3;--green: #4c6;--font: "SF Mono", "Menlo", "Consolas", monospace}html,body,#root{height:100%}body{font-family:var(--font);font-size:13px;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.app-layout{display:flex;height:100%}.sidebar{width:200px;background:var(--bg-card);border-right:1px solid var(--border);padding:16px 0;flex-shrink:0}.sidebar h1{font-size:14px;font-weight:600;padding:0 16px 16px;border-bottom:1px solid var(--border);margin-bottom:8px}.sidebar nav a{display:block;padding:8px 16px;color:var(--text-muted);font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{color:var(--text);background:var(--bg-input)}.main-content{flex:1;overflow-y:auto;padding:24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.card h2{font-size:14px;font-weight:600;margin-bottom:12px}.card h3{font-size:13px;font-weight:600;margin-bottom:8px}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font);font-size:13px;padding:6px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;width:100%;min-height:200px}button{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:6px 14px;font-family:var(--font);font-size:13px;cursor:pointer;font-weight:500}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--bg-input);border:1px solid var(--border);color:var(--text)}button.secondary:hover{background:var(--border)}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px}tr:hover td{background:var(--bg-input)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.badge.critical{background:#f0064020;color:var(--red);border:1px solid #f0064040}.badge.major{background:#ff990020;color:var(--orange);border:1px solid #ff990040}.badge.minor{background:#ffcc3320;color:var(--yellow);border:1px solid #ffcc3340}.badge.observation{background:#44cc6620;color:var(--green);border:1px solid #44cc6640}.badge.running{background:#6c8cff20;color:var(--accent);border:1px solid #6c8cff40}.badge.completed{background:#44cc6620;color:var(--green);border:1px solid #44cc6640}.badge.failed{background:#f0064020;color:var(--red);border:1px solid #f0064040}.score{font-weight:600;font-size:14px}.score.s1,.score.s2{color:var(--red)}.score.s3{color:var(--orange)}.score.s4{color:var(--yellow)}.score.s5{color:var(--green)}.chat-container{display:flex;flex-direction:column;gap:8px}.chat-message{padding:10px 14px;border-radius:8px;max-width:85%;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}.chat-message.system{background:#2a1f3d;border:1px solid #3d2d5c;color:#c4b5d9;max-width:100%;font-size:12px}.chat-message.user{background:#1a2d4d;border:1px solid #2d4a7a;align-self:flex-end}.chat-message.assistant{background:var(--bg-input);border:1px solid var(--border);align-self:flex-start}.chat-role{font-size:10px;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-weight:600;letter-spacing:.5px}.flex{display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.mono{font-family:var(--font)}.form-row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.empty-state{text-align:center;padding:40px;color:var(--text-muted)}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.tab-bar button{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:8px 16px;border-radius:0;font-weight:500}.tab-bar button:hover{color:var(--text);background:none}.tab-bar button.active{color:var(--accent);border-bottom-color:var(--accent)}.output-box{background:#000;color:#ccc;padding:12px;border-radius:4px;font-size:12px;white-space:pre-wrap;max-height:400px;overflow-y:auto;line-height:1.5}.timing-bar{display:flex;gap:16px;font-size:12px;color:var(--text-muted);padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:12px}.timing-bar span{color:var(--text)}.markdown-body{line-height:1.7;font-size:13px}.markdown-body h1{font-size:20px;font-weight:700;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.markdown-body h2{font-size:16px;font-weight:600;margin:24px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.markdown-body h3{font-size:14px;font-weight:600;margin:20px 0 8px}.markdown-body p{margin:8px 0}.markdown-body ul,.markdown-body ol{margin:8px 0;padding-left:24px}.markdown-body li{margin:4px 0}.markdown-body code{background:var(--bg-input);padding:2px 6px;border-radius:3px;font-size:12px}.markdown-body pre{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:12px;overflow-x:auto;margin:12px 0}.markdown-body pre code{background:none;padding:0}.markdown-body table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12px}.markdown-body th,.markdown-body td{padding:6px 10px;text-align:left;border:1px solid var(--border)}.markdown-body th{background:var(--bg-input);color:var(--text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.markdown-body blockquote{border-left:3px solid var(--accent);padding-left:12px;margin:12px 0;color:var(--text-muted)}.markdown-body strong{font-weight:600;color:var(--text)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:20px 0}.markdown-body a{color:var(--accent)}.markdown-body a:hover{color:var(--accent-hover)}a.report-link{color:var(--accent);cursor:pointer;text-decoration:none;border-bottom:1px dashed var(--accent)}a.report-link:hover{color:var(--accent-hover);border-bottom-color:var(--accent-hover)}.resize-handle{width:5px;flex-shrink:0;cursor:col-resize;background:var(--border);transition:background .15s}.resize-handle:hover,.resize-handle:active{background:var(--accent)}.transcript-side-panel{flex-shrink:0;overflow-y:auto}.transcript-panel{height:100%;display:flex;flex-direction:column}.transcript-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.transcript-panel-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.transcript-panel-slides{padding:8px;border-bottom:1px solid var(--border);overflow-y:auto;max-height:200px;flex-shrink:0}.slide-item{padding:6px 10px;cursor:pointer;border-radius:4px;font-size:12px}.slide-item:hover{background:var(--bg-input)}.slide-item.selected{background:var(--bg-input);border-left:2px solid var(--accent)}.transcript-panel-detail{flex:1;overflow-y:auto;padding:12px}