@keyframes slideDown{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:600px}}@keyframes slideUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-warning{0%,to{box-shadow:0 2px 6px var(--accent-alpha)}50%{box-shadow:0 4px 12px #ff900c80}}@keyframes highlightPulse{0%{transform:translateY(0) scale(1);box-shadow:0 4px 16px #0000004d;border-color:var(--border-color)}15%{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #60a5fa99,0 0 40px #fe8f0f66;border-color:var(--primary-color)}30%{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 36px #60a5fa80,0 0 32px #fe8f0f4d}45%{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #60a5fa99,0 0 40px #fe8f0f66;border-color:var(--primary-color)}60%{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 36px #60a5fa66,0 0 28px #fe8f0f33}75%{transform:translateY(-2px) scale(1.005);box-shadow:0 8px 24px #60a5fa4d,0 0 20px #fe8f0f26}to{transform:translateY(0) scale(1);box-shadow:0 4px 16px #0000004d;border-color:var(--border-color)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-alpha)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px var(--primary-alpha)}.btn-secondary{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--primary-color);color:var(--text-primary)}.btn-secondary:active:not(:disabled){background:var(--bg-dark)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:var(--bg-card)}.btn-danger{background:var(--error-alpha);color:var(--error-color);border-color:var(--error-alpha)}.btn-danger:hover:not(:disabled){background:var(--error-color);border-color:var(--error-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px var(--error-alpha)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-success{background:var(--success-alpha);color:var(--success-color);border-color:var(--success-alpha)}.btn-success:hover:not(:disabled){background:var(--success-color);border-color:var(--success-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px var(--success-alpha)}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-link{background:transparent;color:var(--primary-color);border-color:transparent;padding:4px 8px;font-weight:500}.btn-link:hover:not(:disabled){color:var(--primary-hover);text-decoration:underline;background:transparent}.btn-xs{padding:4px 8px;font-size:12px;gap:4px;border-radius:4px}.btn-sm{padding:6px 12px;font-size:13px;gap:6px;border-radius:6px}.btn-md{padding:10px 20px;font-size:14px;gap:8px;border-radius:8px}.btn-lg{padding:14px 28px;font-size:16px;gap:10px;border-radius:10px}.btn-icon{padding:8px;width:36px;height:36px;justify-content:center;gap:0}.btn-icon.btn-xs{width:24px;height:24px;padding:4px}.btn-icon.btn-sm{width:32px;height:32px;padding:6px}.btn-icon.btn-lg{width:44px;height:44px;padding:10px}.btn.btn-loading{pointer-events:none;position:relative;color:transparent}.btn.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite;color:var(--text-primary)}.btn-primary.btn-loading:after,.btn-success.btn-loading:after,.btn-danger.btn-loading:after{color:#fff}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex;gap:8px}.btn-group-tight{display:inline-flex;gap:0}.btn-group-tight>.btn{border-radius:0}.btn-group-tight>.btn:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.btn-group-tight>.btn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.btn-group-tight>.btn:not(:last-child){border-right:none}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-xs svg{width:12px;height:12px}.btn-sm svg{width:14px;height:14px}.btn-lg svg{width:20px;height:20px}.btn-close{padding:8px;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-close:hover{background:var(--error-alpha);border-color:var(--error-color);color:var(--error-color);transform:rotate(90deg)}.btn-expand{padding:4px 8px;background:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.btn-expand:hover{background:var(--bg-subtle);border-color:var(--primary-color);color:var(--primary-color)}.btn-expand svg{width:12px;height:12px;transition:transform .2s ease}.btn-expand.expanded svg{transform:rotate(90deg)}@media(max-width:768px){.btn{padding:8px 16px;font-size:13px}.btn-lg{padding:12px 24px;font-size:15px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;overflow:hidden}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;max-width:800px;width:calc(100% - 40px);max-height:calc(80vh - 40px);display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease;position:relative;pointer-events:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3,.modal-header h2{margin:0;color:#fff;font-size:18px;font-weight:600}.modal-header-actions{display:flex;align-items:center;gap:12px}.export-buttons{display:flex;gap:8px}.export-btn{padding:8px 14px;background:var(--success-alpha);border:1px solid var(--success-alpha);border-radius:8px;color:var(--success-color);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.export-btn:hover:not(:disabled){background:var(--success-color);border-color:var(--success-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px var(--success-alpha)}.export-btn:disabled{opacity:.4;cursor:not-allowed}.modal-close{width:32px;height:32px;border:none;border-radius:6px;background:var(--bg-subtle);color:var(--text-muted);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:var(--error-alpha);color:var(--error-color)}.modal-body{padding:24px;overflow-y:auto;overflow-x:hidden;flex:1;color:var(--text-secondary);font-size:14px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word;position:relative}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-subtle);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--primary-alpha);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.comparison-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:flex-start;z-index:10000;animation:fadeIn .2s ease;padding:0;margin:0}.comparison-modal-content{background:var(--bg-card);border:2px solid var(--primary-color);border-radius:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009;animation:slideUp .3s ease}.comparison-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid var(--primary-alpha);background:var(--primary-alpha)}.comparison-modal-header h3{margin:0;color:var(--primary-color);font-size:18px;font-weight:700}.comparison-modal-close{width:32px;height:32px;border:1px solid var(--error-alpha);border-radius:6px;background:var(--error-alpha);color:var(--error-color);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:600}.comparison-modal-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:scale(1.1)}.comparison-modal-body{padding:24px;overflow-y:auto;flex:1;color:var(--text-secondary);font-size:14px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word}.comparison-modal-body::-webkit-scrollbar{width:10px}.comparison-modal-body::-webkit-scrollbar-track{background:var(--bg-subtle);border-radius:5px}.comparison-modal-body::-webkit-scrollbar-thumb{background:var(--primary-alpha);border-radius:5px}.comparison-modal-body::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.content-viewer{background:var(--bg-card);border:2px solid var(--primary-alpha);border-radius:12px;margin-bottom:24px;box-shadow:0 8px 24px #0000004d;animation:slideDown .3s ease;overflow:hidden}.content-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--primary-alpha);border-bottom:1px solid var(--primary-alpha)}.content-viewer-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--primary-color)}.content-viewer-title svg{flex-shrink:0}.content-viewer-close{background:var(--error-alpha);border:1px solid var(--error-alpha);border-radius:6px;color:var(--error-color);cursor:pointer;padding:6px 12px;font-size:16px;line-height:1;transition:all .2s ease;font-weight:600}.content-viewer-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:scale(1.05)}.content-viewer-body{padding:20px 24px;max-height:400px;overflow-y:auto;color:var(--text-secondary);font-size:14px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word;background:var(--bg-overlay)}.content-viewer-body::-webkit-scrollbar{width:10px}.content-viewer-body::-webkit-scrollbar-track{background:var(--bg-subtle);border-radius:5px}.content-viewer-body::-webkit-scrollbar-thumb{background:var(--primary-alpha);border-radius:5px}.content-viewer-body::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.questions-table-container{overflow-x:auto;border-radius:12px;box-shadow:0 4px 16px #0003;background:var(--bg-subtle);border:1px solid var(--border-color)}.questions-table{width:100%;border-collapse:collapse;background:transparent}.questions-table th,.questions-table td{border:1px solid var(--border-color);padding:12px 14px;text-align:left;max-width:300px;vertical-align:middle}.questions-table th{background:var(--bg-card);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--primary-color);position:sticky;top:0;z-index:10;white-space:nowrap;border-bottom:2px solid var(--primary-alpha);padding:14px 16px}.questions-table tbody tr{transition:all .2s ease}.questions-table tbody tr:hover{background:var(--primary-alpha);box-shadow:0 0 0 1px var(--primary-alpha);transform:translate(4px)}.expanded-row{background:#60a5fa08}.expanded-content-grid{padding:16px;display:block}.expanded-field{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.expanded-field:last-child{border-bottom:none}.expanded-field-label{font-weight:600;color:var(--text-secondary);margin-bottom:4px;font-size:12px}.expanded-field-value{color:var(--text-primary);line-height:1.5}.btn-sub-exec{background:var(--purple-alpha);border:1px solid var(--purple-alpha);border-radius:8px;color:var(--purple-color);font-size:13px;font-weight:700;cursor:pointer;padding:8px 14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-shadow:0 2px 8px var(--purple-alpha)}.btn-sub-exec:hover{background:var(--purple-color);border-color:var(--purple-color);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px var(--purple-alpha)}.markdown-content{color:var(--text-primary);line-height:1.6;max-width:100%}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--text-primary);margin-top:16px;margin-bottom:8px;font-weight:600}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.1em}.markdown-content h4{font-size:1em}.markdown-content p{margin-bottom:12px}.markdown-content ul,.markdown-content ol{margin-left:20px;margin-bottom:12px}.markdown-content li{margin-bottom:4px}.markdown-content code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.markdown-content pre{background:#ffffff0d;padding:12px;border-radius:6px;overflow-x:auto;margin-bottom:12px}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:3px solid var(--primary-color);padding-left:12px;margin-left:0;margin-bottom:12px;color:var(--text-secondary)}.markdown-content a{color:var(--primary-color);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:12px}.markdown-content th,.markdown-content td{border:1px solid var(--border-color);padding:8px;text-align:left}.markdown-content th{background:#ffffff0d;font-weight:600}.performance-trends-chart{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:24px}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.chart-header h3{font-size:18px;font-weight:600;color:var(--primary-color);margin:0 0 12px;display:flex;align-items:center;gap:8px}.time-range-chips{display:flex;gap:6px;background:var(--bg-dark);padding:4px;border-radius:8px;border:1px solid var(--border-color)}.time-chip{padding:6px 16px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.time-chip:hover{background:var(--primary-alpha);color:var(--primary-color)}.time-chip.active{background:var(--primary-color);color:#fff;font-weight:700}.chart-controls{display:flex;align-items:center;gap:10px}.chart-controls label{font-size:14px;font-weight:500;color:var(--text-muted)}.metric-select{padding:8px 12px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:180px}.metric-select:hover{border-color:var(--primary-color);background:var(--bg-card)}.metric-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-alpha)}.chart-container{position:relative;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:10px;padding:20px;min-height:150px}.chart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:40px 20px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:10px}.chart-empty-state p{margin:0;color:var(--text-muted);font-size:16px;font-weight:500;text-align:center}.chart-empty-state .empty-state-hint{margin-top:8px;font-size:14px;color:var(--text-secondary);font-weight:400}.trends-svg{display:block;overflow:visible}.data-point{cursor:pointer;transition:all .2s ease}.data-point:hover{r:5;filter:drop-shadow(0 0 8px var(--accent-color))}.chart-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;pointer-events:none}.chart-tooltip{position:absolute;background:var(--bg-card);border:2px solid var(--accent-color);border-radius:10px;padding:12px 16px;pointer-events:none;z-index:100;box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:180px}.tooltip-title{font-size:14px;font-weight:700;color:var(--accent-color);margin-bottom:6px}.tooltip-value{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:4px}.tooltip-date{font-size:12px;color:var(--text-muted);margin-bottom:8px}.tooltip-hint{font-size:11px;color:var(--primary-color);font-style:italic;text-align:center;padding-top:8px;border-top:1px solid var(--primary-alpha)}.comparison-container{display:flex;gap:20px;margin-bottom:24px;padding:20px;background:var(--bg-subtle);border-radius:12px;border:1px solid var(--border-color);animation:slideDown .3s ease;overflow-x:auto;scroll-behavior:smooth}.comparison-container::-webkit-scrollbar{height:10px}.comparison-container::-webkit-scrollbar-track{background:var(--bg-subtle);border-radius:5px}.comparison-container::-webkit-scrollbar-thumb{background:var(--primary-alpha);border-radius:5px}.comparison-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.comparison-card{background:var(--bg-card);border:2px solid var(--primary-alpha);border-radius:16px;padding:28px;box-shadow:0 8px 32px #0006;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:0 0 500px;min-width:500px;max-width:500px;display:flex;flex-direction:column}.comparison-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--primary-alpha);border-color:var(--primary-color)}.comparison-card h3{color:var(--primary-color);margin:0 0 20px;font-size:22px;font-weight:700;padding-bottom:16px;border-bottom:2px solid var(--accent-medium)}.comparison-card h4{margin:24px 0 12px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);border-bottom:2px solid var(--accent-alpha);padding-bottom:8px}.comparison-card p{margin:10px 0;font-size:15px;line-height:1.8;padding:12px 16px;border-radius:8px;background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary)}.comparison-card strong{color:var(--primary-color);display:inline-block;min-width:200px;margin-right:12px;font-weight:600}.comparison-card p[style*=backgroundColor]{font-weight:600;text-align:center;padding:12px 16px;margin:12px 0;font-size:16px}.question-comparison{width:100%;max-width:1400px;margin:0 auto}.question-comparison-split{max-width:100vw!important;width:100vw!important;height:100vh!important;display:flex;flex-direction:column}.question-comparison-body{display:flex;gap:0;flex:1;overflow:hidden}.question-comparison-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-card);border-right:1px solid var(--border-color)}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{font-size:16px;font-weight:600;color:var(--primary-color);margin:0}.selection-count{background:var(--accent-color);color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:700}.clear-selection-btn{background:transparent;border:1px solid var(--accent-alpha);border-radius:6px;padding:4px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--accent-color);transition:all .2s ease}.clear-selection-btn:hover{background:var(--accent-alpha);border-color:var(--accent-color);transform:scale(1.05)}.clear-selection-btn svg{display:block}.sidebar-filters{padding:12px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.filter-input{width:100%;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;transition:all .2s ease}.filter-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-dark)}.filter-input::placeholder{color:var(--text-muted)}.sort-controls{display:flex;gap:8px}.sort-select{flex:1;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease}.sort-select:focus{outline:none;border-color:var(--primary-color)}.sort-order-btn{padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--primary-color);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.sort-order-btn:hover{background:var(--primary-alpha);border-color:var(--primary-color)}.sidebar-run-list{flex:1;overflow-y:auto;padding:8px}.sidebar-run-item{padding:12px;margin-bottom:8px;background:var(--bg-card);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.sidebar-run-item:hover{background:var(--bg-dark);border-color:var(--primary-alpha)}.sidebar-run-item.selected{background:var(--primary-alpha);border-color:var(--primary-color)}.run-item-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.run-item-header input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.run-item-header input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.run-item-title{flex:1;display:flex;justify-content:space-between;align-items:center}.run-version{font-size:14px;font-weight:600;color:var(--text-primary)}.run-score-badge{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700;color:#fff}.run-item-meta{display:flex;flex-direction:column;gap:4px;margin-left:28px}.question-comparison-content{flex:1;overflow-y:auto;padding:20px;background:var(--bg-dark);display:flex;flex-direction:column;gap:16px}.no-selection,.single-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:16px}.no-selection svg,.single-selection svg{opacity:.3}.no-selection p,.single-selection p{font-size:16px;font-weight:500}.comparison-shared-context{display:flex;gap:16px;margin-bottom:8px}.shared-context-section{flex:1;background:var(--bg-card);border:1px solid var(--primary-alpha);border-radius:12px;padding:16px}.shared-context-section h4{font-size:14px;font-weight:600;color:var(--primary-color);margin:0 0 12px;display:flex;align-items:center;gap:8px}.shared-context-section h4 svg{flex-shrink:0}.shared-context-text{font-size:14px;line-height:1.6;color:var(--text-secondary);background:var(--bg-dark);padding:12px;border-radius:8px;border:1px solid var(--primary-alpha);white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.comparison-container-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}.comparison-card-compact{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.comparison-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--primary-alpha)}.comparison-card-header h3{font-size:16px;font-weight:600;color:var(--primary-color);margin:0}.baseline-badge{background:var(--accent-color);color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.comparison-metadata{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg-dark);border-radius:8px}.metadata-item{display:flex;align-items:center;gap:6px;font-size:13px}.metadata-label{color:var(--text-muted);font-weight:500}.metadata-value{color:var(--text-primary);font-weight:600}.metadata-delta{font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;margin-left:auto}.metadata-delta.positive{color:var(--success-color);background:var(--success-alpha)}.metadata-delta.negative{color:var(--error-color);background:var(--error-alpha)}.content-section{margin-bottom:12px}.content-section h4{font-size:13px;font-weight:600;color:var(--primary-color);margin:0 0 6px}.content-text{font-size:13px;line-height:1.5;color:var(--text-secondary);background:var(--bg-dark);padding:10px;border-radius:8px;border:1px solid var(--primary-alpha)}.content-text-full{font-size:13px;line-height:1.6;color:var(--text-secondary);background:var(--bg-dark);padding:12px;border-radius:8px;border:1px solid var(--primary-alpha);white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto}.content-text-full::-webkit-scrollbar{width:8px}.content-text-full::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}.content-text-full::-webkit-scrollbar-thumb{background:var(--primary-alpha);border-radius:4px}.content-text-full::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.scores-title{font-size:14px;font-weight:600;color:var(--success-color);margin:12px 0 8px}.comparison-scores-compact{display:flex;flex-direction:column;gap:10px}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:var(--bg-subtle);border-radius:12px;border:1px solid var(--border-color)}.comparison-header-left{display:flex;align-items:center;gap:16px}.comparison-header h2{color:var(--primary-color);font-size:24px;font-weight:700;margin:0}.comparison-header p{color:var(--text-muted);font-size:14px;margin:0}.comparison-score-item-enhanced{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:10px;padding:14px}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.score-header .score-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:700}.score-delta{font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:2px}.score-delta.positive{background:var(--success-alpha);color:var(--success-color);border:1px solid var(--success-alpha)}.score-delta.negative{background:var(--error-alpha);color:var(--error-color);border:1px solid var(--error-alpha)}.score-bar-container{position:relative;height:36px;background:var(--bg-subtle);border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.score-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.score-bar-value{font-size:14px;font-weight:800;color:var(--text-white);text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;z-index:1}.compare-button,.compare-question-btn{padding:8px 14px;background:var(--bg-card);border:2px solid var(--primary-alpha);border-radius:8px;color:var(--primary-color);font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-shadow:0 2px 8px var(--primary-alpha);position:relative;overflow:hidden}.compare-button:before,.compare-question-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}@media(max-width:768px){.compare-btn-text{display:none}.compare-question-btn{padding:8px}}.compare-button:hover,.compare-question-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-alpha)}.compare-question-btn:active{transform:translateY(0);box-shadow:0 2px 8px #60a5fa4d}.chat-view-btn{padding:8px 14px;background:var(--bg-card);border:2px solid var(--purple-alpha);border-radius:8px;color:var(--purple-color);font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-shadow:0 2px 8px var(--purple-alpha)}.chat-view-btn:hover{background:var(--purple-color);border-color:var(--purple-color);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px var(--purple-alpha)}.chat-view-btn:active{transform:translateY(0);box-shadow:0 2px 8px var(--purple-alpha)}*{box-sizing:border-box}html{background:var(--bg-dark)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0;background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--primary-alpha);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-subtle);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.navigation-sidebar{width:280px;height:100vh;background:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;box-shadow:2px 0 12px var(--bg-overlay);transition:none;overflow:visible}.navigation-sidebar.collapsed{width:56px;transition:width .3s ease}.navigation-sidebar.resizing{-webkit-user-select:none;user-select:none;transition:none}.navigation-sidebar.resizing *{cursor:col-resize!important;pointer-events:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--border-color);background:var(--bg-subtle);min-height:56px;gap:8px}.sidebar-title{display:flex;align-items:center;gap:10px;color:var(--primary-color);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;flex:1;min-width:0}.sidebar-title svg{flex-shrink:0}.sidebar-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation-sidebar.collapsed .sidebar-title span{display:none}.collapse-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer!important;transition:all .2s ease;flex-shrink:0}.collapse-btn:hover{background:var(--primary-alpha);border-color:var(--primary-color);color:var(--primary-color)}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:var(--bg-subtle)}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.nav-tree-item{position:relative}.nav-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;position:relative;-webkit-user-select:none;user-select:none}.nav-item:hover,.nav-item.active{background:var(--primary-alpha);border-left-color:var(--primary-color)}.nav-item.active .nav-item-label{color:var(--primary-color);font-weight:700}.nav-item.nested{padding-left:24px}.nav-item.nested-2{padding-left:40px}.expand-btn{width:16px;height:16px;min-width:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;padding:0;margin-right:4px;border-radius:4px}.expand-btn:hover{background:var(--border-color);color:var(--primary-color)}.expand-btn svg{transition:transform .2s ease}.expand-btn.expanded svg{transform:rotate(90deg)}.nav-item-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.nav-item-content svg{flex-shrink:0;color:var(--text-muted);transition:color .2s ease}.nav-item:hover .nav-item-content svg,.nav-item.active .nav-item-content svg{color:var(--primary-color)}.nav-item-label{flex:1;font-size:13px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.nav-item-label.run-label{font-size:12px;font-family:Courier New,monospace;color:var(--text-muted)}.nav-item:hover .nav-item-label{color:var(--text-primary)}.nav-item.active .nav-item-label.run-label{font-family:Courier New,monospace}.navigation-sidebar .run-score-badge{flex-shrink:0;padding:2px 8px;background:var(--success-alpha);border:none;border-radius:10px;color:var(--success-color);font-size:11px;font-weight:700;font-family:Courier New,monospace;margin-left:auto}.nav-item-count{flex-shrink:0;padding:2px 8px;background:var(--primary-alpha);border-radius:10px;color:var(--primary-color);font-size:11px;font-weight:700;min-width:20px;text-align:center}.nav-tree-children{position:relative}.nav-tree-children:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1px;background:var(--border-color);pointer-events:none}.nav-item.nested-2~.nav-tree-children:before{left:36px}@media(max-width:1024px){.navigation-sidebar{width:240px}.navigation-sidebar.collapsed{width:48px}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.navigation-sidebar{animation:slideInLeft .3s ease}.sidebar-resize-handle{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:col-resize!important;background:transparent;transition:all .2s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.sidebar-resize-handle:hover{background:var(--primary-alpha);width:12px}.sidebar-resize-handle:before{content:"";position:absolute;width:3px;height:40px;background:var(--primary-color);border-radius:2px;opacity:0;transition:opacity .2s ease}.sidebar-resize-handle:hover:before{opacity:1}.navigation-sidebar.resizing .sidebar-resize-handle{background:var(--primary-alpha);width:12px}.navigation-sidebar.resizing .sidebar-resize-handle:before{opacity:1;background:var(--primary-hover)}.loading-spinner-container{display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:200px}.loading-spinner-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.loading-spinner-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{animation:rotate 1.5s linear infinite}.loading-spinner-small{width:24px;height:24px}.loading-spinner-medium{width:40px;height:40px}.loading-spinner-large{width:64px;height:64px}.spinner-svg{width:100%;height:100%}.spinner-circle{stroke:var(--primary-color);stroke-linecap:round;stroke-dasharray:90,150;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.loading-dots{display:flex;align-items:center;gap:8px}.loading-dots-small .dot{width:6px;height:6px}.loading-dots-medium .dot{width:10px;height:10px}.loading-dots-large .dot{width:14px;height:14px}.loading-dots .dot{background:var(--primary-color);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-pulse{position:relative}.loading-pulse-small{width:24px;height:24px}.loading-pulse-medium{width:40px;height:40px}.loading-pulse-large{width:64px;height:64px}.loading-pulse .pulse-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid var(--primary-color);border-radius:50%;animation:pulse 1.5s ease-out infinite}.loading-pulse .pulse-ring:nth-child(2){animation-delay:.5s}.loading-pulse .pulse-ring:nth-child(3){animation-delay:1s}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(1.2);opacity:0}}.loading-text{color:var(--text-muted);font-size:14px;font-weight:500;margin:0;text-align:center}.loading-spinner-fullscreen .loading-text{color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:300px;animation:fadeIn .3s ease}.empty-state-icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle);border-radius:50%;color:var(--text-muted);margin-bottom:24px;position:relative}.empty-state-icon:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:var(--primary-alpha);opacity:0;transform:scale(.8);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.3;transform:scale(1.1)}}.empty-state-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.empty-state-description{font-size:14px;color:var(--text-muted);margin:0 0 24px;max-width:400px;line-height:1.6}.empty-state .btn{margin-top:8px}@media(max-width:768px){.empty-state{padding:40px 20px;min-height:250px}.empty-state-icon{width:80px;height:80px}.empty-state-icon svg{width:48px;height:48px}}:root{--rc-primary: #60a5fa;--rc-primary-dark: #3b82f6;--rc-primary-alpha: rgba(96, 165, 250, .3);--rc-bg-dark: rgba(15, 23, 42, .4);--rc-bg-dark-hover: rgba(15, 23, 42, .6);--rc-bg-darker: rgba(15, 23, 42, .95);--rc-bg-medium: rgba(30, 41, 59, .6);--rc-border-light: rgba(255, 255, 255, .08);--rc-border-primary: rgba(96, 165, 250, .3);--rc-border-primary-strong: rgba(96, 165, 250, .2);--rc-text-primary: #cbd5e1;--rc-text-secondary: #94a3b8;--rc-text-accent: #60a5fa;--rc-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--rc-shadow-md: 0 2px 6px rgba(0, 0, 0, .15);--rc-shadow-lg: 0 2px 8px rgba(0, 0, 0, .2);--rc-shadow-xl: 0 4px 20px rgba(0, 0, 0, .3);--rc-shadow-glow: 0 4px 12px rgba(96, 165, 250, .3);--rc-shadow-glow-lg: 0 4px 16px rgba(96, 165, 250, .3);--rc-padding-sm: 6px 12px;--rc-padding-md: 8px 16px;--rc-padding-lg: 10px 14px;--rc-padding-xl: 20px;--rc-radius-sm: 6px;--rc-radius-md: 8px;--rc-radius-lg: 12px;--rc-transition-fast: all .2s ease;--rc-transition-normal: all .3s ease;--rc-transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.run-card-title,.run-card-list h3{font-size:16px;font-weight:700;color:var(--rc-text-accent);margin:0;padding:var(--rc-padding-lg);background:var(--rc-bg-dark);border-radius:var(--rc-radius-md);border:1px solid var(--rc-border-primary);cursor:pointer;transition:var(--rc-transition-smooth);white-space:nowrap;letter-spacing:.3px;box-shadow:var(--rc-shadow-sm)}.run-card-title:hover,.run-card-list h3:hover{background:var(--rc-bg-dark-hover);border-color:var(--rc-primary);transform:translateY(-1px);box-shadow:var(--rc-shadow-glow)}.metric-item-base{background:var(--rc-bg-dark);padding:var(--rc-padding-lg);border-radius:var(--rc-radius-md);border:1px solid var(--rc-border-light);transition:var(--rc-transition-normal)}.metric-item-base:hover{background:var(--rc-bg-dark-hover);border-color:var(--rc-border-primary);transform:translateY(-1px)}.metric-label-base{font-size:10px;font-weight:700;color:var(--rc-text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.metric-value-base{font-size:16px;font-weight:700;padding:var(--rc-padding-sm);border-radius:var(--rc-radius-sm);box-shadow:var(--rc-shadow-md)}.run-card-list .metric-detail-item{background:var(--rc-bg-dark);padding:var(--rc-padding-lg);border-radius:var(--rc-radius-md);border:1px solid var(--rc-border-light);transition:var(--rc-transition-normal);cursor:pointer}.run-card-list .metric-detail-item:hover{background:var(--rc-bg-dark-hover);border-color:var(--rc-border-primary);transform:translateY(-1px)}.run-card-list .metric-detail-label{font-size:10px;font-weight:700;color:var(--rc-text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.run-card-list .metric-detail-value{font-size:16px;font-weight:700;padding:var(--rc-padding-sm);border-radius:var(--rc-radius-sm);box-shadow:var(--rc-shadow-md)}.details-header-main .metric-detail-item{background:var(--rc-bg-dark);padding:var(--rc-padding-lg);border-radius:var(--rc-radius-md);border:1px solid var(--rc-border-light);transition:var(--rc-transition-normal)}.details-header-main .metric-detail-item:hover{background:var(--rc-bg-dark-hover);border-color:var(--rc-border-primary);transform:translateY(-1px)}.details-header-main .metric-detail-label{font-size:10px;font-weight:700;color:var(--rc-text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.details-header-main .metric-detail-value{font-size:16px;font-weight:700;padding:var(--rc-padding-sm);border-radius:var(--rc-radius-sm);box-shadow:var(--rc-shadow-md)}.details-header-main .execution-count-badge{background:var(--rc-bg-dark);border:1px solid var(--rc-border-primary);padding:var(--rc-padding-md);border-radius:var(--rc-radius-md);font-size:13px;font-weight:600;color:var(--rc-text-primary);box-shadow:var(--rc-shadow-sm)}.run-card-toggle-container{display:flex;justify-content:center;align-items:center;padding:12px 0 8px;width:100%;flex-basis:100%}.metric-expand-btn{background:var(--rc-bg-medium);border:1px solid var(--rc-border-primary);color:var(--rc-text-primary);padding:var(--rc-padding-md);border-radius:var(--rc-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:var(--rc-transition-smooth);font-size:13px;font-weight:600;letter-spacing:.3px;box-shadow:var(--rc-shadow-lg)}.metric-expand-btn:hover{background:var(--rc-bg-dark-hover);border-color:var(--rc-primary);color:var(--rc-primary);transform:translateY(-1px);box-shadow:var(--rc-shadow-glow-lg)}.metric-expand-btn svg{transition:var(--rc-transition-fast);flex-shrink:0}.run-card-expanded-container{width:100%;flex-basis:100%;background:var(--rc-bg-darker);border:1px solid var(--rc-border-primary-strong);border-radius:var(--rc-radius-lg);padding:var(--rc-padding-xl);margin-top:12px;animation:expandContainer .3s ease;display:flex;flex-direction:column;gap:20px;box-shadow:var(--rc-shadow-xl)}@keyframes expandContainer{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0}to{opacity:1;max-height:1000px;padding-top:var(--rc-padding-xl);padding-bottom:var(--rc-padding-xl);margin-top:12px}}.run-card-metrics-section{display:flex;flex-direction:column;gap:14px}.metrics-section-title{font-size:12px;font-weight:700;color:var(--rc-text-accent);text-transform:uppercase;letter-spacing:.8px;padding-bottom:10px;border-bottom:2px solid var(--rc-border-primary);display:flex;align-items:center;gap:8px}.metrics-section-title:before{content:"";width:4px;height:16px;background:var(--rc-primary);border-radius:2px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.run-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 16px #0000004d;position:relative;overflow:hidden}.run-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color);opacity:0;transition:opacity .3s ease}.run-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px var(--primary-alpha);border-color:var(--primary-color)}.run-card:hover:before{opacity:1}.run-card.clickable{cursor:pointer}.run-card.selected{border-color:var(--primary-color);box-shadow:0 8px 24px var(--primary-alpha);background:var(--bg-card)}.run-card.selected:before{opacity:1}.run-card.highlight-flash{animation:highlightPulse 2s ease-in-out}.run-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;border-bottom:2px solid var(--border-color);gap:12px}.run-card-title{flex:1}.run-card-title h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 10px;letter-spacing:-.3px}.question-count-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-alpha);border:1px solid var(--primary-alpha);border-radius:20px;color:var(--primary-color);font-size:13px;font-weight:700}.overall-grade{min-width:90px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 12px;border:none;border-radius:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d;white-space:nowrap}.run-card-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px;background:var(--bg-subtle);border-radius:10px;border:1px solid var(--border-color)}.meta-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;gap:12px}.meta-item svg{flex-shrink:0;opacity:.7}.meta-label{color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:6px}.meta-value{color:var(--text-secondary);font-weight:600;text-align:right}.meta-value.model-badge{padding:4px 10px;background:var(--primary-alpha);border:1px solid var(--primary-alpha);border-radius:6px;color:var(--primary-color);font-size:12px}.meta-value.prompt-badge{padding:4px 10px;background:var(--accent-alpha);border:1px solid var(--accent-alpha);border-radius:6px;color:var(--accent-color);font-size:12px;font-weight:600}.meta-value.timestamp{font-size:12px;color:var(--text-muted);font-family:Courier New,monospace}.run-metrics-detailed{display:flex;gap:12px;margin-bottom:20px;padding:16px;background:var(--bg-subtle);border-radius:12px;border:1px solid var(--border-color)}.metric-detail-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.metric-detail-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center}.metric-detail-value{font-size:18px;font-weight:800;padding:8px 16px;border-radius:8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 2px 6px #0003;min-width:60px;text-align:center}.metric-detail-value.metric-duration,.metric-detail-value.metric-tokens{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-color);text-shadow:none}.metric-detail-value.metric-status-unfinished,.metric-detail-value.metric-status-running{background:linear-gradient(135deg,var(--accent-color) 0%,var(--error-color) 100%);color:var(--text-primary);font-weight:700;animation:pulse-warning 2s ease-in-out infinite}.metric-detail-value.metric-status-failed{background:var(--error-color);color:#fff;font-weight:700}.run-card-running{border:2px solid var(--accent-color)!important;background:linear-gradient(135deg,var(--bg-card) 0%,var(--accent-alpha) 100%)}.run-card-failed{border-color:var(--error-color)!important;border-width:2px;opacity:.7}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;margin-top:8px}.status-badge.status-unfinished{background:var(--accent-alpha);color:var(--accent-color);border:1px solid var(--accent-color)}.run-card-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.score-item{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:10px;padding:14px;transition:all .2s ease}.score-item:hover{background:var(--bg-card);border-color:var(--primary-alpha);transform:translateY(-2px)}.score-item-label,.score-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-weight:700;display:flex;align-items:center;gap:6px}.score-item-value,.score-value{font-size:22px;font-weight:800;display:block;padding:6px;border-radius:6px;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:inset 0 2px 4px #0003}.score-value{transition:transform .2s ease,box-shadow .2s ease}.score-value:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.run-card-actions{display:flex;gap:8px}.view-details-btn{flex:1;padding:12px 18px;background:var(--bg-card);border:2px solid var(--primary-alpha);border-radius:10px;color:var(--primary-color);font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.view-details-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.view-details-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-alpha)}.view-details-btn:active{transform:scale(.96)}.view-details-btn:active:before{width:300px;height:300px}.run-card-list{padding:14px 24px;border-radius:10px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px;background:linear-gradient(135deg,#1e293b66,#0f172a99);box-shadow:0 2px 8px #0003}.run-card-list:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f640,0 2px 8px #0003;border-color:var(--primary-color);background:linear-gradient(135deg,#1e293b80,#0f172ab3)}.run-card-list .run-card-header{margin-bottom:0;padding-bottom:0;border-bottom:none;align-items:center;flex-wrap:nowrap;flex:0 0 auto;display:flex}.run-card-list .run-select-checkbox{margin-right:0;padding:0;margin-left:auto;display:flex;align-items:center;justify-content:center}.run-card-list .run-card-title{display:flex;align-items:center;flex:0 0 auto;min-width:0}.run-card-list .run-card-title h3{font-size:14px;margin:0;font-weight:600;white-space:nowrap;min-width:120px}.run-card-list .question-count-badge{font-size:11px;flex-shrink:0;padding:3px 8px}.run-card-list .prompt-badge{margin-left:0;font-size:11px;padding:3px 8px;flex-shrink:0}.run-card-list .overall-grade{font-size:12px;padding:4px 10px;flex-shrink:0;white-space:nowrap;font-weight:600}.run-card-list .run-card-meta{display:flex;align-items:center;margin-bottom:0;flex:0 0 auto}.run-card-list .run-card-meta .meta-item{flex:0 0 auto;min-width:fit-content;display:flex;align-items:center}.run-card-list .run-card-meta .meta-label{display:none}.run-card-list .run-card-meta .meta-value.timestamp{font-size:11px;font-family:Courier New,monospace;color:var(--text-muted)}.run-card-list .run-card-scores,.run-card-list .view-details-btn{display:none}.run-card-list>.run-card-meta:last-of-type{display:none}.column-filter-wrapper{position:relative}.column-filter-btn{white-space:nowrap;display:flex;align-items:center;gap:8px}.column-filter-btn.active{background:var(--primary-alpha);border-color:var(--primary-color);color:var(--primary-color)}.column-filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006;min-width:320px;max-height:500px;overflow:hidden;display:flex;flex-direction:column;z-index:1000;animation:slideDownFade .2s ease}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.column-filter-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-subtle)}.column-filter-header h4{margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.column-filter-hint{padding:8px 20px;font-size:12px;color:var(--text-muted);background:var(--bg-hover);border-bottom:1px solid var(--border-color);font-style:italic}.btn-link{background:none;border:none;color:var(--primary-color);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.btn-link:hover{background:var(--primary-alpha)}.column-filter-list{padding:12px;overflow-y:auto;max-height:400px}.column-filter-item{display:flex;align-items:center;padding:10px 12px;border-radius:6px;cursor:grab;transition:all .2s ease;gap:12px;-webkit-user-select:none;user-select:none}.column-filter-item:active{cursor:grabbing}.column-filter-item.dragging{opacity:.5;background:var(--primary-alpha)}.column-filter-item:hover{background:var(--bg-subtle)}.column-drag-handle{display:flex;align-items:center;color:var(--text-muted);opacity:.4;transition:opacity .2s ease}.column-filter-item:hover .column-drag-handle{opacity:1}.column-filter-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.column-filter-label{flex:1;font-size:14px;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:8px}.column-badge{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.column-badge.metric-badge{background:var(--primary-alpha);color:var(--primary-color)}.skeleton-box{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-card) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px;height:20px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-table{display:flex;flex-direction:column;gap:12px;padding:20px}.skeleton-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;padding:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.skeleton-cell{display:flex;align-items:center}.skeleton-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.skeleton-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.skeleton-card-body{display:flex;flex-direction:column;gap:8px}.skeleton-card-footer{display:flex;gap:8px;flex-wrap:wrap}.skeleton-text-container{display:flex;flex-direction:column;gap:12px;padding:20px}.skeleton-text-line{width:100%}.skeleton-text-line .skeleton-box{height:16px}@media(max-width:768px){.skeleton-row,.skeleton-cards{grid-template-columns:1fr}}.details-search-bar{margin-bottom:20px;display:flex;gap:12px;align-items:center}.details-search-bar .search-input-wrapper{position:relative;display:flex;align-items:center;flex:1}.session-conversation-view{display:flex;flex-direction:column;height:100vh;background:var(--text-primary);color:var(--text-primary)}.conversation-header{padding:16px 28px;border-bottom:1px solid var(--primary-alpha);display:flex;align-items:center;gap:16px;background:var(--bg-dark);box-shadow:0 2px 8px var(--bg-overlay)}.conversation-header h1{margin:0;font-size:20px;font-weight:600;flex:1;color:#fff;display:flex;align-items:center;gap:10px}.conversation-header h1:before{content:"";display:inline-block;width:4px;height:20px;background:linear-gradient(to bottom,var(--primary-hover),var(--primary-color));border-radius:2px}.compare-selector-container{position:relative;display:flex;align-items:center;gap:12px}.compare-active{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-dark);border:1.5px solid var(--primary-color);border-radius:8px}.compare-label{font-size:13px;color:var(--text-secondary);font-weight:500}.compare-select{padding:6px 12px;background:var(--bg-dark);border:1.5px solid var(--primary-alpha);border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;outline:none;min-width:150px}.compare-select:hover{border-color:var(--primary-color)}.compare-select option{background:var(--bg-card);color:#fff;padding:8px}.compare-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:2px solid var(--primary-alpha);border-radius:12px;box-shadow:0 8px 24px var(--bg-overlay);min-width:280px;z-index:1000;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.compare-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1.5px solid var(--primary-alpha);font-size:14px;font-weight:600;color:#fff}.compare-dropdown-list{max-height:320px;overflow-y:auto;padding:8px}.compare-dropdown-item{padding:14px 18px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px;border:1.5px solid transparent}.compare-dropdown-item:hover{background:var(--primary-alpha);transform:translate(4px);border-color:var(--primary-alpha)}.compare-dropdown-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:14px;font-style:italic}.run-dropdown-info{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap}.run-version-name{font-size:15px;font-weight:600;color:#fff}.run-meta-tag{padding:4px 10px;background:var(--primary-alpha);border:1px solid var(--primary-alpha);border-radius:6px;font-size:12px;color:var(--primary-color);font-weight:500}.run-score-badge{padding:5px 12px;border-radius:10px;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;border:none}.conversation-container{background:var(--bg-dark);flex:1;display:flex;overflow:hidden}.sessions-sidebar{width:320px;background:var(--bg-dark);border-right:2px solid var(--primary-alpha);display:flex;flex-direction:column;transition:all .3s ease}.sessions-sidebar.collapsed{width:60px;min-width:60px}.sessions-sidebar-header{padding:20px;border-bottom:2px solid var(--primary-alpha);display:flex;justify-content:space-between;align-items:center}.sessions-sidebar.collapsed .sessions-sidebar-header{padding:20px 10px;justify-content:center}.sessions-sidebar-header h2{margin:0;font-size:18px;font-weight:600;color:#fff;transition:opacity .3s ease}.sessions-sidebar.collapsed .sessions-sidebar-header h2{display:none}.sidebar-collapse-toggle{background:transparent;border:none;color:var(--primary-color);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-collapse-toggle:hover{background:var(--primary-alpha);color:#fff}.sessions-sidebar.collapsed .sidebar-collapse-toggle{margin:0 auto}.search-box input{width:100%;padding:8px 12px;background:var(--bg-dark);border:1.5px solid var(--primary-alpha);border-radius:6px;color:var(--text-primary);font-size:14px}.search-box input:focus{outline:none;border-color:var(--primary-hover);background:var(--bg-dark)}.sessions-list{flex:1;overflow-y:auto;padding:10px}.session-card{padding:14px 12px;margin-bottom:4px;background:transparent;border:none;border-left:3px solid transparent;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px}.session-card:hover{background:var(--primary-alpha);border-left-color:var(--primary-hover)}.session-card.selected{border-left-color:var(--primary-hover);background:var(--primary-alpha)}.session-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.session-id{font-weight:600;font-size:14px;color:#fff}.session-score{font-size:11px;font-weight:700;padding:2px 8px;background:var(--primary-alpha);border-radius:10px;color:#fff}.session-card-preview{font-size:13px;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px}.session-card-meta{font-size:11px;color:var(--text-muted);font-weight:500}.conversation-area{flex:1;display:flex;flex-direction:column;background:var(--bg-dark);overflow:hidden;border-radius:0;margin:0;box-shadow:none}.conversation-area-header{padding:18px 28px;border-bottom:2px solid var(--primary-alpha);display:flex;justify-content:space-between;align-items:center;background:var(--bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:16px}.header-info-group{display:flex;align-items:center;gap:14px;flex:1}.conversation-area-header h2{margin:0;font-size:18px;font-weight:600;color:#fff}.panel-score-badge{padding:6px 14px;border-radius:12px;font-size:14px;font-weight:700;color:#fff;white-space:nowrap;box-shadow:0 2px 6px var(--bg-overlay)}.conversation-content{flex:1;overflow-y:auto;padding:20px;background:var(--bg-chat)}.conversation-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px}.chat-history{animation:fadeIn .3s ease-in;max-width:1200px;margin:0 auto;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message{margin-bottom:24px;display:flex;flex-direction:column;animation:messageSlideIn .3s ease-out;scroll-margin-top:100px}.chat-message.highlighted .message-bubble{animation:highlightPulse 2s ease-in-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes highlightPulse{0%,to{box-shadow:0 1px 2px var(--bg-overlay)}25%{box-shadow:0 0 0 4px var(--primary-alpha),0 4px 16px var(--primary-alpha)}50%{box-shadow:0 0 0 6px var(--primary-alpha),0 4px 20px var(--primary-alpha)}75%{box-shadow:0 0 0 4px var(--primary-alpha),0 4px 16px var(--primary-alpha)}}.message-header-tag{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}.user-message .message-header-tag{justify-content:flex-end;padding-right:12px}.assistant-message .message-header-tag{justify-content:flex-start;padding-left:12px}.message-role-label{font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.message-timestamp-header{color:var(--text-muted);font-size:11px}.quality-score-badge{padding:3px 10px;border-radius:12px;color:#fff;font-weight:700;font-size:11px;box-shadow:0 2px 4px var(--bg-overlay);letter-spacing:.3px}.message-bubble{max-width:70%;padding:12px 16px;border-radius:18px;box-shadow:0 1px 2px var(--bg-overlay);transition:all .3s ease;position:relative}.assistant-message:has(.message-bubble-content.expanded) .message-bubble{max-width:95%}.user-message .message-bubble{background:var(--bg-card);border-radius:18px 18px 4px;color:#fff;border:1px solid var(--border-color)}.assistant-message .message-bubble{background:var(--bg-dark);border:1.5px solid var(--primary-alpha);border-radius:18px 18px 18px 4px;color:var(--text-primary)}.message-text{font-size:15px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;margin:0}.user-message .message-text{color:#fff}.message-footer-inline{display:flex;justify-content:flex-end;align-items:center;margin-top:8px;font-size:11px}.message-meta-inline{color:var(--primary-color);font-weight:500;display:flex;align-items:center;gap:4px}.expected-output-block{padding:16px;background:var(--success-alpha);border:1.5px solid var(--success-color);border-radius:8px;margin-top:16px;margin-bottom:0}.message-text-section .expected-output-block{margin-top:16px;margin-bottom:0}.expected-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.expected-icon{font-size:14px}.expected-label{font-size:12px;font-weight:600;color:var(--success-color);text-transform:uppercase;letter-spacing:.5px}.expected-text{font-size:14px;line-height:1.6;color:var(--text-primary)}.groundtruth-block{background:var(--primary-alpha);border:1.5px solid var(--primary-color)}.groundtruth-block .expected-label{color:var(--primary-color)}.sub-executions{display:flex;flex-direction:column;gap:8px}.sub-execution{background:var(--bg-dark);border:1.5px solid var(--primary-alpha);border-radius:8px;padding:12px 16px;transition:all .2s}.sub-execution:hover{background:var(--bg-card);border-color:var(--primary-color);box-shadow:0 2px 8px var(--primary-alpha)}.sub-execution-header{display:flex;gap:10px;align-items:center;margin-bottom:8px}.sub-execution-icon{font-size:14px}.sub-execution-workflow{font-weight:600;font-size:12px;color:var(--primary-color)}.sub-execution-meta{margin-left:auto;font-size:11px;color:var(--text-secondary);font-weight:400}.sub-execution-content{font-size:13px;color:var(--text-primary);margin-bottom:6px;line-height:1.5}.sub-execution-output{font-size:12px;color:var(--text-secondary);font-style:italic;padding-left:12px;border-left:2px solid var(--primary-color)}.message-metrics{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:12px;background:var(--bg-dark);border-radius:12px;border:1.5px solid var(--primary-alpha)}.metric-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-dark);border:1.5px solid var(--primary-alpha);border-radius:20px;font-size:13px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 4px var(--bg-overlay)}.metric-badge:hover{transform:translateY(-2px) scale(1.02);background:var(--bg-card);box-shadow:0 4px 12px var(--primary-alpha)}.metric-name{color:var(--text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-weight:800;font-size:14px;text-shadow:0 0 10px currentColor}.toggle-reasons-btn{font-size:12px;font-weight:600;padding:8px 16px;background:var(--primary-alpha);border:1.5px solid var(--primary-alpha);border-radius:8px;color:var(--primary-color);cursor:pointer;margin-bottom:12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px}.toggle-reasons-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translate(4px);box-shadow:0 2px 8px var(--primary-alpha)}.metric-reasons{background:var(--bg-dark);border:1.5px solid var(--primary-alpha);border-radius:12px;padding:16px;margin-bottom:14px;animation:slideDown .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 8px var(--bg-overlay)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.metric-reason{font-size:13px;line-height:1.6;color:var(--text-primary);margin-bottom:12px;padding-left:12px;border-left:3px solid var(--primary-color)}.metric-reason:last-child{margin-bottom:0}.metric-reason strong{color:var(--primary-color);margin-right:6px;font-weight:700;text-transform:capitalize}.evaluation-toggle-button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-alpha);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--primary-color);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);width:fit-content}.evaluation-toggle-button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.evaluation-details-section{display:flex;flex-direction:column;align-items:flex-end;margin-top:8px;gap:12px}.message-bubble-content.expanded .evaluation-details-section{margin-top:0;min-width:380px;max-width:480px;flex-shrink:0;border-left:1px solid var(--primary-alpha);padding-left:16px;align-items:stretch}.evaluation-toggle{padding:6px 12px;background:transparent;border:none;border-radius:6px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;align-self:flex-end;opacity:.7}.evaluation-toggle:hover{background:var(--bg-dark);color:var(--text-secondary);opacity:1}.toggle-icon{font-size:10px;color:var(--color-blue)}.message-bubble-content.expanded .evaluation-content{display:block;padding:0;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.evaluation-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:20px}.metrics-column-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.quality-metrics-list{display:flex;flex-direction:column;gap:16px}.quality-metric-item{display:flex;flex-direction:column;gap:8px}.metric-item-header{display:flex;justify-content:space-between;align-items:center}.metric-item-name{font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:capitalize}.metric-item-value{font-size:14px;font-weight:700;color:var(--text-primary)}.metric-progress-bar{height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden}.metric-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.metric-item-reason{font-size:12px;color:var(--text-muted);line-height:1.5;padding-left:8px;border-left:2px solid var(--primary-alpha)}.performance-metrics-list{display:flex;flex-direction:column;gap:12px}.performance-metric-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-dark);border-radius:8px;border:1.5px solid var(--primary-alpha)}.perf-icon{font-size:18px;width:24px;text-align:center}.perf-name{font-size:13px;color:var(--text-secondary);flex:1;text-transform:capitalize}.perf-value{font-size:14px;font-weight:700;color:var(--text-primary)}.overall-score-section{text-align:center;padding:24px;background:var(--bg-dark);border:2px solid var(--primary-color);border-radius:12px;margin-bottom:24px;box-shadow:0 4px 16px var(--primary-alpha)}.overall-score-value{font-size:48px;font-weight:700;line-height:1;margin-bottom:8px;color:#fff}.overall-score-label{font-size:13px;color:var(--text-secondary);font-weight:500}.sub-executions-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.message-footer{display:flex;gap:16px;font-size:11px;color:var(--text-muted);padding-top:10px;margin-top:4px;border-top:1px solid var(--border-color);font-weight:500}.message-footer span{display:flex;align-items:center;gap:4px}.message-timestamp{margin-left:auto;color:var(--text-muted);font-style:italic}.sessions-list::-webkit-scrollbar,.conversation-content::-webkit-scrollbar{width:8px}.sessions-list::-webkit-scrollbar-track,.conversation-content::-webkit-scrollbar-track{background:var(--bg-dark)}.sessions-list::-webkit-scrollbar-thumb,.conversation-content::-webkit-scrollbar-thumb{background:var(--primary-alpha);border-radius:4px}.sessions-list::-webkit-scrollbar-thumb:hover,.conversation-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.conversation-area.split-view{padding:0}.split-screen-comparison{display:grid;grid-template-columns:1fr 1fr;gap:3px;height:100%;background:var(--primary-alpha)}.comparison-panel{display:flex;flex-direction:column;background:var(--bg-dark);overflow:hidden}.comparison-panel.base-panel{border-right:3px solid var(--primary-alpha)}.comparison-panel .conversation-area-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;background:var(--bg-card);border-bottom:2px solid var(--primary-alpha)}.comparison-panel .conversation-area-header h2{font-size:18px;font-weight:600;color:#fff;margin:0}.comparison-panel .header-info-group{display:flex;align-items:center;gap:14px;flex:1}.panel-session-id{padding:6px 12px;background:var(--primary-alpha);border:1.5px solid var(--primary-alpha);border-radius:8px;font-size:13px;color:var(--primary-color);font-weight:600;font-family:Monaco,Courier New,monospace}.comparison-panel .conversation-content{flex:1;overflow-y:auto;padding:24px}.message-text :where(p,ul,ol,blockquote,pre,h1,h2,h3,h4,h5,h6){margin-top:0;margin-bottom:.75em}.message-text :where(p,ul,ol,blockquote,pre,h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}.message-text h1{font-size:1.5em;font-weight:600;margin-bottom:.5em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.3em}.message-text h2{font-size:1.3em;font-weight:600;margin-bottom:.5em}.message-text h3{font-size:1.15em;font-weight:600;margin-bottom:.5em}.message-text h4,.message-text h5,.message-text h6{font-size:1em;font-weight:600;margin-bottom:.5em}.message-text ul,.message-text ol{padding-left:1.5em;margin-bottom:.75em}.message-text li{margin-bottom:.25em}.message-text li>p{margin-bottom:.25em}.message-text blockquote{border-left:3px solid var(--border-color);padding-left:1em;margin-left:0;color:var(--text-muted);font-style:italic}.message-text code{background:var(--bg-subtle);padding:.15em .4em;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.9em}.message-text pre{background:var(--bg-overlay);border:1px solid var(--border-color);border-radius:6px;padding:1em;overflow-x:auto;margin-bottom:.75em}.message-text pre code{background:none;padding:0;border-radius:0;font-size:.9em;display:block}.message-text a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid var(--primary-alpha);transition:all .2s}.message-text a:hover{color:var(--primary-hover);border-bottom-color:var(--primary-color)}.message-text table{border-collapse:collapse;width:100%;margin-bottom:.75em;font-size:.95em}.message-text th,.message-text td{border:1px solid var(--border-color);padding:.5em .75em;text-align:left}.message-text th{background:var(--bg-subtle);font-weight:600}.message-text tr:hover{background:var(--bg-subtle)}.message-text hr{border:none;border-top:1px solid var(--border-color);margin:1em 0}.message-text strong{font-weight:600}.message-text em{font-style:italic}.message-text img{max-width:100%;height:auto;border-radius:4px}.conversation-comparison-view{display:flex;flex-direction:column;height:100vh;background:var(--bg-chat);color:var(--text-primary)}.comparison-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:20px 32px;background:var(--bg-card);border-bottom:2px solid var(--primary-alpha);box-shadow:0 2px 8px var(--bg-overlay)}.comparison-header h1{font-size:28px;font-weight:600;margin:0;color:#fff}.session-id-label{margin-left:auto;padding:8px 16px;background:var(--primary-alpha);border:1.5px solid var(--primary-color);border-radius:8px;font-size:14px;color:var(--primary-color);font-family:Monaco,Courier New,monospace;font-weight:600}.run-selector-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 48px;gap:28px;background:var(--bg-dark);border:1.5px solid var(--primary-alpha);border-radius:16px;margin:48px auto;max-width:600px}.run-selector-prompt p{font-size:18px;color:var(--text-primary);margin:0;text-align:center;line-height:1.6}.run-selector-prompt p strong{color:var(--primary-color);font-weight:600}.select-run-button{padding:14px 36px;font-size:16px;font-weight:600}.run-selector-modal{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.run-selector-content{background:var(--bg-card);border:2px solid var(--primary-alpha);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px var(--bg-overlay);animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.run-selector-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:2px solid var(--primary-alpha);background:var(--bg-dark)}.run-selector-header h2{margin:0;font-size:22px;font-weight:600;color:#fff}.close-modal-button{font-size:32px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.run-list{overflow-y:auto;padding:16px;max-height:calc(80vh - 80px)}.run-item{padding:18px 22px;background:var(--bg-dark);border:1.5px solid var(--primary-alpha);border-radius:10px;margin-bottom:12px;cursor:pointer;transition:all .2s}.run-item:hover{background:var(--bg-card);border-color:var(--primary-color);transform:translate(4px);box-shadow:0 4px 12px var(--primary-alpha)}.run-version{font-size:17px;font-weight:600;color:#fff;margin-bottom:8px}.run-meta{display:flex;gap:16px;font-size:13px;color:var(--text-secondary)}.run-model,.run-prompt{padding:5px 10px;background:var(--primary-alpha);border:1px solid var(--primary-alpha);border-radius:6px;color:var(--primary-color);font-weight:500}.split-screen-container{display:grid;grid-template-columns:1fr 1fr;gap:3px;flex:1;overflow:hidden;background:var(--primary-alpha)}.conversation-panel{display:flex;flex-direction:column;background:var(--bg-chat);overflow:hidden}.base-panel{border-right:3px solid var(--primary-alpha)}.panel-header{display:flex;align-items:center;gap:12px;padding:20px 28px;background:var(--bg-card);border-bottom:2px solid var(--primary-alpha)}.panel-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.panel-session-badge{display:inline-block;margin-top:4px;padding:4px 10px;background:var(--primary-alpha);border:1px solid var(--primary-color);border-radius:12px;font-size:11px;color:var(--primary-color);font-weight:600;font-family:Courier New,monospace}.message-count{padding:6px 12px;background:var(--primary-alpha);border:1.5px solid var(--primary-alpha);border-radius:8px;font-size:13px;color:var(--primary-color);font-weight:600}.change-run-button{margin-left:auto;padding:6px 16px;font-size:13px}.conversation-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.single-conversation-view{flex:1;overflow:hidden;padding:32px}.single-conversation-view .conversation-panel{max-width:900px;margin:0 auto;height:100%;border-radius:12px;border:1px solid var(--primary-alpha)}.execution-messages-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.user-message{align-items:flex-end}.assistant-message{align-items:flex-start}.message-bubble-content{display:flex;flex-direction:column;gap:0}.message-bubble-content.expanded{flex-direction:row;gap:16px}.message-text-section{flex:1;min-width:0}.message-header-tag{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary);padding:0 4px;margin-bottom:4px}.message-role-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary)}.message-timestamp{opacity:.8;color:var(--text-muted)}.quality-badge-with-delta{display:flex;align-items:center;gap:6px}.quality-score-badge{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap}.score-delta-indicator{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.score-delta-indicator.positive{background:var(--success-alpha);color:var(--success-color)}.score-delta-indicator.negative{background:var(--error-alpha);color:var(--error-color)}.message-content{font-size:15px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.inline-metadata{display:flex;gap:16px;margin-top:10px;padding-top:10px;border-top:1.5px solid var(--primary-alpha);font-size:12px;color:var(--primary-color);font-weight:500}.evaluation-details-section{display:flex;flex-direction:column;margin-top:8px}.message-bubble-content.expanded .evaluation-details-section{margin-top:0;min-width:320px;max-width:400px;flex-shrink:0;border-left:1px solid var(--primary-alpha);padding-left:16px}.evaluation-toggle{width:100%;padding:8px 12px;background:var(--bg-dark);border:1.5px solid var(--primary-alpha);border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.evaluation-toggle:hover{background:var(--bg-card);border-color:var(--primary-color);color:var(--text-primary)}.toggle-icon{font-size:10px;color:var(--primary-color)}.evaluation-content{display:none}.message-bubble-content.expanded .evaluation-content{display:block;padding:0}.expected-output-block{margin-bottom:16px;padding:14px;background:var(--success-alpha);border:1.5px solid var(--success-color);border-radius:8px}.expected-header{font-size:12px;font-weight:600;color:var(--success-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.expected-text{font-size:14px;color:var(--text-primary);line-height:1.7;white-space:pre-wrap;word-break:break-word}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.metrics-column{display:flex;flex-direction:column;gap:12px}.metrics-column-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin:0}.quality-metrics-list,.performance-metrics-list{display:flex;flex-direction:column;gap:12px}.metric-item{display:flex;flex-direction:column;gap:6px}.metric-header{display:flex;justify-content:space-between;align-items:center}.metric-name{font-size:13px;color:var(--text-primary);font-weight:500}.metric-value{font-size:14px;font-weight:700}.metric-item-reason{font-size:12px;color:var(--text-secondary);font-style:italic;line-height:1.6;padding:10px;background:var(--bg-dark);border-radius:6px;border:1px solid var(--primary-alpha)}.performance-metric-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-dark);border-radius:6px;border:1px solid var(--primary-alpha)}.perf-name{flex:1;font-size:13px;color:var(--text-primary);font-weight:500}.perf-value{font-size:14px;font-weight:700;color:var(--primary-color)}.conversation-messages::-webkit-scrollbar,.run-list::-webkit-scrollbar{width:8px}.conversation-messages::-webkit-scrollbar-track,.run-list::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}.conversation-messages::-webkit-scrollbar-thumb,.run-list::-webkit-scrollbar-thumb{background:var(--primary-alpha);border-radius:4px}.conversation-messages::-webkit-scrollbar-thumb:hover,.run-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.error-display-container{display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:200px}.error-display-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);z-index:9999}.error-display-content{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:500px;text-align:center}.error-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--error-alpha);border-radius:50%;color:var(--error-color);margin-bottom:8px}.error-icon svg{width:48px;height:48px}.error-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.error-message{font-size:15px;font-weight:500;color:var(--error-color);margin:0;line-height:1.5}.error-description{font-size:13px;color:var(--text-muted);margin:0;line-height:1.6}.error-retry-btn svg{animation:none}.error-retry-btn:hover svg{animation:spin .6s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.demo-mode-banner{position:fixed;top:0;left:0;right:0;z-index:10000;background:linear-gradient(135deg,#fff3cd,#fff8e1);border-bottom:2px solid #ffc107;box-shadow:0 2px 8px #0000001a;animation:slideDown .3s ease-out}.demo-mode-content{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;max-width:1400px;margin:0 auto;position:relative}.demo-mode-icon{font-size:20px;flex-shrink:0}.demo-mode-text{font-size:14px;color:#856404;flex-grow:1;text-align:center}.demo-mode-text strong{font-weight:600;color:#533f03}.demo-mode-dismiss{position:absolute;right:16px;background:transparent;border:none;font-size:24px;line-height:1;color:#856404;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.demo-mode-dismiss:hover{background:#0000000d;color:#533f03}.demo-mode-dismiss:active{transform:scale(.95)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}body:has(.demo-mode-banner) #root{padding-top:46px}@media(max-width:768px){.demo-mode-content{padding:8px 12px;gap:8px}.demo-mode-icon{font-size:18px}.demo-mode-text{font-size:13px}.demo-mode-dismiss{right:12px;font-size:20px;width:20px;height:20px}}@media print{.demo-mode-banner{display:none}}:root{--primary-color: #60a5fa;--primary-hover: #3b82f6;--primary-alpha: rgba(96, 165, 250, .2);--primary-medium: rgba(96, 165, 250, .5);--primary-light: rgba(96, 165, 250, .1);--accent-color: #ff900c;--accent-alpha: rgba(255, 144, 12, .2);--accent-medium: rgba(255, 144, 12, .5);--error-color: #ef4444;--error-alpha: rgba(239, 68, 68, .2);--success-color: #10b981;--success-alpha: rgba(16, 185, 129, .2);--purple-color: #a78bfa;--purple-alpha: rgba(167, 139, 250, .2);--bg-dark: #0f172a;--bg-chat: #030814;--bg-card: #1e293b;--bg-overlay: rgba(0, 0, 0, .5);--bg-subtle: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .1);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-tooltip: 2000;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px}.App{display:flex;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;min-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-content{padding:32px 40px;transition:margin-left .3s ease,width .3s ease;animation:fadeIn .3s ease;min-height:100vh;background:var(--bg-dark);position:absolute;inset:0}.App h1{color:#fff;font-size:1.875rem;font-weight:700;margin:0;letter-spacing:-.5px}.runs-overview,.workflows-overview,.subworkflows-view,.projects-landing-page{width:100%;animation:fadeIn .3s ease}.overview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px 28px;background:var(--bg-subtle);border-radius:12px;border:1px solid var(--border-color);gap:20px;flex-wrap:wrap}.overview-header h2{color:var(--primary-color);font-size:26px;font-weight:700;margin:0 0 8px}.overview-subtitle{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;font-size:14px;color:var(--text-secondary)}.stat-item{display:flex;align-items:center}.stat-item strong{color:var(--primary-color);margin:0 4px;font-size:16px}.stat-divider{color:var(--text-muted)}.stat-item.active-filters{color:var(--accent-color);font-weight:600;display:flex;align-items:center}.overview-search-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.search-input-wrapper{position:relative;display:flex;align-items:center;flex:1}.search-icon{position:absolute;left:16px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:14px 48px;background:var(--bg-subtle);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:15px;transition:all .2s ease;font-weight:500}.search-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-card);box-shadow:0 0 0 4px var(--primary-alpha)}.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{position:absolute;right:12px;padding:6px;background:var(--bg-subtle);border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{background:var(--error-alpha);color:var(--error-color);transform:rotate(90deg)}.overview-controls{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;background:var(--bg-subtle);border-radius:12px;border:1px solid var(--border-color);flex-wrap:wrap}.overview-controls label{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:8px}.overview-controls select,.sort-select{padding:10px 14px;background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s ease;cursor:pointer;font-weight:500}.overview-controls select:focus,.sort-select:focus{outline:none;border-color:var(--primary-color);background:var(--bg-card);box-shadow:0 0 0 3px var(--primary-alpha)}.overview-controls select:hover,.sort-select:hover{background:var(--bg-card);border-color:var(--primary-alpha)}.runs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:24px;animation:fadeIn .4s ease}.runs-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}@media(max-width:768px){.runs-grid{grid-template-columns:1fr}}.no-results{text-align:center;padding:80px 40px;background:var(--bg-subtle);border:2px dashed var(--border-color);border-radius:16px;margin:40px 0;opacity:1;animation:fadeIn .5s ease}.no-results-icon{margin:0 auto 24px;color:var(--text-muted);opacity:.5}.no-results h3{color:var(--text-secondary);font-size:22px;font-weight:700;margin:0 0 12px}.no-results p{color:var(--text-muted);font-size:15px;line-height:1.6;max-width:500px;margin:0 auto 24px}.aggregate-stat-card{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s}.aggregate-stat-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-alpha)}.aggregate-stat-card .stat-label{color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:10px;text-transform:capitalize}.aggregate-stat-card .stat-value{color:#fff;font-size:24px;font-weight:700;padding:8px 16px;border-radius:6px;margin-bottom:8px;min-width:80px}.aggregate-stat-card .stat-subtitle{color:var(--text-muted);font-size:11px;font-weight:400}.workflow-actions{display:flex;gap:8px;margin-top:12px}.workflow-runs-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:13px;background:var(--primary-hover);color:#fff;box-shadow:0 2px 8px var(--primary-alpha);position:relative;overflow:hidden}.workflow-runs-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.workflow-runs-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--primary-alpha)}.workflow-runs-btn:active:before{width:300px;height:300px}.run-details{width:100%}.details-header{margin-bottom:24px}.details-header-top{margin-bottom:16px;display:flex;gap:12px;align-items:center}.details-header-main{background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid rgba(96,165,250,.2);border-radius:12px;padding:16px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d}.details-header-main h1{margin:0;padding:0;font-size:22px;font-weight:700;color:#fff;white-space:nowrap;flex-shrink:0;letter-spacing:.3px}.details-header-main .execution-count-badge{flex-shrink:0}.details-title-section{display:flex;align-items:center;gap:16px;margin-bottom:16px}.details-title-section h1{margin:0;font-size:24px;color:#fff}.execution-count-badge{background:var(--border-color);color:var(--primary-color);padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600;border:1px solid var(--primary-medium)}.aggregate-stats-inline{display:flex;gap:12px;flex-wrap:wrap}.aggregate-stat-card-inline{background:var(--bg-subtle);border:1px solid var(--primary-alpha);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;min-width:140px;transition:all .2s}.aggregate-stat-card-inline:hover{border-color:var(--primary-color);transform:translateY(-1px)}.stat-label-inline{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value-inline{font-size:20px;font-weight:700;padding:6px 12px;border-radius:6px;color:#fff;text-align:center}.stat-value-inline.bg-slate{background-color:var(--bg-card)}.details-search-bar{margin-bottom:20px}.details-search-bar .search-input-wrapper{position:relative;display:flex;align-items:center}.details-search-bar .search-icon{position:absolute;left:16px;color:var(--text-muted);pointer-events:none}.details-search-bar .search-input{width:100%;padding:14px 48px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:14px;transition:all .2s ease;font-weight:500}.details-search-bar .search-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-dark);box-shadow:0 0 0 3px var(--primary-alpha)}.details-search-bar .search-input::placeholder{color:var(--text-dim)}.details-search-bar .clear-search-btn{position:absolute;right:12px;padding:6px;background:var(--bg-subtle);border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.details-search-bar .clear-search-btn:hover{background:var(--error-alpha);color:var(--error-color);transform:rotate(90deg)}.stat-card,.summary-stat-card{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover,.summary-stat-card:hover{background:var(--bg-card);border-color:var(--primary-alpha);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px var(--primary-alpha)}.stat-card h4,.summary-stat-card h4,.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px;font-weight:700;display:block}.stat-card .stat-value,.summary-stat-card .stat-value,.stat-value-large{font-size:32px;font-weight:800;margin-bottom:4px;display:block;letter-spacing:-1px}.metric-score-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-weight:600;margin-right:8px}.metric-reason{margin-top:6px;font-size:13px;color:var(--text-secondary);font-style:italic}.breadcrumb-nav{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px}.breadcrumb-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary-color);cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;font-size:14px;font-weight:500}.breadcrumb-link:hover{background:var(--primary-light);color:var(--primary-color);transform:translate(-2px)}.breadcrumb-separator{color:var(--text-dim);font-weight:600}.breadcrumb-current{color:var(--text-secondary);font-weight:600}.project-card,.workflow-card,.subworkflow-card{position:relative;overflow:hidden}.project-icon,.workflow-icon,.subworkflow-icon{opacity:.15;color:var(--primary-color);position:absolute;top:16px;right:16px;z-index:0}.project-description{margin:12px 0;padding:12px;background:var(--bg-subtle);border-radius:8px;border-left:3px solid var(--primary-color)}.project-description p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}html{scroll-behavior:smooth}[title]{position:relative;cursor:help}.active-filters{color:var(--primary-color)!important;font-weight:600}button:focus-visible,a:focus-visible,.breadcrumb-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px;border-radius:6px}.search-input:focus,.filter-select:focus,.sort-select:focus{outline:2px solid var(--primary-color);outline-offset:2px}input[type=text]:hover,select:hover{border-color:var(--primary-color)}button:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}