@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Serif:wght@400;500&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{margin:0;font-weight:inherit}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:root{--bg: #F7F9F9;--bg-panel: #FFFFFF;--bg-hover: #F0F4F4;--bg-active: #E8F0F0;--text: #2C3E3E;--text-secondary: #5A6B6B;--text-muted: #8A9A9A;--teal: #3A8C8C;--teal-light: #E8F4F4;--teal-soft: #C4E0E0;--sage: #5C8A6E;--sage-light: #EDF5F0;--border: #DDE4E4;--border-light: #E8EEEE;--shadow: 0 1px 3px rgba(0,0,0,.06);--shadow-lg: 0 4px 12px rgba(0,0,0,.08);--font-sans: "IBM Plex Sans", -apple-system, sans-serif;--font-serif: "IBM Plex Serif", Georgia, serif;--header-height: 56px;--sidebar-width: 580px;--gap: 16px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{height:var(--header-height);padding:0 16px;display:flex;align-items:center;gap:16px;background:var(--bg-panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.app-header h1{margin:0;font-size:15px;font-weight:600;color:var(--text);white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.search-box input{width:180px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-size:13px;color:var(--text)}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{outline:none;border-color:var(--teal);background:#fff}.date-filters{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.date-filters input[type=date]{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-family:var(--font-sans);font-size:13px;color:var(--text)}.date-filters input[type=date]:focus{outline:none;border-color:var(--teal)}button{font-family:var(--font-sans);cursor:pointer}.header-actions button,.header-actions .actions-dropdown button{padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .15s ease}.header-actions button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border);color:var(--text)}.filter-btn{min-width:36px;padding:8px!important;text-align:center}.filter-btn.active{background:var(--teal-light);border-color:var(--teal);color:var(--teal)}.internal-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.internal-toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:36px;height:20px;background:var(--border);border-radius:10px;transition:background .2s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.internal-toggle input:checked+.toggle-slider{background:var(--teal)}.internal-toggle input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.internal-toggle:hover .toggle-slider{background:var(--text-muted)}.internal-toggle input:checked:hover+.toggle-slider{background:#2e7a7a}.actions-dropdown{position:relative}.actions-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);min-width:200px;z-index:100;overflow:hidden}.actions-menu button{display:block;width:100%;padding:10px 14px;border:none;border-radius:0;background:transparent;text-align:left;font-size:13px;color:var(--text)}.actions-menu button:hover:not(:disabled){background:var(--bg-hover)}.actions-menu button:disabled{opacity:.5;cursor:not-allowed}.actions-menu hr{margin:4px 0;border:none;border-top:1px solid var(--border-light)}.app-content{display:grid;grid-template-columns:var(--sidebar-width) 1fr;align-items:start;gap:var(--gap);padding:var(--gap);min-height:calc(100vh - var(--header-height))}.app-shell.panel-closed .app-content{grid-template-columns:1fr}.trace-table{background:var(--bg-panel);border-radius:10px;border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.trace-table-header{padding:16px;border-bottom:1px solid var(--border-light)}.trace-table-header h2{margin:0;font-size:14px;font-weight:600;color:var(--text)}.table-meta{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:12px;color:var(--text-muted)}.table-filter{margin-top:4px;font-size:11px;color:var(--text-muted)}.session-count{font-weight:500;color:var(--text-secondary)}.pagination{display:flex;align-items:center;gap:4px;background:var(--bg);padding:4px;border-radius:6px}.pagination-button{padding:6px 10px;border:1px solid transparent;border-radius:4px;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .15s ease}.pagination-button:hover:not(:disabled){background:var(--bg-panel);border-color:var(--border);color:var(--teal)}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.pagination-status{font-size:12px;font-weight:500;color:var(--text-secondary);padding:0 8px;white-space:nowrap}.trace-table-scroll{flex:1;overflow-y:auto;overflow-x:auto;padding:0 8px}table{width:100%;border-collapse:collapse;font-size:13px}thead{position:sticky;top:0;z-index:1}thead th{padding:10px 12px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border)}tbody tr{cursor:pointer;transition:background .1s ease}tbody tr:hover{background:var(--bg-hover)}tbody tr.active{background:var(--teal-light)}tbody td{padding:10px 12px;border-bottom:1px solid var(--border-light);vertical-align:top;color:var(--text)}.name-cell{display:flex;flex-direction:column;gap:2px;max-width:320px}.trace-name{font-weight:500;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trace-subtext{font-size:11px;color:var(--text-muted);font-family:var(--font-sans)}.indicators-col{width:60px;min-width:60px;text-align:center}.indicators-cell{text-align:center;padding:8px 4px!important}.session-indicators{display:flex;align-items:center;justify-content:center;gap:6px}.indicator-icon{display:inline-flex;align-items:center;justify-content:center;font-size:12px}.indicator-icon.has-notes{font-size:11px;opacity:.85}.indicator-icon.hallucination-clean{color:var(--sage);font-weight:600}.indicator-icon.hallucination-flagged{color:#d97706;background:#fef9e7;border-radius:50%;width:18px;height:18px}.mark-col{width:36px;min-width:36px}.mark-cell{text-align:center;padding:8px 4px!important}.mark-button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:4px;background:transparent;font-size:14px;cursor:pointer;transition:all .1s ease}.mark-button:hover{background:var(--bg-hover)}.mark-button.mark-none{color:var(--text-muted);opacity:.5}.mark-button.mark-none:hover{color:#e9a23b;opacity:1}.mark-button.mark-star{color:#e9a23b}.mark-button.mark-flag{color:#d97706}.hallucination-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:12px;border-radius:50%}.hallucination-icon.unchecked{color:var(--text-muted);opacity:.4}.hallucination-icon.clean{color:var(--sage)}.hallucination-icon.flagged{color:#d97706;background:#fef9e7}.trace-detail{background:var(--bg-panel);border-radius:10px;border:1px solid var(--border);padding:24px;max-height:calc(100vh - var(--header-height) - 32px);display:flex;flex-direction:column;overflow:hidden}.trace-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--border-light);flex-shrink:0}.trace-detail-header h2{margin:0;font-family:var(--font-serif);font-size:20px;font-weight:500;color:var(--text);line-height:1.3}.trace-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:12px;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.header-right button{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);font-size:13px;font-weight:500;color:var(--text-secondary)}.header-right button:hover:not(:disabled){background:var(--bg-hover)}.header-right button:disabled{opacity:.5;cursor:not-allowed}.check-hallucination-btn{color:var(--text-muted);font-size:12px}.notes-button-wrapper{position:relative}.notes-trigger-btn{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-panel);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer}.notes-trigger-btn:hover:not(:disabled){background:var(--bg-hover)}.notes-trigger-btn.has-notes{background:var(--teal-light);border-color:var(--teal-soft);color:var(--teal)}.notes-popover{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.notes-popover-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-light)}.notes-popover-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text)}.notes-popover-header .close-btn{width:24px;height:24px;padding:0;border:none;background:transparent;font-size:18px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.notes-popover-header .close-btn:hover{color:var(--text)}.notes-popover .note-form{padding:12px 14px;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px}.notes-popover .note-form textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px;font-family:var(--font-sans);font-size:13px;color:var(--text);background:var(--bg);resize:vertical;min-height:60px}.notes-popover .note-form textarea:focus{outline:none;border-color:var(--teal);background:#fff}.notes-popover .note-form-actions{display:flex;gap:8px}.notes-popover .note-form-actions input{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text);background:var(--bg)}.notes-popover .note-form-actions input:focus{outline:none;border-color:var(--teal);background:#fff}.notes-popover .note-form-actions button{padding:8px 16px;border:none;border-radius:6px;background:var(--teal);color:#fff;font-size:13px;font-weight:500}.notes-popover .note-form-actions button:hover:not(:disabled){background:#2e7a7a}.notes-popover .note-form-actions button:disabled{opacity:.5;cursor:not-allowed}.notes-popover .note-list{padding:12px 14px;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.notes-popover .note-card{padding:10px;background:var(--bg);border-radius:6px}.notes-popover .note-card header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px}.notes-popover .note-card header strong{color:var(--text);font-weight:500}.notes-popover .note-card header time{color:var(--text-muted)}.notes-popover .note-card p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.notes-popover .empty-state{padding:16px;text-align:center;color:var(--text-muted);font-size:13px}.detail-panels{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.chat-panel{background:transparent;border:none;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.panel-heading{padding:0 0 12px;border-bottom:1px solid var(--border-light);margin-bottom:16px;flex-shrink:0}.panel-heading h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.chat-log-container{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.older-messages-indicator{position:sticky;top:0;z-index:5;text-align:center;padding:8px 12px;background:linear-gradient(to bottom,var(--bg-panel) 60%,transparent);color:var(--text-muted);font-size:12px;font-weight:500;pointer-events:none;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chat-log{flex:1;overflow-y:auto;padding-bottom:16px;scroll-behavior:smooth}.chat-message{margin-bottom:20px;padding:16px 20px;border-radius:10px}.chat-message:last-child{margin-bottom:0}.chat-user{background:var(--bg)}.chat-assistant{background:linear-gradient(135deg,#2a7d7d0f,#2a7d7d08);border:1px solid rgba(42,125,125,.1)}.chat-meta{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.chat-role{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.chat-user .chat-role{color:var(--text-secondary)}.chat-assistant .chat-role{color:var(--teal)}.chat-time{font-size:11px;color:var(--text-muted)}.chat-bubble{background:transparent;border:none;padding:0}.chat-text{font-size:14px;line-height:1.65;color:var(--text)}.chat-user .chat-text{color:var(--text-secondary)}.chat-assistant .chat-text{color:var(--text)}.chat-assistant .chat-text p{margin:0 0 12px}.chat-assistant .chat-text p:last-child{margin-bottom:0}.chat-assistant .chat-text ul,.chat-assistant .chat-text ol{margin:8px 0;padding-left:20px}.chat-assistant .chat-text li{margin-bottom:4px}.chat-assistant .chat-text code{background:var(--bg);padding:2px 6px;border-radius:4px;font-size:13px;font-family:SF Mono,Consolas,monospace}.chat-assistant .chat-text pre{background:var(--bg);padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0}.chat-assistant .chat-text pre code{background:none;padding:0}.chat-assistant .chat-text h1,.chat-assistant .chat-text h2,.chat-assistant .chat-text h3,.chat-assistant .chat-text h4{margin:16px 0 8px;font-weight:600;color:var(--text)}.chat-assistant .chat-text h1{font-size:18px}.chat-assistant .chat-text h2{font-size:16px}.chat-assistant .chat-text h3{font-size:15px}.chat-assistant .chat-text h4{font-size:14px}.chat-assistant .chat-text blockquote{margin:12px 0;padding:8px 12px;background:var(--bg);border-left:3px solid var(--teal);color:var(--text-secondary)}.chat-assistant .chat-text strong{font-weight:600}.chat-assistant .chat-text a{color:var(--teal);text-decoration:underline}.panel-heading{display:flex;align-items:center;justify-content:space-between}.coachbench-status{display:flex;align-items:center;gap:8px}.coachbench-indicator{font-size:12px;color:var(--sage);background:var(--sage-light);padding:4px 10px;border-radius:4px;font-weight:500}.coachbench-remove-btn{width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--text-muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.coachbench-remove-btn:hover{background:var(--bg-hover);color:var(--text)}.coachbench-badge{font-size:11px;margin-left:6px}.chat-message.coachbench-target{background:var(--sage-light);border-radius:8px;margin:-8px;padding:8px}.coachbench-actions{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-light)}.coachbench-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.coachbench-btn{padding:2px 8px;border:none;background:transparent;color:var(--teal);font-size:12px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.coachbench-btn:hover:not(:disabled){color:#2e7a7a}.coachbench-btn:disabled{opacity:.5;cursor:not-allowed}.coachbench-divider{color:var(--text-muted);font-size:11px}.note-form-actions input{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text);background:var(--bg)}.note-form-actions input:focus{outline:none;border-color:var(--teal);background:#fff}.note-form-actions button{padding:8px 16px;border:none;border-radius:6px;background:var(--teal);color:#fff;font-size:13px;font-weight:500}.note-form-actions button:hover:not(:disabled){background:#2e7a7a}.note-form-actions button:disabled{opacity:.5;cursor:not-allowed}.note-list{padding:12px 14px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.note-card{padding:10px;background:var(--bg);border-radius:6px}.note-card header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px}.note-card header strong{color:var(--text);font-weight:500}.note-card header time{color:var(--text-muted)}.note-card p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.tools-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light);flex-shrink:0}.tools-panel .panel-heading{padding:0;border:none;margin-bottom:12px}.tool-list{display:flex;flex-direction:column;gap:8px}.tool-card{padding:12px;background:var(--bg);border-radius:6px}.tool-card header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.tool-card header strong{font-family:SF Mono,Consolas,monospace;color:var(--text)}.tool-card header time{color:var(--text-muted)}.tool-io{margin-top:8px}.tool-io span{display:block;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.tool-io p{margin:0;font-size:12px;font-family:SF Mono,Consolas,monospace;color:var(--text-secondary);background:var(--bg-panel);padding:8px;border-radius:4px;white-space:pre-wrap;word-break:break-word}.empty-state{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.table-empty{display:block;padding:24px;text-align:center;color:var(--text-muted)}.loading-card{padding:16px;text-align:center;color:var(--text-muted);flex-shrink:0}.error-banner{padding:12px;background:#fef2f2;border:1px solid #FECACA;border-radius:6px;color:#b91c1c;font-size:13px;flex-shrink:0}.warning-banner{padding:12px;background:#fef9e7;border:1px solid #FDE68A;border-radius:6px;color:#92400e;font-size:13px;flex-shrink:0}.warning-banner p{margin:0}.warning-banner p+p{margin-top:4px}.batch-status-banner{padding:10px 16px;background:var(--teal-light);border-bottom:1px solid var(--teal-soft);color:var(--teal);text-align:center;font-size:13px;font-weight:500}.error-text{color:#b91c1c;font-size:12px}.flag-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.flag-badge.clean{background:var(--sage-light);color:var(--sage)}.flag-badge.flagged{background:var(--teal-light);color:var(--teal)}.flag-popover{position:relative}.flag-popover summary{list-style:none;cursor:pointer}.flag-popover summary::-webkit-details-marker{display:none}.flag-popover[open] .flag-content{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);padding:12px;min-width:240px;z-index:50}.flag-content strong{display:block;font-size:12px;color:var(--teal);margin-bottom:4px}.flag-content ul{margin:0;padding-left:16px;font-size:13px;color:var(--text-secondary)}.flag-content ul li{margin-bottom:4px}.check-time{margin-top:8px;font-size:10px;color:var(--text-muted)}.progress-indicator{font-size:11px;font-weight:500;color:var(--teal);background:var(--teal-light);padding:2px 6px;border-radius:4px}.export-dropdown{position:relative}.export-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);min-width:200px;z-index:100;overflow:hidden}.export-menu button{display:block;width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;font-size:13px;color:var(--text)}.export-menu button:hover{background:var(--bg-hover)}.export-menu hr{margin:4px 0;border:none;border-top:1px solid var(--border-light)}.annotations-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.annotations-modal{background:var(--bg-panel);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.annotations-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.annotations-header h2{margin:0;font-size:16px;font-weight:600}.close-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:var(--bg);color:var(--text-muted);font-size:18px}.close-button:hover{background:var(--bg-hover);color:var(--text)}.annotations-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.annotation-card{padding:12px;background:var(--bg);border-radius:6px;cursor:pointer;transition:background .1s ease}.annotation-card:hover{background:var(--bg-hover)}.annotation-card header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.annotation-meta strong{display:block;font-size:13px;color:var(--text)}.annotation-meta time{font-size:11px;color:var(--text-muted)}.annotation-session{font-size:11px;background:var(--bg-panel);color:var(--text-secondary);padding:2px 6px;border-radius:4px}.annotation-card p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.notes-preview{display:inline-flex;align-items:center;gap:4px}.notes-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;background:var(--teal);color:#fff;font-size:10px;font-weight:600;border-radius:3px}.notes-text{font-size:11px;color:var(--text-muted)}.notes-none{color:var(--text-muted);opacity:.5}.status-pill{display:inline-flex;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:capitalize}.status-success{background:var(--sage-light);color:var(--sage)}.status-failed,.status-error{background:#fef2f2;color:#b91c1c}.status-pending,.status-running{background:#fef9e7;color:#92400e}.status-unknown{background:var(--bg);color:var(--text-muted)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:14px;color:var(--text-muted)}.trends-btn{background:linear-gradient(135deg,var(--teal) 0%,#2e7a7a 100%)!important;color:#fff!important;border:none!important}.trends-btn:hover{background:linear-gradient(135deg,#2e7a7a,#256666)!important}.trends-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.trends-modal{background:var(--bg-panel);border-radius:16px;box-shadow:0 20px 60px #00000026;width:100%;max-width:800px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.trends-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px;background:linear-gradient(135deg,var(--teal) 0%,#2e7a7a 100%);color:#fff}.trends-header h2{margin:0;font-size:22px;font-weight:600}.trends-subtitle{margin:4px 0 0;font-size:14px;opacity:.9}.trends-header .close-button{background:#ffffff26;color:#fff;border:none}.trends-header .close-button:hover{background:#ffffff40}.trends-setup{padding:32px;display:flex;flex-direction:column;gap:24px}.trends-info h3{margin:0 0 8px;font-size:18px;color:var(--text)}.trends-info p{margin:0;color:var(--text-secondary);line-height:1.6}.trends-options{background:var(--bg);padding:20px;border-radius:10px}.trends-options label{display:flex;align-items:center;gap:12px;font-weight:500}.trends-options select{padding:10px 14px;border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--text);background:var(--bg-panel)}.trends-note{margin:12px 0 0;font-size:13px;color:var(--text-muted)}.analyze-btn{padding:14px 28px;background:linear-gradient(135deg,var(--teal) 0%,#2e7a7a 100%);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.analyze-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3a8c8c4d}.analyze-btn:disabled{opacity:.6;cursor:not-allowed}.trends-loading{padding:60px 32px;text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.trends-loading p{margin:0;color:var(--text-secondary);font-size:15px}.loading-note{color:var(--text-muted)!important;font-size:13px!important;margin-top:8px!important}.trends-results{padding:24px 28px;overflow-y:auto;flex:1}.trends-actions{display:flex;gap:12px;margin-bottom:20px}.export-btn{padding:10px 18px;background:var(--sage);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.export-btn:hover{background:#4a7a5e}.reanalyze-btn{padding:10px 18px;background:var(--bg);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;font-size:14px;cursor:pointer}.reanalyze-btn:hover{background:var(--bg-hover)}.trends-meta{display:flex;gap:12px;font-size:13px;color:var(--text-muted);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.trends-section{background:var(--bg);border-radius:12px;padding:24px;margin-bottom:20px}.trends-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text)}.trends-section h4{margin:16px 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary)}.trends-executive-summary{background:linear-gradient(135deg,var(--teal-light) 0%,var(--sage-light) 100%);border-left:4px solid var(--teal)}.exec-headline{font-size:18px;font-weight:600;line-height:1.5;color:var(--text);margin-bottom:20px}.exec-findings{margin-bottom:20px}.exec-findings h4,.exec-value h4,.exec-concerns h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--teal);margin-bottom:8px}.exec-findings ul{margin:0;padding-left:20px}.exec-findings li{margin-bottom:8px;font-size:15px;line-height:1.5;color:var(--text)}.exec-value{margin-bottom:20px;padding:16px;background:#fff9;border-radius:8px}.exec-value p{margin:0;font-size:15px;line-height:1.6;color:var(--text)}.exec-concerns{padding:14px;background:#fef9e7cc;border-radius:8px;border-left:3px solid #E9A23B}.exec-concerns p{margin:0;font-size:14px;line-height:1.5;color:#92400e}.trends-summary{background:linear-gradient(135deg,var(--teal-light) 0%,var(--sage-light) 100%);border-left:4px solid var(--teal)}.trends-summary p{font-size:16px;line-height:1.7;color:var(--text)}.trends-categories{display:flex;flex-direction:column;gap:14px}.trend-category{padding-bottom:14px;border-bottom:1px solid var(--border-light)}.trend-category:last-child{padding-bottom:0;border-bottom:none}.category-header{display:flex;justify-content:space-between;margin-bottom:6px}.category-name{font-weight:500;color:var(--text)}.category-stat{font-size:13px;color:var(--text-muted)}.category-bar{height:8px;background:var(--bg-panel);border-radius:4px;overflow:hidden}.category-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--sage));border-radius:4px;transition:width .3s ease}.domain-bar .category-fill{background:linear-gradient(90deg,#5c8a6e,#7aa08a)}.category-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.example-tag{font-size:11px;background:var(--bg-panel);color:var(--text-muted);padding:4px 8px;border-radius:4px}.section-insight{margin:16px 0 0;padding:12px 14px;background:var(--bg-panel);border-radius:8px;font-size:14px;color:var(--text-secondary);border-left:3px solid #E9A23B}.section-observation{margin:16px 0 0;padding:12px 14px;background:var(--bg-panel);border-radius:8px;font-size:14px;color:var(--text-secondary);border-left:3px solid var(--teal)}.limitations-note{margin:12px 0 0;padding:10px 12px;background:#fef9e7;border-radius:6px;font-size:13px;color:#92400e}.methodology-note{font-size:13px;color:var(--text-muted);font-style:italic;margin-bottom:16px}.citation{margin:8px 0 0;padding:8px 12px;background:var(--bg-panel);border-left:2px solid var(--border);font-size:12px;color:var(--text-muted);font-style:italic;line-height:1.5}.patterns-list{display:flex;flex-direction:column;gap:16px}.pattern-item{padding:16px;background:var(--bg-panel);border-radius:8px;border:1px solid var(--border-light)}.pattern-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pattern-name{font-weight:500;color:var(--text);line-height:1.4}.pattern-freq{font-size:12px;color:var(--teal);background:var(--teal-light);padding:2px 8px;border-radius:4px;white-space:nowrap}.pattern-significance{margin:8px 0 0;font-size:13px;color:var(--text-secondary)}.pattern-citations{margin-top:8px;display:flex;flex-direction:column;gap:6px}.behaviors-list{display:flex;flex-direction:column;gap:12px}.behavior-item{padding:14px;background:var(--bg-panel);border-radius:8px}.behavior-header{display:flex;justify-content:space-between;align-items:center}.behavior-name{font-weight:500;color:var(--text)}.behavior-freq{font-size:12px;color:var(--text-muted)}.capability-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.capability-freq{font-size:12px;color:var(--text-muted)}.trends-concerns{background:#fef2f2;border:1px solid #FECACA}.trends-concerns h3{color:#b91c1c}.concerns-list{display:flex;flex-direction:column;gap:12px}.concern-item{padding:12px;background:#fff;border-radius:6px}.concern-text{margin:0;font-size:14px;color:var(--text)}.concern-evidence{margin:8px 0 0;font-size:12px;color:var(--text-muted)}.trends-gaps{background:var(--bg-panel);border:1px dashed var(--border)}.trends-gaps ul{margin:0;padding-left:20px}.trends-gaps li{margin-bottom:8px;color:var(--text-secondary);font-size:14px}.trends-followups{background:var(--teal-light);border:1px solid var(--teal-soft)}.trends-followups h3{color:var(--teal)}.trends-followups ul{margin:0;padding-left:20px}.trends-followups li{margin-bottom:8px;color:var(--text);font-size:14px}.complexity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.complexity-card{padding:20px;border-radius:10px;text-align:center}.complexity-simple{background:var(--sage-light)}.complexity-moderate{background:var(--teal-light)}.complexity-complex{background:#fef9e7}.complexity-level{font-size:13px;font-weight:600;text-transform:capitalize;color:var(--text-secondary);margin-bottom:4px}.complexity-count{font-size:32px;font-weight:700;color:var(--teal);line-height:1}.complexity-pct{font-size:14px;color:var(--text-muted);margin-top:4px}.complexity-desc{font-size:11px;color:var(--text-muted);margin-top:10px}.trends-value{background:linear-gradient(135deg,#fff,#fef9e7)}.high-value-tasks{margin-bottom:20px}.value-task{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--bg-panel);border-radius:8px;margin-bottom:8px;border:1px solid var(--border-light)}.task-desc{font-size:14px;color:var(--text)}.task-time{font-size:13px;font-weight:500;color:var(--sage);white-space:nowrap;margin-left:12px}.unique-capabilities ul{margin:0;padding-left:20px}.unique-capabilities li{margin-bottom:8px;color:var(--text-secondary)}.intent-list{display:flex;flex-direction:column;gap:12px}.intent-item{padding:14px;background:var(--bg-panel);border-radius:8px}.intent-header{display:flex;justify-content:space-between}.intent-name{font-weight:500;color:var(--text)}.intent-stat{font-size:14px;font-weight:600;color:var(--teal)}.intent-desc{margin:6px 0 0;font-size:13px;color:var(--text-muted)}.capabilities-list{display:flex;flex-direction:column;gap:8px}.capability-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;background:var(--bg-panel);border-radius:8px}.capability-name{font-weight:500;color:var(--text)}.capability-usage{font-size:13px;font-weight:600;color:var(--teal);background:var(--teal-light);padding:2px 8px;border-radius:4px}.capability-desc{width:100%;margin:4px 0 0;font-size:13px;color:var(--text-muted)}.trends-recommendations{background:linear-gradient(135deg,var(--teal) 0%,#2e7a7a 100%);color:#fff}.trends-recommendations h3{color:#fff}.trends-recommendations ul{margin:0;padding-left:20px}.trends-recommendations li{margin-bottom:12px;font-size:14px;line-height:1.6}.raw-response{background:var(--bg-panel);padding:16px;border-radius:8px;font-size:13px;font-family:SF Mono,monospace;white-space:pre-wrap;overflow-x:auto;max-height:400px;overflow-y:auto}.copy-link-button{min-width:80px}@media (max-width: 1024px){.app-content{grid-template-columns:1fr;gap:16px}.trace-table{max-height:50vh}}@media (max-width: 768px){.app-header{padding:12px;height:auto;flex-wrap:wrap;gap:12px}.header-actions{width:100%;flex-wrap:wrap}.search-box input{width:100%}.trace-detail,.app-content{padding:16px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tags-editor{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin-bottom:16px}.tags-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tags-label{font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.auto-detect-btn{background:var(--teal-light);color:var(--teal);border:none;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.auto-detect-btn:hover:not(:disabled){background:var(--teal-soft)}.auto-detect-btn:disabled{opacity:.5;cursor:not-allowed}.tags-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.tag-standard{background:var(--teal-light);color:var(--teal)}.tag-custom{background:var(--sage-light);color:var(--sage)}.tag-remove{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;font-size:14px;line-height:1;padding:0;margin-left:2px}.tag-remove:hover{opacity:1}.tag-input-wrapper{position:relative}.tag-input{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px;min-width:80px;max-width:140px;color:var(--text)}.tag-input:focus{outline:none;border-color:var(--teal)}.tag-input::placeholder{color:var(--text-muted)}.tag-suggestions{position:absolute;top:100%;left:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-lg);z-index:100;min-width:160px;max-height:200px;overflow-y:auto;margin-top:4px}.tag-suggestion{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 12px;font-size:13px;color:var(--text);cursor:pointer;transition:background .1s ease}.tag-suggestion:hover{background:var(--bg-hover)}.tag-suggestion:first-child{border-radius:6px 6px 0 0}.tag-suggestion:last-child{border-radius:0 0 6px 6px}.menu-section-label{padding:6px 16px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg)}.indicator-icon.has-tags{font-size:12px}.tag-filter-dropdown{position:relative}.tag-filter-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:13px}.tag-filter-btn.active{background:var(--teal-light);color:var(--teal);border-color:var(--teal-soft)}.tag-filter-menu{position:absolute;top:100%;right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:200;min-width:220px;margin-top:4px}.tag-filter-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-light);font-size:12px;font-weight:600;color:var(--text-secondary)}.clear-tags-btn{background:none;border:none;color:var(--teal);font-size:11px;font-weight:500;cursor:pointer;padding:2px 6px;border-radius:4px}.clear-tags-btn:hover{background:var(--teal-light)}.tag-filter-options{padding:8px;display:flex;flex-direction:column;gap:4px}.tag-filter-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .1s ease}.tag-filter-option:hover{background:var(--bg-hover)}.tag-filter-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--teal)}.tag-filter-option .tag-chip{font-size:12px;color:var(--text)}.tag-filter-footer{padding:8px 14px;border-top:1px solid var(--border-light)}.tag-filter-footer small{font-size:11px;color:var(--text-muted)}