:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d19;--surface:#0f1726;--surface2:#141f31;--line:#233249;--text:#f5f8ff;--muted:#8ea0b9;--cyan:#6fe3dd;--indigo:#6a7dff;--success:#51dcae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,p{margin-top:0}.wrap{max-width:1260px;margin:0 auto;padding-left:28px;padding-right:28px}.landing{background:radial-gradient(circle at 77% 11%,#13364c 0,transparent 32%),radial-gradient(circle at 24% 22%,#1c2056 0,transparent 34%),var(--bg)}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand{white-space:nowrap;letter-spacing:-.03em;align-items:center;gap:11px;font-size:17px;display:inline-flex}.brand strong{font-weight:780}.brand-mark{color:#061324;background:linear-gradient(135deg,#71e8d9,#697bff);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 7px 26px #6fe3dd28}.top-links{color:#c3d1e3;align-items:center;gap:25px;display:flex}.top-links>a:not(.button):hover{color:#fff}.button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:11px 17px;font-weight:650;display:inline-flex}.button.small{padding:8px 13px}.button.primary{color:#071322;background:linear-gradient(135deg,#70ead8,#7d9dff);box-shadow:0 8px 25px #639af625}.button.primary:hover{filter:brightness(1.08)}.button.ghost{color:#e2eaf5;background:#ffffff0b;border-color:#52678070}.button.ghost:hover{background:#ffffff16}.eyebrow{letter-spacing:.2em;color:var(--cyan);font-size:11px;font-weight:800}.hero{padding-top:100px;padding-bottom:130px}.hero h1{letter-spacing:-.075em;max-width:900px;margin:18px 0 24px;font-size:clamp(50px,7vw,94px);line-height:1.01}.hero h1 em{color:var(--cyan);font-style:normal}.hero>p{color:#b1bfd3;max-width:650px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-facts{color:#b1c3d3;flex-wrap:wrap;gap:24px;margin-top:72px;font-size:12px;display:flex}.hero-facts span{align-items:center;gap:7px;display:flex}.hero-facts svg{color:var(--cyan)}.feature-section{border-top:1px solid #ffffff15;padding-top:70px;padding-bottom:100px}.section-intro{max-width:600px}.section-intro h2,.architecture h2{letter-spacing:-.04em;margin:12px 0;font-size:clamp(30px,4vw,46px);line-height:1.12}.section-intro p,.architecture p{color:var(--muted);line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;display:grid}.feature-card,.panel,.metric,.auth-card{border:1px solid var(--line);background:linear-gradient(155deg,#152033,#0d1524);border-radius:18px}.feature-card{min-height:180px;padding:26px}.feature-icon,.metric-icon{width:38px;height:38px;color:var(--cyan);background:#62dcd91a;border:1px solid #62dcd936;border-radius:11px;place-items:center;display:grid}.feature-card h3{margin:22px 0 7px;font-size:17px}.feature-card p{color:var(--muted);font-size:13px}.architecture{border-top:1px solid #ffffff15;justify-content:space-between;align-items:center;gap:40px;padding-top:60px;padding-bottom:80px;display:flex}.architecture>div{max-width:700px}.footer{color:#7487a1;border-top:1px solid #ffffff15;justify-content:space-between;align-items:center;min-height:75px;font-size:12px;display:flex}.auth-page{background:radial-gradient(circle at center,#1a3150,var(--bg) 60%);flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100vh;padding:24px;display:flex}.auth-card{width:min(100%,430px);padding:34px;box-shadow:0 30px 90px #0007}.auth-card h1{letter-spacing:-.04em;margin:12px 0 5px;font-size:34px}.auth-card>p,.auth-card small{color:var(--muted)}.auth-card .eyebrow{margin-top:24px;display:block}.auth-card .button{margin:22px 0 12px}.wide{width:100%}.console{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0a1220;flex-direction:column;min-height:100vh;padding:21px 14px;display:flex}.sidebar .brand{margin:0 7px 36px;font-size:15px}.sidebar-label{letter-spacing:.17em;color:#71839e;padding:7px 12px;font-size:10px;font-weight:750}.projects-label{margin-top:24px}.side-action,.project-item{color:#b5c4d7;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.side-action.active{color:#dff5f3;background:#173244}.side-action span{color:#83d9d4;margin-left:auto}.project-list{overflow:auto}.project-item{white-space:nowrap;font-size:13px;overflow:hidden}.project-item span:last-child{text-overflow:ellipsis;overflow:hidden}.project-item:hover,.project-item.selected{color:#fff;background:#1a2639}.project-dot{background:var(--cyan);border-radius:100%;flex:none;width:7px;height:7px}.sidebar-bottom{border-top:1px solid var(--line);gap:3px;margin-top:auto;padding-top:15px;display:grid}.sidebar-bottom a{color:var(--muted);align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.sidebar-bottom a:hover{color:#fff}.console-main{min-width:0}.console-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:110px;padding:18px 34px;display:flex}.console-header h1{letter-spacing:-.035em;margin:3px 0 0;font-size:25px}.console-header p{color:var(--muted);margin:0;font:12px ui-monospace,monospace}.header-actions{align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--line);color:#bdcfe0;background:var(--surface);border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{border-color:var(--cyan);color:#fff}.profile-wrap{position:relative}.profile-button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;align-items:center;gap:9px;padding:5px 10px 5px 5px;display:flex}.avatar{background:#537dbd;border-radius:8px;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.chevron{color:var(--muted)}.profile-menu{border:1px solid var(--line);z-index:10;background:#172438;border-radius:12px;flex-direction:column;min-width:230px;padding:12px;display:flex;position:absolute;top:45px;right:0;box-shadow:0 20px 50px #000a}.profile-menu strong{font-size:12px}.profile-menu small{color:var(--muted);margin-bottom:12px}.profile-menu a,.profile-menu button{color:var(--text);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:8px;font-size:12px;display:flex}.profile-menu a:hover,.profile-menu button:hover{background:#ffffff12}.console-content{max-width:1450px;margin:0 auto;padding:28px 34px 60px}.project-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.project-toolbar>div:first-child{align-items:center;gap:15px;display:flex}.status-pill{color:#77e2b9;background:#3cbd8b13;border:1px solid #3cbd8b59;border-radius:99px;align-items:center;gap:7px;padding:5px 9px;font-size:11px;display:inline-flex}.status-pill>span{background:var(--success);border-radius:50%;width:6px;height:6px}.muted{color:var(--muted)}.tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:24px;display:flex;overflow:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 15px;font-size:12px;font-weight:650}.tabs button:hover{color:#fff}.tabs button.on{color:var(--cyan);border-color:var(--cyan)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.metric{flex-direction:column;gap:8px;min-height:150px;padding:20px;display:flex}.metric>span{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:7px;font-size:11px}.metric strong{letter-spacing:-.04em;font-size:25px;line-height:1}.panel-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel{margin-bottom:18px;padding:23px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px;padding-bottom:16px;display:flex}.panel-heading h2{margin:0 0 3px;font-size:17px}.panel-heading p{color:var(--muted);margin:0;font-size:12px}.panel-heading>svg{color:var(--cyan)}.detail-list>div{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;font-size:12px;display:flex}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--muted)}.detail-list code{text-overflow:ellipsis;max-width:60%;overflow:hidden}.activity-list>div{border-bottom:1px solid #ffffff0e;align-items:center;gap:9px;padding:10px 0;font-size:12px;display:flex}.activity-list time{color:var(--muted);margin-left:auto;font-size:10px}.activity-dot{background:var(--cyan);border-radius:50%;width:7px;height:7px}.alert,.connection-card,.notice-box{border-radius:10px;margin-bottom:18px;padding:12px 15px;font-size:12px}.alert{align-items:center;gap:9px;display:flex}.alert span{flex:1}.alert button{color:inherit;background:0 0;border:0}.alert.error{color:#ffb0be;background:#74253b36;border:1px solid #a43a5277}.alert.success{color:#9ef4d6;background:#194d4236;border:1px solid #297c6877}.connection-card{background:#153a3c;border:1px solid #70ead866}.connection-card p{color:#a9d2d0;margin:2px 0 8px}.copy-row{align-items:center;gap:8px;display:flex}.copy-row code{background:#081c21;border-radius:8px;flex:1;padding:10px;font-size:11px;overflow:auto}.text-button{color:var(--cyan);background:0 0;border:0;padding:8px 0 0}.create-row{flex-wrap:wrap;gap:10px;display:flex}.create-row input,.editor-toolbar select{border:1px solid var(--line);color:var(--text);background:#0a1523;border-radius:9px;min-width:210px;padding:10px 12px}.create-row input:focus,.sql-editor:focus{outline:1px solid var(--cyan)}.create-row.compact input{width:190px;min-width:180px}.empty-state{text-align:center;border:1px dashed #49617a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:30px;display:flex}.empty-state h2{margin:20px 0 3px;font-size:25px}.empty-state p{color:var(--muted)}.empty-state .create-row{margin-top:20px}.editor-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.editor-toolbar label{color:var(--muted);font-size:12px}.editor-toolbar select{min-width:120px;margin-left:8px}.sql-editor{resize:vertical;border:1px solid var(--line);color:#b8eae4;background:#07111d;border-radius:10px;width:100%;min-height:180px;padding:18px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.result-header{justify-content:space-between;gap:12px;margin:22px 0 10px;display:flex}.result-header span{color:var(--muted);font-size:11px}.table-scroll{border:1px solid var(--line);border-radius:8px;max-height:400px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font:12px ui-monospace,monospace}th,td{border-bottom:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;max-width:450px;padding:9px 12px;overflow:hidden}th{color:var(--cyan);background:#172539;position:sticky;top:0}td em{color:var(--muted)}.table-list,.branch-list,.backup-list{gap:1px;display:grid}.table-list button,.backup-list a{color:var(--text);text-align:left;background:#ffffff07;border:0;border-radius:8px;align-items:center;gap:12px;margin-bottom:5px;padding:12px;display:flex}.table-list button:hover,.backup-list a:hover{background:#ffffff12}.table-list button>svg:last-child{margin-left:auto}.empty-inline{text-align:center;color:var(--muted);padding:50px}.branch-list{margin-top:25px}.branch-list>div{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px;display:flex}.branch-list svg{color:var(--cyan)}.branch-list span,.backup-list a span:last-child{color:var(--muted);margin-left:auto;font-size:12px}.notice-box{color:#d9c8a4;background:#77541a21;border:1px solid #aa833d55}.backup-list a span:nth-child(2){flex:1}.settings-action{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:20px;display:flex}.settings-action p{color:var(--muted);margin:3px 0 0;font-size:12px}@media (max-width:1000px){.feature-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.console{grid-template-columns:200px minmax(0,1fr)}.console-content{padding:22px}}@media (max-width:700px){.top-links>a:not(.button),.top-links .button.ghost{display:none}.hero{padding-top:65px;padding-bottom:80px}.hero>p{font-size:16px}.feature-grid,.panel-grid{grid-template-columns:1fr}.architecture{display:block}.architecture .button{margin-top:20px}.footer{padding-top:25px;display:block}.footer span,.console{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding-bottom:10px}.sidebar .brand{margin-bottom:10px}.sidebar-label,.side-action,.project-list,.sidebar-bottom{display:none}.console-header{height:auto;padding:20px}.console-header h1{font-size:21px}.console-content{padding:18px}.project-toolbar{display:block}.project-toolbar .create-row{margin-top:12px}.metric-grid{gap:8px}.metric{padding:15px}.profile-button>span:nth-child(2){display:none}.sidebar .projects-label{margin-top:2px;display:block}.sidebar .project-list{gap:5px;display:flex;overflow:auto}.sidebar .project-item{flex:none;width:auto}.sidebar .sidebar-bottom{display:none}}:root{--danger:#ff737d}.button.danger{color:#ffb8be;background:#7f263235;border-color:#ff737d80}.button.danger:hover{background:#a52b3c55}.danger-zone{align-items:flex-start}.danger-zone .create-row{justify-content:flex-end}.danger-zone input{min-width:200px}@media (max-width:700px){.settings-action{flex-direction:column;align-items:stretch}.danger-zone .create-row{justify-content:flex-start}}.project-label{text-align:left;flex-direction:column;min-width:0;display:flex}.project-label strong{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.project-label small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.project-item.selected .project-label small{color:#b0d6d2}@media (min-width:701px){.sidebar{height:100dvh;min-height:0;position:sticky;top:0;overflow:hidden}.project-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#435a74 transparent;flex:auto;min-height:0;overflow:hidden auto}.sidebar-bottom{flex:none}}@media (max-width:700px){.sidebar{height:auto;position:static;overflow:visible}.sidebar .project-list{min-height:0;overflow:auto hidden}}.console{color:var(--text);background:var(--bg)}.console.theme-light{--bg:#f5f7fb;--surface:#fff;--surface2:#f8fafc;--line:#dbe3ee;--text:#17253a;--muted:#61718a;--cyan:#087f91;--success:#07885f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.console.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.console-main{background:var(--bg);min-width:0;min-height:100vh}.console.theme-light .sidebar{background:#fff;box-shadow:4px 0 24px #23395708}.console.theme-light .sidebar-label{color:#657894}.console.theme-light .side-action,.console.theme-light .project-item{color:#485b73}.console.theme-light .side-action.active{color:#075c71;background:#e4f4f5}.console.theme-light .side-action span{color:#087f91}.console.theme-light .project-item:hover,.console.theme-light .project-item.selected{color:#132a3c;background:#eaf4f7}.console.theme-light .project-item.selected .project-label small{color:#526e7d}.console.theme-light .sidebar-bottom a:hover{color:#087f91}.console-header{background:var(--surface);align-items:center;height:auto;min-height:116px;padding:22px clamp(22px,3vw,48px)}.workspace-title{min-width:0;max-width:100%}.workspace-title h1{overflow-wrap:anywhere;margin:5px 0 6px;font-size:clamp(23px,2.2vw,32px);line-height:1.15}.workspace-title p{overflow-wrap:anywhere;line-height:1.5}.header-actions{flex:none}.console .eyebrow{color:var(--cyan)}.console .icon-button,.console .profile-button{background:var(--surface2);border-color:var(--line);color:var(--text)}.console .icon-button:hover{background:var(--surface);color:var(--cyan)}.avatar{color:#fff;background:linear-gradient(135deg,#0a789a,#6366f1);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.console .profile-menu{background:var(--surface);min-width:258px;box-shadow:0 22px 60px #1c2e4b26}.profile-menu-person{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;margin-bottom:6px;padding:4px 6px 12px;display:flex}.profile-menu-person>div{flex-direction:column;min-width:0;display:flex}.profile-menu-person strong,.profile-menu-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-menu-person small{margin:0}.console.theme-light .profile-menu a:hover,.console.theme-light .profile-menu button:hover{background:#eef4f8}.console-content{width:100%;max-width:1600px;padding:28px clamp(22px,3vw,48px) 64px}.project-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-wrap:wrap;margin-bottom:18px;padding:14px 18px}.project-toolbar>div:first-child{flex-wrap:wrap;gap:10px 16px}.console.theme-light .status-pill{color:#087653;background:#e7f7ef;border-color:#b8e5cb}.console .tabs{gap:4px;margin-bottom:20px}.console .tabs button:hover{color:var(--text)}.console .metric-grid{gap:16px}.console .metric{min-height:136px;padding:20px 22px}.console .metric,.console .panel{background:var(--surface);border-color:var(--line)}.console.theme-light .metric,.console.theme-light .panel{box-shadow:0 8px 28px #1c35510a}.console .panel{padding:24px}.console.theme-light .detail-list>div,.console.theme-light .activity-list>div{border-color:#e8edf4}.console.theme-light .create-row input,.console.theme-light .editor-toolbar select{color:var(--text);background:#fff}.console.theme-light .sql-editor{color:#153d4d;background:#f8fafc}.console.theme-light .copy-row code{color:#173b46;background:#f3f8f8}.console.theme-light .connection-card{color:#145347;background:#e7f8f4;border-color:#8cd4bf}.console.theme-light .connection-card p{color:#52786d}.console.theme-light .alert.success{color:#0b6f4a;background:#e7f7ef}.console.theme-light .alert.error{color:#a72f46;background:#fff0f2}.console.theme-light .empty-state{background:#fff;border-color:#becddd}.console.theme-light th{color:#075f70;background:#edf5f7}.console.theme-light .table-list button,.console.theme-light .backup-list a{background:#f4f7fb}.console.theme-light .table-list button:hover,.console.theme-light .backup-list a:hover{background:#e9f1f8}.console.theme-light .notice-box{color:#866324;background:#fff8e8;border-color:#e9d6a7}.console.theme-light .button.ghost{color:#24425a;background:#fff;border-color:#cbd7e5}.console.theme-light .button.ghost:hover{background:#f1f7fa}.console.theme-light .button.primary{color:#fff;background:#087f91;box-shadow:0 6px 20px #087f912e}.console.theme-light .button.danger{color:#ad3349;background:#fff0f2;border-color:#ecafbc}@media (max-width:1000px){.console .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.console .panel-grid{grid-template-columns:1fr}}@media (max-width:700px){.console-main{min-height:0}.console-header{align-items:flex-start;gap:12px}.workspace-title{flex:1}.workspace-title h1{font-size:22px}.header-actions{gap:6px}.console-content{padding:18px 16px 44px}.project-toolbar{padding:14px}.console .metric-grid{gap:9px}.console .metric{min-height:118px;padding:15px}.console .panel{padding:18px}}