@font-face{font-family:Poppins;src:url('/fonts/poppins-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/poppins-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/poppins-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/poppins-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/poppins-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--bg:#070b12;--surface:#0c121d;--surface2:#101827;--surface3:#131e30;--line:#1d2a3c;--line2:#26364c;--text:#e7edf6;--muted:#7f8da3;--primary:#22a8f5;--primary2:#0b6bc7;--cyan:#22d3ee;--green:#42d392;--red:#fb7185;--amber:#fbbf24;--purple:#c084fc;--radius:10px;--shadow:0 14px 36px #0005;--sans:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono","Cascadia Code",Consolas,monospace}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px}a{color:#7dd3fc;text-decoration:none}button,input,select,textarea{font:inherit;color:var(--text)}input,select,textarea{width:100%;border:1px solid var(--line2);background:#080e17;border-radius:7px;padding:10px 12px;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #22a8f51e}textarea{resize:vertical}.mono,code,pre{font-family:var(--mono)}h1,h2,p{margin-top:0}h1{font-size:26px;margin-bottom:5px;letter-spacing:-.5px}h2{font-size:16px;margin:0}.muted{color:var(--muted)}.block{display:block}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.35px;color:#45bdfd;margin-bottom:7px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:226px;background:#090e17;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--text);height:70px;padding:0 18px;border-bottom:1px solid var(--line)}.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#0b7fd5,#22c5ee);display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:800;color:white;box-shadow:0 0 22px #0ea5e933}.brand strong{display:block;font-size:14px}.brand small,.topbar small,.user-chip small,.sidebar-foot small{display:block;color:var(--muted);font-size:9px}.sidebar nav{padding:15px 10px;flex:1}.nav-label{display:block;color:#4f5e73;font-size:9px;font-weight:700;letter-spacing:1.1px;padding:14px 9px 6px}.sidebar nav a{display:flex;align-items:center;gap:10px;color:#8f9caf;padding:9px 10px;margin:2px 0;border-radius:7px;font-weight:500}.sidebar nav a svg{width:16px;height:16px}.sidebar nav a:hover{color:#d9e7f6;background:#101a28}.sidebar nav a.active{color:white;background:#102a40;border:1px solid #17466a;box-shadow:inset 3px 0 var(--primary)}.sidebar-foot{padding:14px 17px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.sidebar-foot strong{font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.main-wrap{margin-left:226px;min-width:0;flex:1}.topbar{height:62px;border-bottom:1px solid var(--line);background:#090e17eF;backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:20}.topbar>div:first-of-type{flex:1}.topbar strong{font-size:12px}.top-actions{display:flex;align-items:center;gap:15px}.runtime{color:#8b9bb0;font-family:var(--mono);font-size:10px;display:flex;gap:7px;align-items:center}.user-chip{display:flex;align-items:center;gap:8px}.user-chip>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#16324b;color:#7dd3fc;font-weight:700}.content{padding:22px;max-width:1800px;margin:auto}.mobile-menu{display:none;background:none;border:0;margin-right:10px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 26px #0002}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line)}.panel-head span{color:var(--muted);font-size:10px}.page-head,.hero-row,.builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.page-head p,.hero-row p{margin-bottom:0}.hero-row{padding:8px 2px 5px}.hero-row h1{font-size:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 12px;border-radius:7px;border:1px solid var(--line2);background:#111a28;color:#c8d5e5;cursor:pointer;font-weight:600;font-size:11px}.btn:hover{border-color:#3b526d;background:#162234}.btn.primary{background:linear-gradient(#159fe8,#0875c6);border-color:#25aaf0;color:white;box-shadow:0 5px 15px #0284c733}.btn.ghost{background:transparent}.btn.small{min-height:28px;padding:4px 9px;font-size:10px}.btn.wide{width:100%}.icon-btn{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);background:#0c1420;border-radius:7px;color:#9caabe;cursor:pointer}.icon-btn svg{width:15px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-bottom:18px}.metric{display:flex;flex-direction:column;min-height:112px;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit}.metric span{color:var(--muted);font-size:10px}.metric strong{font-size:25px;margin-top:8px}.metric strong i{font-size:11px;color:var(--muted);font-style:normal}.metric small{margin-top:auto;color:#65758b}.metric.success{border-top:2px solid var(--green)}.metric.danger{border-top:2px solid var(--red)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.steps{padding:10px 17px 17px}.steps>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #152032}.steps>div:last-child{border:0}.steps b{color:#38bdf8;font-family:var(--mono);font-size:10px}.steps strong,.steps small{display:block}.steps small{color:var(--muted);font-size:9px;margin-top:2px}.repo-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #152032;color:var(--text)}.repo-row:last-child{border:0}.repo-row>span:nth-child(2){flex:1}.repo-row strong,.repo-row small{display:block}.repo-row small{color:var(--muted);font-size:9px;margin-top:2px}.code-icon{width:30px;height:30px;border-radius:7px;background:#17243a;color:#69cafa;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:9px}.badge{display:inline-flex;padding:3px 7px;border-radius:999px;border:1px solid #314052;background:#15202e;color:#a7b6ca;font-style:normal;font-size:9px;font-weight:700}.badge.active,.badge.passed,.badge.success{background:#103126;border-color:#1b6447;color:#6ee7b7}.badge.draft{background:#2e2612;border-color:#65511c;color:#fcd34d}.badge.archived{background:#222731;color:#3a4658;color:#94a3b8}.badge.failed,.badge.compileerror,.badge.runtimeerror,.badge.timeout,.badge.infrastructureerror{background:#35151d;border-color:#6a2634;color:#fda4af}.version{font-family:var(--mono);font-size:11px;color:#76d4ff;background:#10273a;border:1px solid #1b4a69;border-radius:5px;padding:3px 6px;vertical-align:middle}.filter-card{padding:13px;margin-bottom:12px}.filters{display:flex;gap:9px;align-items:flex-end}.filters label{min-width:160px;flex:1}.filters label,.form-grid label,.stack label{display:flex;flex-direction:column;gap:6px;color:#8696ab;font-size:10px;font-weight:600}.table-panel{overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{text-align:left;padding:9px 13px;background:#0a111b;color:#62738a;border-bottom:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.65px}td{padding:11px 13px;border-bottom:1px solid #162130;color:#b7c4d4;font-size:11px}tbody tr:hover{background:#0e1724}.actions{white-space:nowrap}.icon-link{display:inline-flex;border:1px solid #26364a;color:#85cfff;padding:4px 7px;border-radius:5px;margin-right:4px;font-size:9px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;color:var(--muted);font-size:10px}.stack{display:flex;flex-direction:column;gap:13px}.stack.compact{gap:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:17px}.span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px}.alert{padding:10px 12px;border-radius:7px;margin-bottom:12px}.alert.danger{background:#32131b;border:1px solid #6e2838;color:#fecdd3}.validation-summary-valid{display:none}.toast-inline{padding:9px 12px;background:#0d3125;border:1px solid #1b6548;color:#78edb9;border-radius:7px;margin-bottom:12px}.builder-head{align-items:center}.builder-head h1{margin:0}.toolbar{display:flex;gap:7px}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:10px;height:570px}.editor-panel{overflow:hidden;display:flex;flex-direction:column}.editor-bar{height:37px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#0a111b;border-bottom:1px solid var(--line);font-size:10px;color:#7c8ba1}.editor-bar b{color:#62cdf9}.editor-bar .mono{font-size:9px}.editor-actions{display:flex;align-items:center;gap:10px}.editor-actions form{margin:0}.editor-actions .btn{min-height:25px;padding:3px 8px;font-size:9px}#monaco-editor{flex:1;min-height:0}.builder-side{overflow:hidden;display:flex;flex-direction:column}.tabbar{display:flex;background:#0a111b;border-bottom:1px solid var(--line)}.tab{flex:1;height:38px;border:0;border-bottom:2px solid transparent;background:none;color:#708198;font-size:10px;font-weight:600;cursor:pointer}.tab.active{color:#7dd3fc;border-color:#22a8f5;background:#0d1724}.tab b{font-size:8px;background:#1a2b40;border-radius:10px;padding:1px 5px}.tabpane{display:none;overflow:auto;padding:13px;flex:1}.tabpane.active{display:block}.json-box{background:#080e17}.test-card{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #192435}.test-card strong,.test-card small{display:block}.test-card small{font-size:8px;color:var(--muted);margin-top:3px}.add-test{margin-top:14px;padding-top:11px;border-top:1px solid var(--line)}.design-block{padding:11px 0;border-bottom:1px solid var(--line)}.design-block span,.design-block strong{display:block}.design-block span{font-size:8px;letter-spacing:.7px;color:#3ebbf8;margin-bottom:5px}.design-block p{font-size:10px;color:#8a99ad;line-height:1.6;white-space:pre-wrap}.console{margin-top:10px;overflow:hidden}.console-head{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#0a111b;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:9px;color:#77869a}.console-empty{padding:24px;color:#59697e;text-align:center}.result-grid{display:grid;grid-template-columns:1fr 1fr}.result-grid>div{padding:11px 13px;border-right:1px solid var(--line)}.result-grid span,.log-block span{color:#607189;font-size:8px;text-transform:uppercase}.result-grid pre,.log-block pre,.diag-list pre{white-space:pre-wrap;word-break:break-word;margin:6px 0 0;color:#c4d1df;font-size:10px}.log-block,.diag-list{padding:10px 13px;border-top:1px solid var(--line)}.log-block.error pre{color:#fda4af}.data-layout{display:grid;grid-template-columns:230px 1fr;gap:12px;margin-top:12px}.table-list{padding-bottom:10px}.table-list a{display:flex;align-items:center;gap:8px;margin:4px 8px;padding:8px 10px;color:#8b9aae;border-radius:6px}.table-list a.active{background:#10263a;color:#7dd3fc}.db-dot{width:7px;height:7px;background:#65748a;border-radius:50%}.table-list a.active .db-dot{background:#22d3ee}.table-list details{margin:9px;border-top:1px solid var(--line);padding-top:10px}.table-list summary,.add-row summary{cursor:pointer;color:#7dd3fc;font-size:10px;padding:6px}.table-list form{margin-top:9px}.sheet{overflow:hidden}.sheet-hint{padding:8px 13px;background:#0a1521;border-bottom:1px solid var(--line);color:#668098;font-size:9px}.spreadsheet td,.spreadsheet th{border-right:1px solid #1c293a}.spreadsheet td[contenteditable]{cursor:cell;outline:none}.spreadsheet td[contenteditable]:focus{background:#10263a;box-shadow:inset 0 0 0 1px #259edd}.spreadsheet td.cell-saved{animation:cellsaved 1.2s}.spreadsheet td.cell-error{background:#3a1520}@keyframes cellsaved{0%{background:#12402e}100%{background:transparent}}.row-id{color:#5d7088;background:#0a111b}.add-row{padding:10px 13px;border-top:1px solid var(--line)}.add-row form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty .brand-mark{margin:0 auto 14px}
.table-head-actions{display:flex;align-items:center;gap:10px}.table-head-actions form,.row-actions form{margin:0}.danger-btn{color:#fda4af;border-color:#5e2633;background:#28131a}.danger-btn:hover{color:#fecdd3;border-color:#9f354b;background:#351720}.table-settings{border-bottom:1px solid var(--line);background:#0a111b}.table-settings>summary{cursor:pointer;padding:9px 13px;color:#7dd3fc;font-size:10px}.table-settings>form{padding:4px 13px 13px;max-width:720px}.spreadsheet th small{display:block;color:#40546c;font-size:7px;margin-top:2px}.row-actions{width:1%;white-space:nowrap}
.record-create,.data-import{border-top:1px solid var(--line);background:#0a111b}.record-section-head{padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.record-section-head strong,.record-section-head small{display:block}.record-section-head strong{font-size:11px;color:#d8e4f1}.record-section-head small{font-size:8px;color:var(--muted);margin-top:3px}.insert-table{min-width:max-content}.insert-table th,.insert-table td{min-width:145px}.insert-table th:last-child,.insert-table td:last-child{min-width:90px}.insert-table input,.insert-table select{min-width:130px;padding:7px 9px;border-radius:5px}.data-import{padding-bottom:12px}.import-form{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:end;gap:10px;padding:0 13px}.import-form label{display:flex;flex-direction:column;gap:5px;color:#8191a7;font-size:9px}.import-form input[type=file]{padding:7px}.import-form .check-label{flex-direction:row;align-items:center;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#0c1420;white-space:nowrap}.check-label input{width:auto}.import-note{margin:9px 13px 0;color:#61738a;font-size:8px;line-height:1.6}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#0b2840 0,#070b12 42%)}.login-card{width:min(390px,calc(100% - 28px));background:#0b121d;border:1px solid #1d2e44;border-radius:13px;padding:30px;box-shadow:var(--shadow)}.login-card>.brand-mark{margin-bottom:18px}.login-card h1{font-size:27px;margin-bottom:5px}.login-card form{display:flex;flex-direction:column;gap:9px;margin-top:20px}.login-card form label{font-size:10px;color:#91a0b4}.password-wrap{display:flex}.password-wrap input{border-radius:7px 0 0 7px}.password-wrap button{border-radius:0 7px 7px 0;height:auto}.login-card .btn{margin-top:8px}
.json-editor-wrap{position:relative;padding-top:31px}.json-editor-wrap>.json-editor{display:block}.json-format-btn{position:absolute;right:0;top:0;min-height:25px;padding:3px 9px;font-size:9px;color:#7dd3fc;background:#0d1b29;border-color:#21405a}.json-format-btn:hover{color:#bae6fd;border-color:#2983b8}.json-format-btn.json-error{color:#fda4af;border-color:#6a2634}.json-display{tab-size:2}.history-json{margin:0;max-width:420px;max-height:150px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:10px;color:#c4d1df}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.builder-grid{grid-template-columns:minmax(0,1fr) 310px}.grid-2{grid-template-columns:1fr}.data-layout{grid-template-columns:190px 1fr}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);box-shadow:20px 0 40px #0008;transition:.2s}.sidebar.open{transform:none}.main-wrap{margin-left:0}.mobile-menu{display:grid;place-items:center}.runtime{display:none}.content{padding:15px}.builder-grid{grid-template-columns:1fr;height:auto}.editor-panel{height:520px}.builder-side{min-height:420px}.data-layout{grid-template-columns:1fr}.table-list{max-height:280px;overflow:auto}}
@media(max-width:620px){.top-actions .user-chip{display:none}.metrics{grid-template-columns:1fr 1fr}.hero-row,.page-head,.builder-head{flex-direction:column}.filters{display:grid;grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.result-grid{grid-template-columns:1fr}.data-layout{grid-template-columns:1fr}.add-row form{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.builder-head{align-items:stretch}.import-form{grid-template-columns:1fr}.record-section-head{align-items:flex-start;flex-direction:column}}