:root{--bg-primary: #090c10;--bg-surface: #10141d;--bg-card: #151a26;--bg-card-hover: #1c2333;--bg-input: #0d1118;--border-subtle: #232a3b;--border-glow: rgba(0, 242, 254, .35);--text-main: #f0f4f8;--text-muted: #8b9bb4;--text-dim: #5a6880;--accent-cyan: #00f2fe;--accent-blue: #4facfe;--accent-purple: #9d4edd;--accent-gradient: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--accent-glow: 0 0 24px rgba(0, 242, 254, .3);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .12);--color-warning: #fbbf24;--color-warning-bg: rgba(245, 158, 11, .15);--color-danger: #f87171;--color-danger-bg: rgba(239, 68, 68, .15);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-card: 0 8px 32px rgba(0, 0, 0, .35);--transition: all .2s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 20%,rgba(0,242,254,.05) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(157,78,221,.05) 0%,transparent 40%);background-attachment:fixed}code,pre{font-family:var(--font-mono)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.container-app{max-width:880px;margin:0 auto;padding:32px 20px}@media(max-width:768px){.container-app{padding:16px 12px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:1.4;border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;border:1px solid transparent;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-gradient);color:#041324;font-weight:800;box-shadow:0 0 20px #00f2fe4d}.btn-primary:hover:not(:disabled){box-shadow:0 0 28px #00f2fe80;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-main)}.btn-secondary:hover:not(:disabled){border-color:var(--border-glow);background-color:var(--bg-card)}.btn-ghost{background:transparent;color:var(--text-dim);border-color:var(--border-subtle)}.btn-ghost:hover:not(:disabled){color:var(--text-main);border-color:var(--border-glow)}.btn-sm{padding:6px 12px;font-size:13px;border-radius:var(--radius-sm)}.btn-md{padding:10px 18px;font-size:14px}.btn-lg{padding:14px 28px;font-size:15px;font-weight:800}.card-panel{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card-interactive{transition:var(--transition);cursor:pointer}.card-interactive:hover{border-color:var(--border-glow);box-shadow:0 10px 30px #00f2fe1f;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.badge-cyan{background-color:#00f2fe1f;color:var(--accent-cyan);border:1px solid var(--border-glow)}.input-text{width:100%;background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-main);font-size:15px;font-family:var(--font-sans);transition:var(--transition)}.input-text:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 16px #00f2fe40}select{color-scheme:dark}select option{background-color:var(--bg-surface);color:var(--text-main);padding:8px 12px}.text-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-cyan{color:var(--accent-cyan)}.sql-editor-textarea::selection{background:#00f2fe4d!important}