*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0a0a0a;color:#e0e0e0;line-height:1.6;overflow-x:hidden}.app-container{min-height:100vh;background-color:#0a0a0a;display:flex}.sidebar{width:200px;background:linear-gradient(180deg,#141414,#0f0f0f);border-right:1px solid #2a2a2a;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1000;transition:width .3s ease,transform .3s ease}.sidebar.collapsed{width:60px}.sidebar-header{padding:.8rem .75rem;border-bottom:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;height:60px}.logo{display:flex;align-items:center;justify-content:center;padding:.5rem;width:100%;transition:all .3s ease;border-radius:8px}.logo:hover{background-color:#ffffff0d}.logo-image{height:20px;width:auto;object-fit:contain;transition:all .3s ease}.sidebar.collapsed .logo-image{height:32px;width:32px;object-fit:cover;border-radius:6px}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;color:#888;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem .5rem}.nav-item:hover{background-color:#1a1a1a;color:#e0e0e0}.nav-item.active{background-color:#2a2a2a;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#666,#444)}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.nav-icon svg{color:inherit}.nav-label{flex:1;transition:opacity .2s ease}.sidebar.collapsed .nav-label{opacity:0;width:0;overflow:hidden}.nav-badge{background-color:#444;color:#e0e0e0;padding:.15rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;min-width:20px;text-align:center;transition:opacity .2s ease}.sidebar.collapsed .nav-badge{position:absolute;top:4px;right:4px;padding:.1rem .35rem;font-size:.65rem}.sidebar-footer{border-top:1px solid #2a2a2a;padding:1rem 0}.main-content{flex:1;margin-left:200px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:60px}.app-header{background:linear-gradient(180deg,#1a1a1a,#141414);border-bottom:1px solid #2a2a2a;padding:1rem 2rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:60px;display:flex;align-items:center}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left{display:flex;align-items:center;gap:1rem}.page-title{font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:-.5px}.header-right,.user-menu{display:flex;align-items:center;gap:1rem}.help-button{background:transparent;border:1px solid #2a2a2a;border-radius:6px;padding:.4rem .75rem;color:#888;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.help-button:hover{background-color:#1a1a1a;border-color:#3a3a3a;color:#e0e0e0}.help-button svg{color:inherit}.user-avatar{width:32px;height:32px;background-color:#2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#888;font-size:.75rem;font-weight:600;position:relative;cursor:pointer}.upgrade-badge{position:absolute;top:-3px;right:-3px;width:16px;height:16px;background-color:#ff9800;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;border:2px solid #141414}.api-key-input{background-color:#1e1e1e;border:1px solid #2a2a2a;border-radius:6px;padding:.5rem .75rem;color:#e0e0e0;font-size:.85rem;width:280px;transition:all .2s ease}.api-key-input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a}.api-key-input::placeholder{color:#666}.app-main{flex:1;padding:2rem;overflow-y:auto}.search-section{max-width:1200px;margin:0 auto}.query-input-container{margin-top:0}.query-form{background:linear-gradient(135deg,#1a1a1a,#141414);border:1px solid #2a2a2a;border-radius:12px;padding:1rem;box-shadow:0 4px 16px #0000004d}.input-wrapper{margin-bottom:1rem}.query-textarea{width:100%;background-color:#0a0a0a;border:1px solid #2a2a2a;border-radius:12px;padding:1rem 1.25rem;color:#e0e0e0;font-size:1rem;font-family:inherit;resize:vertical;transition:all .2s ease}.query-textarea:focus{outline:none;border-color:#444;box-shadow:0 0 0 3px #4444441a}.query-textarea::placeholder{color:#666}.submit-button{width:auto;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #3a3a3a;border-radius:8px;padding:.75rem 1.5rem;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;margin-left:auto}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#333,#2a2a2a);border-color:#444;transform:translateY(-1px);box-shadow:0 4px 12px #00000080}.submit-button:disabled{opacity:.5;cursor:not-allowed}.button-icon{font-size:1.2rem}.schema-builder{margin-top:1.5rem;padding:1.25rem;background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:10px}.schema-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.schema-builder-header h3{font-size:.95rem;font-weight:600;color:#e0e0e0}.icon-button{background:transparent;border:1px solid #2a2a2a;border-radius:6px;padding:.4rem;color:#888;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background-color:#1a1a1a;border-color:#3a3a3a;color:#4a9eff}.icon-button svg{color:inherit}.schema-columns{display:flex;flex-direction:column;gap:.75rem}.schema-column-row{display:flex;gap:.75rem;align-items:center}.column-name-input{flex:2;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:.6rem .75rem;color:#e0e0e0;font-size:.85rem;transition:all .2s ease}.column-name-input:focus{outline:none;border-color:#444;box-shadow:0 0 0 3px #4444441a}.column-name-input::placeholder{color:#666}.column-type-select{flex:1;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:.6rem .75rem;color:#e0e0e0;font-size:.85rem;cursor:pointer;transition:all .2s ease}.column-type-select:focus{outline:none;border-color:#444;box-shadow:0 0 0 3px #4444441a}.column-type-select option{background-color:#1a1a1a;color:#e0e0e0}.column-description-input{flex:3;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:.6rem .75rem;color:#e0e0e0;font-size:.85rem;transition:all .2s ease}.column-description-input:focus{outline:none;border-color:#444;box-shadow:0 0 0 3px #4444441a}.column-description-input::placeholder{color:#666}.remove-column-button{flex-shrink:0;color:#888}.remove-column-button:hover{color:#ff6b6b;border-color:#ff6b6b}.schema-empty-state{text-align:center;padding:2rem 1rem;color:#666;font-size:.9rem}.example-queries{margin-top:2rem;text-align:left}.example-label{font-size:.9rem;color:#888;margin-bottom:1rem}.example-chips{display:flex;flex-direction:column;gap:.75rem}.example-chip{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:.75rem 1rem;color:#b0b0b0;font-size:.9rem;text-align:left;cursor:pointer;transition:all .2s ease}.example-chip:hover{background-color:#222;border-color:#3a3a3a;color:#e0e0e0;transform:translate(4px)}.loading-container{max-width:600px;margin:4rem auto}.loading-card{background:linear-gradient(135deg,#1a1a1a,#141414);border:1px solid #2a2a2a;border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px #0006}.loading-header{text-align:center;margin-bottom:2rem}.loading-icon{display:inline-block;margin-bottom:1rem}.spinner{width:48px;height:48px;border:4px solid #2a2a2a;border-top-color:#4a9eff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:1.5rem;font-weight:600;color:#fff}.loading-steps{margin:2rem 0}.loading-step{display:flex;align-items:center;gap:1rem;padding:.75rem 0;transition:all .3s ease}.step-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon{color:#888;font-size:1rem;font-weight:700}.current-dot{width:12px;height:12px;background-color:#666;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.pending-dot{width:8px;height:8px;background-color:#3a3a3a;border-radius:50%}.step-text{color:#666;font-size:.95rem;transition:color .3s ease}.loading-step.completed .step-text{color:#888}.loading-step.current .step-text{color:#fff;font-weight:500}.progress-section{margin-top:2rem}.progress-bar-container{width:100%;height:8px;background-color:#2a2a2a;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-bar{height:100%;background:linear-gradient(90deg,#444,#666);border-radius:4px;transition:width .3s ease}.progress-text{text-align:center;color:#888;font-size:.9rem;font-weight:600}.results-section{margin-top:2rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.results-actions{display:flex;gap:.75rem;flex:1}.action-button{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:.65rem 1.25rem;color:#e0e0e0;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.action-button:hover{background-color:#222;border-color:#3a3a3a;transform:translateY(-1px)}.action-button.primary{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #3a3a3a;color:#fff}.action-button.primary:hover{background:linear-gradient(135deg,#333,#2a2a2a);border-color:#444}.new-query-button{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:1px solid #3a3a3a;border-radius:8px;padding:.65rem 1.25rem;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.new-query-button:hover{background:linear-gradient(135deg,#333,#2a2a2a);border-color:#444;transform:translateY(-1px);box-shadow:0 4px 12px #00000080}.new-query-button svg,.action-button svg{color:inherit}.table-container{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.table-wrapper{overflow-x:auto;overflow-y:auto;border-radius:8px;border:1px solid #2a2a2a;max-height:calc(100vh - 280px)}.data-table{width:100%;border-collapse:collapse;background-color:#0a0a0a}.data-table thead{background-color:#1a1a1a;position:sticky;top:0;z-index:10}.row-number-header,.row-number{background-color:#1a1a1a;color:#666;font-weight:500;text-align:center;width:60px;border-right:1px solid #2a2a2a;position:sticky;left:0;z-index:5}.column-header{padding:1rem;text-align:left;border-bottom:2px solid #2a2a2a;border-right:1px solid #2a2a2a;font-weight:600;color:#e0e0e0;font-size:.9rem;text-transform:capitalize}.column-header-content{display:flex;align-items:center;gap:.5rem}.table-row{transition:background-color .15s ease}.table-row:hover{background-color:#141414}.table-row:nth-child(2n){background-color:#0f0f0f}.row-number{padding:.75rem;font-size:.85rem}.table-cell{padding:.75rem 1rem;border-bottom:1px solid #1a1a1a;border-right:1px solid #1a1a1a;color:#b0b0b0;font-size:.9rem;cursor:pointer;transition:all .15s ease}.table-cell:hover{background-color:#1a1a1a}.table-cell.selected{background-color:#2a2a2a;border:2px solid #444;outline:none}.empty-row .table-cell{cursor:default}.empty-row .table-cell:hover,.empty-row:hover{background-color:transparent}.empty-row:nth-child(2n){background-color:#0f0f0f}.cell-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #2a2a2a;color:#666;font-size:.85rem}.empty-table{text-align:center;padding:3rem;color:#666;font-size:1rem}.error-container{max-width:600px;margin:4rem auto;text-align:center}.error-message{background:linear-gradient(135deg,#1a1a1a,#141414);border:1px solid #3a3a3a;border-radius:12px;padding:2rem;color:#ccc;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.error-icon{font-size:1.5rem}.error-inline{margin-top:1rem}.error-inline-message{background:linear-gradient(135deg,#1a1a1a,#141414);border:1px solid #3a3a3a;border-radius:8px;padding:.75rem 1rem;color:#ccc;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.error-inline-message svg{color:#888;flex-shrink:0}.retry-button{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:.75rem 1.5rem;color:#e0e0e0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background-color:#222;border-color:#3a3a3a;transform:translateY(-1px)}@media (max-width: 1024px){.results-header{flex-direction:column;align-items:stretch}.results-actions{flex-wrap:wrap}.action-button{flex:1;min-width:140px}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.collapsed{transform:translate(0)}.main-content,.main-content.sidebar-collapsed{margin-left:0}.app-header{padding:1rem}.header-content{flex-wrap:wrap;gap:.75rem}.header-right{flex-wrap:wrap;width:100%}.api-key-input{width:100%}.query-form{padding:1.5rem}.table-container{padding:1rem}.cell-content{max-width:150px}.results-actions{flex-direction:column}.action-button{width:100%}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}