:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh;display:flex;flex-direction:column}h1,h2,h3{margin:0;line-height:1.2}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#2c2c2c;color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:#383838}button:disabled{opacity:.5;cursor:not-allowed}.loading{padding:2rem;text-align:center;color:#888}.error{padding:1rem;background-color:#f44;color:#fff;border-radius:6px;margin:1rem}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f5f5f5}button{background-color:#e0e0e0;color:#213547}button:hover{background-color:#d0d0d0}}.app{width:100%;height:100vh;display:flex;flex-direction:column}.navbar{background-color:#2c2c2c;border-bottom:1px solid #444;padding:0 2rem}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:100%;height:60px}.navbar-brand{display:flex;align-items:center;gap:1rem}.navbar-logo{height:40px;width:40px;object-fit:cover;border-radius:8px}.navbar-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.navbar-org{font-size:.9rem;color:#aaa;margin-left:.5rem}.navbar-tabs{display:flex;gap:.5rem;flex:1;justify-content:center}.navbar-logout{padding:.5rem 1rem;background-color:transparent;border:1px solid #646cff;color:#646cff;font-size:.9rem;cursor:pointer;transition:all .2s;border-radius:4px}.navbar-logout:hover{background-color:#646cff;color:#fff}.navbar-tab{padding:.5rem 1.5rem;background-color:transparent;border:none;color:#aaa;font-size:1rem;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.navbar-tab:hover{color:#fff;background-color:#ffffff0d}.navbar-tab.active{color:#fff;border-bottom-color:#646cff}.main-content{flex:1;overflow:hidden}.human-evaluation{height:100%;display:flex;flex-direction:column}.evaluation-grid{flex:1;display:grid;grid-template-columns:400px 1fr 450px;gap:0;overflow:hidden}.session-list{background-color:#252525;border-right:1px solid #444;display:flex;flex-direction:column;overflow:hidden}.session-list-title{padding:1.5rem;font-size:1.25rem;border-bottom:1px solid #444}.time-selector{display:flex;gap:.5rem;padding:1rem;background-color:#2c2c2c;border-bottom:1px solid #444}.time-option{flex:1;padding:.5rem .75rem;background-color:#383838;color:#aaa;border:1px solid #555;font-size:.9rem;transition:all .2s}.time-option:hover{background-color:#444;color:#fff}.time-option.active{background-color:#646cff;color:#fff;border-color:#646cff}.session-list-items{flex:1;overflow-y:auto;padding:.5rem}.session-list .loading,.session-list .error{display:flex;align-items:center;justify-content:center;flex:1;padding:2rem;text-align:center}.session-item{padding:1rem;margin-bottom:.5rem;background-color:#2c2c2c;border-radius:6px;cursor:pointer;transition:all .2s;border:2px solid transparent}.session-item:hover{background-color:#333}.session-item.selected{background-color:#383838;border-color:#646cff}.session-id{font-family:monospace;font-size:.85rem;margin-bottom:.5rem;color:#aaa;word-break:break-all;line-height:1.4}.session-date{font-size:.85rem;color:#888}.no-sessions{display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#888;flex:1}.conversation-history{background-color:#1a1a1a;display:flex;flex-direction:column;overflow:hidden}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #444}.conversation-title{font-size:1.25rem;margin:0}.conversation-counter{font-size:1rem;color:#646cff;font-weight:600;background-color:#2c2c2c;padding:.25rem .75rem;border-radius:12px}.conversation-loading,.conversation-error,.no-conversation{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.conversation-loading{gap:1rem}.conversation-loading p{color:#888;font-size:1rem}.conversation-error{color:#f44}.no-conversation{color:#888}.spinner{width:40px;height:40px;border:4px solid #2c2c2c;border-top:4px solid #646cff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.conversation-turns{flex:1;overflow-y:auto;padding:1rem}.loading-more{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:#888;font-size:.9rem}.spinner-small{width:20px;height:20px;border:3px solid #2c2c2c;border-top:3px solid #646cff;border-radius:50%;animation:spin 1s linear infinite}.conversation-turn{margin-bottom:2rem;padding:1rem;background-color:#252525;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s}.conversation-turn:hover{background-color:#2c2c2c;border-color:#555}.conversation-turn.current{border-color:#646cff;box-shadow:0 0 10px #646cff33}.conversation-turn.current:hover{border-color:#646cff}.turn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #444}.turn-number{font-weight:600;color:#646cff}.current-indicator{font-size:.85rem;padding:.25rem .75rem;background-color:#646cff;color:#fff;border-radius:12px}.turn-message{margin-bottom:1rem}.turn-message:last-child{margin-bottom:0}.message-label{font-weight:600;margin-bottom:.5rem;color:#aaa;font-size:.9rem}.user-message .message-label{color:#8cf}.assistant-message .message-label{color:#8f8}.message-content{padding:.75rem;background-color:#2c2c2c;border-radius:6px;line-height:1.6}.evaluation-panel{background-color:#252525;border-left:1px solid #444;display:flex;flex-direction:column;overflow:hidden}.evaluation-title{padding:1.5rem;font-size:1.25rem;border-bottom:1px solid #444}.trace-info{padding:1rem 1.5rem;background-color:#2c2c2c;border-bottom:1px solid #444}.info-item{display:flex;justify-content:space-between;margin-bottom:.5rem;gap:1.5rem}.info-item:last-child{margin-bottom:0}.info-label{font-weight:600;color:#aaa;flex-shrink:0}.info-value{color:#fff;text-align:right;overflow-wrap:break-word;word-wrap:break-word;max-width:70%}.user-context-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.user-context-value{color:#fff;padding:.75rem;background-color:#1a1a1a;border-radius:6px;max-height:150px;overflow-y:auto;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.scores-section{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column}.scores-title{font-size:1rem;margin-bottom:1rem;color:#aaa}.scores-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem}.toggle-llm-scores-button{margin-top:auto;padding:.5rem 1rem;background-color:#383838;color:#fff;border:1px solid #555;font-size:.9rem;align-self:center}.toggle-llm-scores-button:hover{background-color:#444;border-color:#666}.score-item{background-color:#2c2c2c;padding:1rem;border-radius:6px}.score-name{font-weight:600;margin-bottom:.75rem;font-size:.9rem}.score-values{display:flex;flex-direction:column;gap:.75rem}.llm-score,.manual-score{display:flex;align-items:center;gap:.5rem}.score-label{font-size:.85rem;color:#aaa;min-width:50px}.score-value{font-weight:600;color:#646cff}.score-input{display:flex;gap:.25rem}.score-button{width:32px;height:32px;padding:0;font-size:.9rem;background-color:#383838;border:2px solid #555;color:#aaa}.score-button:hover{background-color:#444;border-color:#666}.score-button.selected{background-color:#646cff;border-color:#646cff;color:#fff}.submit-button{margin:1rem 1.5rem;padding:.75rem 1.5rem;background-color:#646cff;color:#fff;font-weight:600;border:none}.submit-button:hover{background-color:#535bf2}.submit-button:disabled{background-color:#444;color:#888;cursor:not-allowed}.no-trace{padding:2rem;text-align:center;color:#888}.analytics{height:100%;display:flex;align-items:center;justify-content:center}.analytics-content{text-align:center}.analytics-content h2{font-size:2rem;margin-bottom:1rem}.analytics-content p{color:#888;font-size:1.1rem}.login-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a}.login-box{background-color:#252525;padding:2.5rem;border-radius:12px;width:100%;max-width:420px;border:1px solid #444;box-shadow:0 4px 20px #0000004d}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.login-logo{height:64px;width:64px;object-fit:cover;border-radius:12px;margin-bottom:1rem}.login-title{font-size:1.75rem;font-weight:600;color:#fff;margin:0 0 .5rem}.login-subtitle{font-size:.95rem;color:#aaa;margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:500;color:#ddd}.form-input{padding:.75rem 1rem;background-color:#2c2c2c;border:1px solid #555;border-radius:6px;color:#fff;font-size:1rem;transition:all .2s}.form-input:focus{outline:none;border-color:#646cff;background-color:#333}.form-input::placeholder{color:#777}.form-input:disabled{opacity:.6;cursor:not-allowed}.login-button{padding:.85rem 1.5rem;background-color:#646cff;color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;margin-top:.5rem}.login-button:hover:not(:disabled){background-color:#535bf2}.login-button:disabled{background-color:#444;color:#888;cursor:not-allowed}.login-error{padding:.75rem;background-color:#ff44441a;border:1px solid #ff4444;border-radius:6px;color:#ff6b6b;font-size:.9rem}@media(prefers-color-scheme:light){.navbar{background-color:#fff;border-bottom-color:#e0e0e0}.navbar-title{color:#213547}.navbar-tab{color:#666}.navbar-tab:hover{color:#213547;background-color:#0000000d}.navbar-tab.active{color:#213547}.session-list{background-color:#fafafa;border-right-color:#e0e0e0}.session-list-title,.evaluation-title{border-bottom-color:#e0e0e0}.time-selector{background-color:#fff;border-bottom-color:#e0e0e0}.time-option{background-color:#f0f0f0;color:#666;border-color:#d0d0d0}.time-option:hover{background-color:#e0e0e0;color:#213547}.time-option.active{background-color:#646cff;color:#fff;border-color:#646cff}.conversation-header{border-bottom-color:#e0e0e0}.conversation-counter{background-color:#e8eaff;color:#646cff}.spinner,.spinner-small{border-color:#e0e0e0;border-top-color:#646cff}.session-item{background-color:#fff}.session-item:hover{background-color:#f5f5f5}.session-item.selected{background-color:#e8eaff}.conversation-history{background-color:#fff}.conversation-turn{background-color:#fafafa}.conversation-turn:hover{background-color:#f0f0f0;border-color:#d0d0d0}.turn-header{border-bottom-color:#e0e0e0}.message-content{background-color:#f5f5f5}.evaluation-panel{background-color:#fafafa;border-left-color:#e0e0e0}.trace-info{background-color:#fff;border-bottom-color:#e0e0e0}.user-context-value{background-color:#f5f5f5;color:#213547}.score-item{background-color:#fff}.score-button{background-color:#f0f0f0;border-color:#d0d0d0;color:#213547}.score-button:hover{background-color:#e0e0e0}.toggle-llm-scores-button{background-color:#e0e0e0;color:#213547;border-color:silver}.toggle-llm-scores-button:hover{background-color:#d0d0d0;border-color:#b0b0b0}.login-container{background-color:#f5f5f5}.login-box{background-color:#fff;border-color:#e0e0e0;box-shadow:0 4px 20px #0000001a}.login-title{color:#213547}.login-subtitle{color:#666}.form-label{color:#213547}.form-input{background-color:#f5f5f5;border-color:#d0d0d0;color:#213547}.form-input:focus{background-color:#fff;border-color:#646cff}.form-input::placeholder{color:#999}.login-error{background-color:#ff44441a;border-color:#f44;color:#d63031}.navbar-org{color:#666}.navbar-logout{color:#646cff;border-color:#646cff}.navbar-logout:hover{background-color:#646cff;color:#fff}}