body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0f172a;--secondary:#1e293b;--accent:#3b82f6;--accent-light:#60a5fa;--success:#10b981;--error:#ef4444;--border:#334155;--text:#f1f5f9;--text-muted:#cbd5e1;--bg-hover:#1e293b;--shadow:0 20px 25px -5px #0006}body{background:linear-gradient(135deg,#0f172a,#0f0f1e);background:linear-gradient(135deg,var(--primary) 0,#0f0f1e 100%);color:#f1f5f9;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app,body{min-height:100vh}.app{background:#0f172a;background:var(--primary);display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom:1px solid #334155;border-bottom:1px solid var(--border);box-shadow:0 4px 6px #0000004d;padding:40px 20px;text-align:center}.header-content{margin:0 auto;max-width:1200px}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--accent) 0,var(--accent-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:3em;font-weight:700;margin-bottom:8px}.subtitle{color:#cbd5e1;color:var(--text-muted);font-size:1.1em}.container{display:flex;flex:1 1;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.query-section{animation:slideDown .4s ease-out;background:#1e293b;background:var(--secondary);border:1px solid #334155;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 25px -5px #0006;box-shadow:var(--shadow);padding:30px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.query-form{gap:20px}.input-group,.query-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{font-weight:600}.input-group label,.input-group textarea{color:#f1f5f9;color:var(--text);font-size:.95em}.input-group textarea{background:#0f172a;background:var(--primary);border:1px solid #334155;border:1px solid var(--border);border-radius:8px;font-family:Monaco,Courier New,monospace;padding:12px 16px;resize:vertical;transition:all .3s ease}.input-group textarea:focus{background:linear-gradient(135deg,#0f172a,#3b82f60d);background:linear-gradient(135deg,var(--primary) 0,#3b82f60d 100%);border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-group textarea:disabled{cursor:not-allowed;opacity:.6}.submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--accent) 0,var(--accent-light) 100%);border:none;border-radius:8px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.error-section{animation:slideDown .4s ease-out}.error-box{align-items:flex-start;background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error);border-radius:8px;display:flex;gap:12px;padding:16px 20px}.error-icon{flex-shrink:0;font-size:1.5em}.error-box p{color:#fca5a5}.sql-section{animation:slideDown .4s ease-out}.sql-section h2{color:#f1f5f9;color:var(--text);font-size:1.3em;margin-bottom:12px}.sql-box{background:#0f172a;background:var(--primary);border:1px solid #334155;border:1px solid var(--border);border-radius:8px;overflow:auto;padding:16px;position:relative}.sql-box code{word-wrap:break-word;color:#60a5fa;color:var(--accent-light);display:block;font-family:Monaco,Courier New,monospace;font-size:.9em;line-height:1.5;white-space:pre-wrap}.copy-btn{background:#3b82f6;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85em;opacity:.8;padding:6px 12px;position:absolute;right:12px;top:12px;transition:opacity .2s}.copy-btn:hover{opacity:1}.results-section{animation:slideDown .4s ease-out}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.results-header h2{color:#f1f5f9;color:var(--text);font-size:1.3em}.count-badge{background:#3b82f6;background:var(--accent);border-radius:20px;color:#fff;font-size:.85em;font-weight:600;padding:4px 12px}.table-wrapper{border:1px solid #334155;border:1px solid var(--border);border-radius:8px;box-shadow:0 20px 25px -5px #0006;box-shadow:var(--shadow);overflow-x:auto}.results-table{background:#1e293b;background:var(--secondary);border-collapse:collapse;width:100%}.results-table thead{background:#0f172a;background:var(--primary);border-bottom:2px solid #334155;border-bottom:2px solid var(--border);position:-webkit-sticky;position:sticky;top:0}.results-table th{color:#60a5fa;color:var(--accent-light);font-size:.9em;font-weight:600;padding:12px 16px;text-align:left}.results-table tbody tr{border-bottom:1px solid #334155;border-bottom:1px solid var(--border);transition:background .2s}.results-table tbody tr:hover{background:#1e293b;background:var(--bg-hover)}.results-table td{color:#cbd5e1;color:var(--text-muted);font-size:.9em;max-width:300px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;white-space:nowrap}.null-value{color:#94a3b8;font-style:italic}.empty-state{align-items:center;animation:slideDown .4s ease-out;display:flex;justify-content:center;min-height:400px}.empty-box{color:#cbd5e1;color:var(--text-muted);text-align:center}.empty-icon{display:block;font-size:3em;margin-bottom:16px}.empty-box h3{color:#f1f5f9;color:var(--text);font-size:1.4em;margin-bottom:8px}.example-queries{border-top:1px solid #334155;border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.example-label{color:#f1f5f9;color:var(--text);font-size:.9em;font-weight:600;margin-bottom:12px}.example-queries ul{display:flex;flex-direction:column;gap:8px;list-style:none}.example-queries li{color:#60a5fa;color:var(--accent-light);font-size:.95em;padding:8px 0}.footer{border-top:1px solid #334155;border-top:1px solid var(--border);color:#cbd5e1;color:var(--text-muted);font-size:.9em;padding:20px;text-align:center}@media (max-width:768px){.title{font-size:2em}.container{gap:20px;padding:20px 16px}.query-section{padding:20px}.results-table td,.results-table th{font-size:.85em;padding:8px 12px}}
/*# sourceMappingURL=main.9d497500.css.map*/