@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #f4f7fc;--paper: #ffffff;--ink: #0f172a;--ink-soft: #5b6478;--line: #e3e8f3;--accent: #2563eb;--accent-2: #06b6d4;--accent-grad: linear-gradient(120deg, #4f6df5 0%, #2563eb 45%, #06b6d4 100%);--danger: #e0405a;--success: #22c55e;--glow: rgba(37, 99, 235, .18);--radius: 18px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;background:radial-gradient(1100px 520px at 8% -10%,rgba(79,109,245,.14) 0%,transparent 60%),radial-gradient(900px 480px at 100% 0%,rgba(6,182,212,.14) 0%,transparent 60%),var(--bg);color:var(--ink)}.app-shell{width:min(1200px,96vw);margin:1.5rem auto 3rem}.brand{display:flex;align-items:center;gap:.5rem;min-width:0}.brand img{height:clamp(34px,5.5vw,52px);max-width:min(150px,30vw);width:auto;display:block;object-fit:contain}.brand-name{font-size:1.3rem;font-weight:800;letter-spacing:-.01em}.brand-name .lense{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.6rem .2rem}.layout-grid{margin-top:1rem;display:grid;gap:1rem;grid-template-columns:repeat(12,1fr)}.panel{grid-column:span 6;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:0 12px 30px #0f172a0f;animation:rise .46s ease-out}.panel.wide{grid-column:1 / -1}h2,h3{margin-top:0;font-weight:700;letter-spacing:-.01em}.stack{display:grid;gap:.65rem}label{display:grid;gap:.3rem;font-size:.88rem;color:var(--ink-soft);font-weight:500}input,button,textarea{font:inherit}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.62rem .72rem;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid var(--glow)}button{border:none;border-radius:var(--radius-sm);padding:.62rem .9rem;background:var(--accent-grad);color:#fff;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;box-shadow:0 8px 18px #2563eb38}button:hover{transform:translateY(-1px);filter:brightness(1.04)}button:disabled{opacity:.6;cursor:progress;transform:none;box-shadow:none}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}button.danger{background:var(--danger);box-shadow:0 8px 18px #e0405a38}.row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.row.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.list li{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:#fbfcff;transition:border-color .16s ease,transform .16s ease}.list li:hover{border-color:#c7d6f8;transform:translateY(-1px)}.list.compact li{display:grid;justify-content:flex-start}.list span{font-size:.78rem;color:var(--ink-soft)}.meta,.sql{color:var(--ink-soft);margin:.1rem 0;word-break:break-word}.meta code,li code{background:#eef2fd;color:#2748b0;border-radius:6px;padding:.1rem .4rem;font-size:.82rem}.error{border:1px solid #f7c1cc;background:#fff0f3;color:#9e1c34;border-radius:var(--radius-sm);padding:.6rem .75rem}.result pre{margin:.6rem 0 0;max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem;background:#f8faff}.auth-panel{max-width:420px;margin:3rem auto 0;text-align:left}.tabs{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.5rem}.tab{background:#fff;color:var(--ink-soft);border:1px solid var(--line);font-weight:600;box-shadow:none}.tab.active{background:var(--accent-grad);color:#fff;border-color:transparent;box-shadow:0 8px 18px #2563eb38}.token-once{border:1px solid #bfe6cf;background:#f0fdf6;border-radius:var(--radius-sm);padding:.62rem .75rem}.token-once code{display:block;overflow-wrap:anywhere}.driver-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.ssh-fields{border-left:2px solid var(--line);padding-left:.8rem;margin-left:.1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-panel{background:var(--paper);border-radius:var(--radius);box-shadow:0 30px 60px #0f172a4d;width:min(560px,100%);max-height:90vh;overflow-y:auto;padding:1.2rem;animation:rise .22s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.modal-header h2{margin:0}.modal-close{width:32px;height:32px;padding:0;font-size:1.2rem;line-height:1;border-radius:999px}.table-wrap{overflow-x:auto}table.striped{width:100%;border-collapse:collapse;font-size:.88rem}table.striped th{text-align:left;font-weight:600;color:var(--ink-soft);padding:.55rem .7rem;border-bottom:1px solid var(--line)}table.striped td{padding:.55rem .7rem;border-bottom:1px solid var(--line);vertical-align:middle}table.striped tbody tr:nth-child(2n){background:#f7f9fd}table.striped tbody tr:hover{background:#eef3fc}table.striped .actions{text-align:right;white-space:nowrap}.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.empty-state{color:var(--ink-soft);font-size:.88rem;padding:1rem 0;text-align:center}.driver-card{display:grid;gap:.2rem;text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none;padding:.8rem}.driver-card:hover{border-color:var(--accent);transform:translateY(-1px)}.driver-card.disabled{opacity:.5;cursor:not-allowed}.driver-card .meta{font-size:.78rem}.pill{display:inline-block;font-size:.78rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:#eef1f8;color:var(--ink-soft)}.pill-success{background:#e9faf0;color:#178a4c}.pill-danger{background:#fff0f3;color:#9e1c34}.schema-preview{max-height:220px;overflow:auto}.result-preview{margin:0;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem;background:#f8faff;font-size:.8rem}.code-box{font-family:Courier New,Courier,monospace;font-size:.82rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem;background:#0f172a;color:#d6e4ff;margin:0}textarea.code-editable{resize:vertical}.result-table-wrap{max-height:480px;overflow:auto}.result-table-wrap td{font-family:Courier New,Courier,monospace;font-size:.8rem;vertical-align:top;max-width:360px}.json-toggle{background:none;border:none;box-shadow:none;padding:0;margin:0;font:inherit;font-family:Courier New,Courier,monospace;font-size:.8rem;color:var(--accent);cursor:pointer}.json-toggle:hover{transform:none;filter:none;text-decoration:underline}.json-children{margin-left:1rem;border-left:1px dashed var(--line);padding-left:.6rem}.json-row{white-space:nowrap}.json-key{color:var(--ink-soft)}.json-string{color:#178a4c}.json-number{color:#2748b0}.json-bool{color:#9e6b1c}.json-null{color:var(--ink-soft);font-style:italic}.json-punct{color:var(--ink-soft)}.export-columns-grid{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem;display:grid;gap:.35rem}.export-col-item{display:flex;align-items:center;gap:.45rem;color:var(--ink);font-size:.86rem}.export-col-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 980px){.panel,.panel.wide{grid-column:1 / -1}}@media (max-width: 640px){.app-shell{width:94vw}.topbar{align-items:flex-start}.topbar .row{width:100%;justify-content:space-between}.brand-name{font-size:1.1rem}.columns,.row.two{grid-template-columns:1fr}}