*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#1a1a1a}.sign-in-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.layout{display:flex;flex-direction:column;height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#1a1a2e;color:#fff;flex-shrink:0}.header h1{font-size:18px;font-weight:600}.layout-body{display:flex;flex:1;overflow:hidden}.conversation-list{width:260px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0}.new-chat-btn{margin:12px;padding:10px;background:#1a1a2e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.new-chat-btn:hover{background:#16213e}.conversation-items{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0}.conversation-item:hover{background:#f5f5f5}.conversation-item.active{background:#e8eaf6}.conversation-title{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-delete{background:none;border:none;color:#999;cursor:pointer;padding:2px 6px;font-size:12px;border-radius:3px}.conversation-delete:hover{background:#ffebee;color:#c62828}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:20px}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state h2{font-size:20px;margin-bottom:12px;color:#333}.empty-state p{font-size:14px;line-height:1.6}.chat-message{margin-bottom:20px;max-width:800px}.chat-message.user{margin-left:auto}.message-role{font-size:11px;font-weight:600;text-transform:uppercase;color:#666;margin-bottom:4px}.chat-message.user .message-role{text-align:right}.message-content{padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.6}.chat-message.user .message-content{background:#1a1a2e;color:#fff;border-radius:8px 8px 0}.chat-message.assistant .message-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px 8px 8px 0}.message-content pre{background:#f5f5f5;padding:10px;border-radius:4px;overflow-x:auto;font-size:13px;margin:8px 0}.message-content code{background:#f0f0f0;padding:1px 4px;border-radius:3px;font-size:13px}.message-content pre code{background:none;padding:0}.message-content p{margin:6px 0}.message-content table{border-collapse:collapse;margin:8px 0;font-size:13px;width:100%;display:block;overflow-x:auto;white-space:nowrap}.message-content th,.message-content td{border:1px solid #ddd;padding:6px 10px;text-align:left}.message-content th{background:#f5f5f5;font-weight:600}.tool-calls{margin-bottom:8px}.tool-call-block{border:1px solid #e0e0e0;border-radius:6px;margin-bottom:6px;background:#fafafa}.tool-call-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;font-size:13px;text-align:left}.tool-call-header:hover{background:#f0f0f0}.tool-call-icon{font-size:10px;color:#666}.tool-call-name{font-weight:600;color:#1a1a2e}.tool-call-sql-preview{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-call-body{padding:12px;border-top:1px solid #e0e0e0}.tool-call-input,.tool-call-output{margin-bottom:8px}.tool-call-input strong,.tool-call-output strong{display:block;font-size:12px;margin-bottom:4px;color:#666}.tool-call-body pre{background:#f5f5f5;padding:8px;border-radius:4px;overflow-x:auto;font-size:12px;max-height:300px;overflow-y:auto}.sql-table-wrapper{overflow-x:auto;max-height:400px;overflow-y:auto}.sql-table{border-collapse:collapse;font-size:12px;white-space:nowrap}.sql-table th,.sql-table td{border:1px solid #ddd;padding:4px 8px;text-align:left}.sql-table th{background:#e8eaf6;font-weight:600;position:sticky;top:0}.sql-table tr:nth-child(2n){background:#fafafa}.sql-raw,.sql-empty{font-size:12px;color:#666}.result-toolbar{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0}.result-toolbar-btn{padding:3px 10px;font-size:12px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;color:#333;font-family:inherit}.result-toolbar-btn:hover{background:#f0f0f0}.result-toolbar-btn.active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.result-toolbar-btn.download{color:#2e7d32;border-color:#66bb6a}.result-toolbar-btn.download:hover{background:#e8f5e9}.result-chart-wrapper{width:100%;height:300px;margin-top:8px}.chat-input{display:flex;gap:10px;padding:16px 20px;border-top:1px solid #e0e0e0;background:#fff}.chat-input textarea{flex:1;padding:10px 14px;border:1px solid #ccc;border-radius:8px;font-size:14px;font-family:inherit;resize:none;outline:none;line-height:1.4}.chat-input textarea:focus{border-color:#1a1a2e}.chat-input button{padding:10px 20px;background:#1a1a2e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;white-space:nowrap}.chat-input button:hover:not(:disabled){background:#16213e}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:8px;height:8px;background:#999;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.streaming-cursor{display:inline-block;width:2px;height:1em;background:#666;margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-error{padding:10px 14px;background:#ffebee;color:#c62828;border-radius:6px;font-size:13px;margin-bottom:12px}