:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh;padding:2rem;box-sizing:border-box}button{border-radius:8px;border:1px solid #d1d5db;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#646cff;background-color:#f9fafb}select{padding:.6em 1.2em;font-size:1em;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;color:#374151;cursor:pointer}input[type=text],textarea{padding:.6em 1.2em;font-size:1em;border-radius:8px;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-family:inherit}.card{padding:2em;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:1em 0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}h1,h2,h3{color:#1f2937}table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.9em;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}th,td{padding:.75em;text-align:left;border-bottom:1px solid #e5e7eb}th{background:#f9fafb;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.5px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}th:hover{background:#f3f4f6}th.sortable:after{content:" ↕";color:#9ca3af;font-size:.8em}th.sort-asc:after{content:" ↑";color:#6366f1}th.sort-desc:after{content:" ↓";color:#6366f1}td{font-size:.95em;color:#374151}tr:hover{background-color:#f9fafb}.loading{text-align:center;padding:2em;color:#6b7280}.error{color:#dc2626;padding:1em;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1em 0}.sql-editor{margin:1em 0}.sql-editor textarea{width:100%;min-height:150px;resize:vertical;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;line-height:1.4}.sql-controls{display:flex;gap:1em;align-items:center;margin-top:.5em}.btn-primary{background-color:#6366f1;color:#fff;border:1px solid #6366f1}.btn-primary:hover{background-color:#5856eb;border-color:#5856eb}.btn-secondary{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f3f4f6}