*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#0a0e1a;color:#e4e4e7}.app{display:flex;height:100vh}.sidebar{width:240px;background:#0f1419;border-right:1px solid #1f2937;padding:20px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;margin-bottom:40px;font-size:18px;font-weight:600}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.nav-section{margin-bottom:30px}.nav-title{font-size:11px;text-transform:uppercase;color:#6b7280;margin-bottom:12px;font-weight:600;letter-spacing:.5px}.nav-item{padding:10px 12px;margin-bottom:4px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;color:#9ca3af;transition:all .2s}.nav-item:hover{background:#1f2937;color:#e4e4e7}.nav-item.active{background:#8b5cf6;color:#fff}.badge{margin-left:auto;background:#374151;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.main-content{flex:1;display:flex;flex-direction:column;background:#0a0e1a}.header{padding:20px 30px;border-bottom:1px solid #1f2937;display:flex;justify-content:space-between;align-items:center}.api-info{color:#6b7280;font-size:13px}.header-actions{display:flex;gap:12px}.btn-header{padding:8px 16px;border-radius:6px;border:1px solid #374151;background:transparent;color:#9ca3af;cursor:pointer;font-size:13px;transition:all .2s}.btn-header:hover{background:#1f2937;color:#e4e4e7}.btn-header.live{background:#10b981;color:#fff;border-color:#10b981}.chat-container{flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%;padding:40px 30px;overflow-y:auto;overflow-x:hidden}.ai-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #374151;flex-shrink:0}.ai-icon{width:56px;height:56px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 12px #8b5cf64d}.ai-title{flex:1}.ai-title h2{font-size:26px;font-weight:700;margin-bottom:4px;color:#f3f4f6}.ai-subtitle{color:#9ca3af;font-size:13px;font-weight:500}.btn-clear-history{padding:10px 18px;border-radius:8px;border:1px solid #374151;background:#1f2937;color:#9ca3af;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-clear-history:hover{background:#374151;color:#e4e4e7;border-color:#ef4444}.btn-clear-history:active{transform:scale(.98)}.welcome-message{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:14px;padding:28px;margin-bottom:32px;line-height:1.6;color:#d1d5db;box-shadow:0 2px 8px #0003;flex-shrink:0}.welcome-message p{margin-bottom:16px;font-size:14px}.welcome-message em{color:#8b5cf6;font-style:italic;font-weight:500}.suggested-queries{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px;flex-shrink:0}.query-btn{padding:10px 18px;background:#1f2937;border:1px solid #374151;border-radius:20px;color:#9ca3af;cursor:pointer;font-size:13px;transition:all .2s;font-weight:500}.query-btn:hover{background:#374151;color:#e4e4e7;border-color:#8b5cf6;transform:translateY(-1px)}.index-card{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:14px;padding:28px;margin-bottom:32px;box-shadow:0 4px 16px #0000004d;flex-shrink:0}.index-card h3{font-size:18px;font-weight:700;margin-bottom:8px;color:#f3f4f6}.index-card p{color:#9ca3af;font-size:13px;margin-bottom:24px;line-height:1.5}.index-card-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-fetch{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-fetch:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-fetch:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-index{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-index:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.btn-index:disabled{opacity:.5;cursor:not-allowed;transform:none}.index-message{margin-top:16px;padding:12px 16px;background:#10b981;border-radius:8px;font-size:13px;color:#fff;font-weight:500;border-left:4px solid #059669}.logs-count{margin-top:12px;padding:10px 16px;background:#1f2937;border-radius:8px;font-size:13px;color:#9ca3af;border-left:4px solid #8b5cf6}.chat-messages{flex:0 1 auto;overflow:visible;margin-bottom:20px;padding:20px 0;width:100%}.message{margin-bottom:24px;display:flex;animation:slideIn .3s ease-out;width:100%;overflow:visible;flex-shrink:0}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user-message{justify-content:flex-end}.user-content{max-width:80%;overflow:visible}.message-text-user{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:14px 20px;border-radius:16px 16px 4px;line-height:1.5;font-size:14px;box-shadow:0 2px 8px #3b82f633;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow:visible}.message.ai-message{justify-content:flex-start}.ai-content{width:100%;max-width:100%;background:#111827;border:1px solid #1f2937;border-radius:12px;padding:20px;overflow-x:auto;overflow-y:visible;flex-shrink:0}.ai-content::-webkit-scrollbar{height:6px}.ai-content::-webkit-scrollbar-track{background:transparent}.ai-content::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.ai-content::-webkit-scrollbar-thumb:hover{background:#4b5563}.message-role{font-weight:700;margin-bottom:12px;color:#8b5cf6;font-size:12px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.message-text{color:#d1d5db;line-height:1.7;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;overflow:visible}.loading-indicator{display:flex;align-items:center;gap:12px;flex-shrink:0}.spinner{width:20px;height:20px;border:3px solid #374151;border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#9ca3af;font-style:italic;font-size:14px}.suggested-queries-bottom{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;margin-top:10px;padding:16px;background:#111827;border:1px solid #1f2937;border-radius:12px;flex-shrink:0}.query-btn-small{padding:8px 14px;background:#1f2937;border:1px solid #374151;border-radius:16px;color:#9ca3af;cursor:pointer;font-size:12px;transition:all .2s;white-space:nowrap;font-weight:500;flex-shrink:0}.query-btn-small:hover{background:#374151;color:#e4e4e7;border-color:#8b5cf6;transform:translateY(-1px)}.chat-input-container{position:relative;flex-shrink:0}.chat-input{width:100%;padding:16px 60px 16px 20px;background:#111827;border:1px solid #374151;border-radius:12px;color:#e4e4e7;font-size:14px;outline:none;transition:all .2s}.chat-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.chat-input::placeholder{color:#6b7280}.btn-send{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.btn-send:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px #8b5cf666}.btn-send:disabled{opacity:.5;cursor:not-allowed}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#4b5563}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:#4b5563}table{border-collapse:collapse!important;width:100%!important;table-layout:auto;max-width:100%}table thead tr{border-bottom:2px solid #6f42c1!important;background-color:#1f2937!important}table tbody tr:nth-child(odd){background-color:#6f42c10d!important}table tbody tr:hover{background-color:#6f42c11a!important}table th,table td{text-align:left!important;padding:10px 8px!important;border-right:1px solid #374151!important;font-size:11px!important;word-break:break-word;overflow-wrap:break-word}table th{color:#a0aec0!important;font-weight:600!important;white-space:normal;min-width:60px}table td{color:#e2e8f0!important;max-width:120px}