.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.landing-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;padding:40px}.landing-header{text-align:center;margin-bottom:40px}.landing-header h1{margin:0 0 10px;font-size:32px;color:#2d3748}.landing-header p{margin:0;font-size:16px;color:#718096}.error-message{background:#fed7d7;border:1px solid #fc8181;color:#c53030;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.auth-section,.api-key-section{margin-bottom:32px}.auth-section h2,.api-key-section h2{font-size:20px;color:#2d3748;margin:0 0 8px}.auth-section p,.api-key-section p{font-size:14px;color:#718096;margin:0 0 16px}.instructions{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.instructions p{margin:0 0 8px;font-size:14px;color:#2d3748}.instructions ol{margin:0;padding-left:20px;font-size:14px;color:#4a5568;line-height:1.6}.instructions code{background:#edf2f7;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:13px;color:#2d3748}.auth-button{width:100%;padding:14px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:20px}.auth-button:hover:not(:disabled){background:#5a67d8}.auth-button:disabled{background:#a0aec0;cursor:not-allowed}.auth-success{display:flex;align-items:center;gap:16px;padding:16px;background:#c6f6d5;border:1px solid #9ae6b4;border-radius:8px}.success-icon{width:40px;height:40px;background:#48bb78;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.success-info{flex:1}.success-title{font-weight:600;color:#22543d;margin-bottom:4px}.success-email{font-size:14px;color:#276749}.api-key-input-group{display:flex;gap:12px}.api-key-input{flex:1;padding:12px 16px;border:1px solid #cbd5e0;border-radius:8px;font-size:14px;font-family:monospace;transition:border-color .2s}.api-key-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.submit-button{padding:12px 24px;background:#48bb78;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.submit-button:hover:not(:disabled){background:#38a169}.submit-button:disabled{background:#a0aec0;cursor:not-allowed}.api-key-note{margin-top:12px;font-size:12px;color:#a0aec0;font-style:italic}.manual-auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{padding:12px 16px;border:1px solid #cbd5e0;border-radius:8px;font-size:14px;font-family:monospace;transition:border-color .2s}.auth-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.back-link{background:none;border:none;color:#667eea;font-size:13px;cursor:pointer;text-decoration:underline;padding:4px 8px}.back-link:hover{color:#5a67d8}.admin-override{margin-top:16px;padding:12px 16px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px}.admin-label{display:block;font-size:13px;font-weight:500;color:#92400e;margin-bottom:6px}.admin-override .auth-input{width:100%;box-sizing:border-box}.user-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(255,255,255,.1);padding:12px 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000001a}.user-banner-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.user-info-banner{display:flex;align-items:center;gap:12px}.user-email-banner{color:#fff;font-size:14px;font-weight:500}.user-org-id-banner{color:#ffffffd9;font-size:13px;font-weight:400;padding:2px 8px;background:#ffffff26;border-radius:4px}.user-session-id-banner{color:#ffffffd9;font-size:12px;font-weight:400;padding:2px 8px;background:#ffffff26;border-radius:4px;font-family:monospace;-webkit-user-select:all;user-select:all}.user-session-id-banner.disconnected{background:#ffb40040;border:1px solid rgba(255,180,0,.4)}.logout-btn{padding:6px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ffffff4d;border-color:#ffffff80}.logo-section{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background .2s;flex-shrink:0}.logo-section:hover{background:#ffffff26}.logo-icon{font-size:20px;line-height:1}.logo-text{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px}.agents-list-page{min-height:100vh;background:#f7fafc}.agents-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 0}.header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.agents-header h1{margin:0;font-size:28px;color:#2d3748}.user-info{display:flex;align-items:center;gap:16px}.user-email{font-size:14px;color:#718096}.logout-button{padding:8px 16px;background:#e2e8f0;color:#4a5568;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.logout-button:hover{background:#cbd5e0}.agents-container{max-width:1200px;margin:0 auto;padding:40px 24px}.agents-intro{margin-bottom:32px}.agents-intro h2{margin:0 0 8px;font-size:24px;color:#2d3748}.agents-intro p{margin:0;font-size:16px;color:#718096}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.agent-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s;display:flex;align-items:flex-start;gap:16px}.agent-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.agent-icon{font-size:40px;flex-shrink:0}.agent-info{flex:1}.agent-name{margin:0 0 8px;font-size:18px;color:#2d3748;font-weight:600}.agent-description{margin:0;font-size:14px;color:#718096;line-height:1.5}.agent-arrow{font-size:24px;color:#cbd5e0;transition:all .2s;flex-shrink:0}.agent-card:hover .agent-arrow{color:#667eea;transform:translate(4px)}.no-agents{text-align:center;padding:60px 20px;color:#a0aec0}.no-agents p{margin:0;font-size:16px}.session-sidebar{width:260px;min-width:260px;background:#f8f9fa;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.session-sidebar.collapsed{width:40px;min-width:40px;align-items:center;padding-top:12px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e2e8f0}.sidebar-header h3{margin:0;font-size:.95rem;font-weight:600;color:#2d3748}.sidebar-header-actions{display:flex;gap:4px}.sidebar-btn,.sidebar-toggle{background:none;border:none;cursor:pointer;font-size:1rem;color:#718096;padding:4px 6px;border-radius:4px}.sidebar-btn:hover,.sidebar-toggle:hover{background:#e2e8f0;color:#2d3748}.new-session-btn{margin:12px 12px 8px;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s}.new-session-btn:hover{opacity:.9}.session-list{flex:1;overflow-y:auto;padding:4px 8px}.session-list-loading,.session-list-empty{padding:24px 16px;text-align:center;color:#a0aec0;font-size:.85rem}.session-item{padding:10px 12px;border-radius:6px;cursor:pointer;margin-bottom:2px;transition:background .15s}.session-item:hover{background:#e2e8f0}.session-item.active{background:#edf2f7;border-left:3px solid #667eea;padding-left:9px}.session-item.disconnected{opacity:.6}.session-item.disabled{opacity:.4;cursor:not-allowed}.new-session-btn:disabled{opacity:.4;cursor:not-allowed}.session-item-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.session-name{font-size:.85rem;font-weight:500;color:#2d3748;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-rename-icon{display:none;font-size:.8rem;color:#a0aec0;cursor:pointer;padding:0 2px;flex-shrink:0}.session-rename-icon:hover{color:#667eea}.session-item:hover .session-rename-icon{display:inline}.session-badge{font-size:.65rem;padding:1px 6px;border-radius:8px;background:#fed7d7;color:#c53030;white-space:nowrap}.session-item-id{font-size:.7rem;font-family:monospace;color:#a0aec0;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-item-bottom{display:flex;justify-content:space-between;margin-top:3px;font-size:.75rem;color:#a0aec0}.session-org{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.session-time{white-space:nowrap}.session-rename-input{width:100%;padding:4px 6px;font-size:.85rem;border:1px solid #667eea;border-radius:4px;outline:none}.org-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.org-picker-modal{background:#fff;border-radius:12px;padding:20px;width:400px;max-height:500px;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000026}.org-picker-modal h4{margin:0 0 12px;font-size:1.1rem;color:#2d3748}.org-picker-filter{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;margin-bottom:8px;box-sizing:border-box}.org-picker-filter:focus{outline:none;border-color:#667eea}.org-picker-loading{padding:20px;text-align:center;color:#a0aec0}.org-picker-list{flex:1;overflow-y:auto;max-height:300px}.org-picker-empty{padding:16px;text-align:center;color:#a0aec0;font-size:.85rem}.org-picker-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .15s}.org-picker-item:hover{background:#f7fafc}.org-picker-name{font-size:.9rem;color:#2d3748}.org-picker-id{font-size:.8rem;color:#a0aec0}.org-picker-cancel{margin-top:12px;padding:8px 16px;background:#edf2f7;color:#4a5568;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.org-picker-cancel:hover{background:#e2e8f0}@media (max-width: 768px){.session-sidebar{width:200px;min-width:200px}}.message-container{display:flex;margin-bottom:16px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{justify-content:flex-end}.message-assistant,.message-tool{justify-content:flex-start}.message-system{justify-content:center;margin:8px 0}.message-tool-call-centered,.message-tool-result-centered{justify-content:center;margin:1px 0}.message-bubble{max-width:70%;padding:12px 16px;border-radius:16px;box-shadow:0 1px 2px #0000001a}.user-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.assistant-bubble{background:#f7f7f7;color:#333;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.tool-call-bubble{background:#fff3cd;color:#856404;border:1px solid #ffc107;border-left:4px solid #ffc107}.tool-result-bubble{background:#d4edda;color:#155724;border:1px solid #28a745;border-left:4px solid #28a745}.tool-result-bubble.error{background:#f8d7da;color:#721c24;border:1px solid #dc3545;border-left:4px solid #dc3545}.system-bubble{padding:6px 12px;border-radius:12px;font-size:.85rem;color:#666;background:#f0f0f0}.system-bubble.info{background:#e7f3ff;color:#06c}.system-bubble.warning{background:#fff3cd;color:#856404}.system-bubble.error{background:#f8d7da;color:#721c24}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.85rem;font-weight:600}.message-sender{color:#666}.tool-icon{font-size:1.2rem}.tool-name{font-family:Courier New,monospace;font-weight:600}.streaming-indicator{color:#667eea;font-size:.6rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.cursor{animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.message-content{line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.tool-arguments,.tool-result{margin-top:8px;background:#0000000d;padding:8px;border-radius:8px;font-size:.9rem}.tool-arguments pre,.tool-result pre{margin:0;font-family:Courier New,monospace;font-size:.85rem;overflow-x:auto}.error-message{color:#721c24;font-weight:500}.message-time{margin-top:6px;font-size:.75rem;opacity:.7}.user-bubble .message-time{text-align:right;color:#fffc}.tool-call-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;color:#999;font-size:.8rem;font-weight:400}.tool-call-badge .tool-icon{font-size:.8rem;opacity:.6}.tool-call-badge .tool-text{font-weight:400}.tool-result-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:500;box-shadow:0 1px 2px #00000014;animation:fadeInScale .3s ease-out}.tool-result-badge.success{background:linear-gradient(135deg,#a8e6cf,#56ab91);color:#1e4d3d}.tool-result-badge.error{background:linear-gradient(135deg,#ffb3b3,#ff6b6b);color:#8b0000}.tool-result-badge .tool-icon{font-size:.9rem;font-weight:700}.tool-result-badge .tool-text{font-weight:500}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.message-bubble{max-width:85%}.tool-call-badge,.tool-result-badge{font-size:.75rem;padding:3px 8px}}.message-list-container{flex:1;overflow-y:auto;background:linear-gradient(to bottom,#f9f9f9,#fff)}.message-list{padding:24px;min-height:100%;display:flex;flex-direction:column}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;text-align:center;padding:40px 20px}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;font-size:1.5rem;color:#333}.empty-state p{margin:0;font-size:1rem;color:#666}.typing-indicator-container{display:flex;justify-content:flex-start;margin-bottom:16px}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#f7f7f7;border:1px solid #e0e0e0;border-radius:16px 16px 16px 4px}.typing-indicator .dot{width:8px;height:8px;background:#999;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.message-list-container::-webkit-scrollbar{width:8px}.message-list-container::-webkit-scrollbar-track{background:#f1f1f1}.message-list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.message-list-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-input-container{border-top:1px solid #e0e0e0;background:#fff;padding:16px}.chat-input-wrapper{display:flex;align-items:flex-end;gap:12px;background:#f7f7f7;border:2px solid #e0e0e0;border-radius:24px;padding:8px 12px;transition:border-color .2s}.chat-input-wrapper:focus-within{border-color:#667eea}.chat-input{flex:1;border:none;background:transparent;resize:none;outline:none;font-family:inherit;font-size:15px;line-height:1.5;padding:8px 4px;max-height:120px;overflow-y:auto}.chat-input::placeholder{color:#999}.chat-input:disabled{opacity:.5;cursor:not-allowed}.send-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:transform .2s,opacity .2s;flex-shrink:0}.send-button:hover:not(:disabled){transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.input-hint{margin-top:8px;font-size:.75rem;color:#999;text-align:center}.input-hint kbd{display:inline-block;padding:2px 6px;background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;font-family:monospace;font-size:.7rem}.chat-layout{display:flex;height:90vh;width:90%;margin:5vh auto;background:#fff;box-shadow:0 0 40px #0000001a;border-radius:12px;overflow:hidden}.chat-container{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #0000001a}.header-left{display:flex;align-items:center;gap:16px}.chat-title{margin:0;font-size:1.3rem;font-weight:600}.connection-status{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#fff3;border-radius:12px;font-size:.85rem}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse-status 2s infinite}.status-dot.connected{background:#4ade80;box-shadow:0 0 8px #4ade80cc}.status-dot.disconnected{background:#f87171;box-shadow:0 0 8px #f87171cc;animation:none}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-weight:500}.header-center{flex:1;text-align:center}.session-info{font-size:.8rem;opacity:.85;font-weight:400}.header-actions{display:flex;gap:8px}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#fff3;color:#fff;font-size:1.1rem;cursor:pointer;transition:background .2s}.icon-button:hover{background:#ffffff4d}.icon-button:disabled{opacity:.4;cursor:not-allowed}.chat-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#a0aec0;font-size:1rem}@media (max-width: 768px){.chat-layout{width:100%;height:100vh;margin:0;border-radius:0}.chat-header{padding:12px 16px}.chat-title{font-size:1rem}.connection-status{font-size:.75rem}.session-info{display:none}}.core-measure-generator-page{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.core-measure-generator-page .chat-container{flex:1;display:flex;flex-direction:column}.component-metric-generator-page{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-container{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.2rem;color:#fff}.metric-explainer-page{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.metric-fixer-page{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#11998e,#38ef7d)}.loading-container{display:flex;justify-content:center;align-items:center;flex:1;color:#fff}.App{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;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;background:#f5f5f5}#root{width:100%;height:100vh;margin:0;padding:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}