:root{--bg:#07111f;--panel:#101d2e;--panel2:#14253a;--line:#263b52;--text:#edf6ff;--muted:#91a8bf;--accent:#19d3b2;--accent2:#0aa58c;--danger:#fb7185;--shadow:0 18px 55px rgba(0,0,0,.28)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 10% 0,#102c42 0,transparent 30%),var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#62e8d1;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#041715;font-weight:800;padding:11px 17px;cursor:pointer;font:inherit}.button.small{padding:7px 10px;font-size:12px}.button.secondary,button.secondary{background:#1b3349;color:#dff9f5;border:1px solid #31516b}.button.ghost{background:transparent;color:#9bded4;border:1px solid #31516b}button.danger{color:var(--danger)}input,select,textarea{width:100%;border:1px solid #304861;border-radius:8px;background:#0b1726;color:var(--text);padding:10px 11px;font:inherit;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(25,211,178,.12)}textarea{resize:vertical}label{display:grid;gap:6px;color:#c6d5e4;font-weight:650}.topbar{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1280px)/2));border-bottom:1px solid #1b3147;background:rgba(7,17,31,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{font-weight:950;font-size:22px;letter-spacing:-.7px;color:#fff}.brand span{color:var(--accent)}.brand.big{font-size:32px}.topbar nav{display:flex;align-items:center;gap:20px}.topbar nav a{color:#c2d1df;font-weight:650}.topbar .who{color:var(--muted);padding-left:18px;border-left:1px solid var(--line)}.shell{max-width:1280px;margin:0 auto;padding:34px 22px 70px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-title h1{font-size:29px;margin:0}.page-title p,.card p{color:var(--muted);margin:5px 0 0}.card{background:linear-gradient(145deg,rgba(20,37,58,.96),rgba(12,26,42,.96));border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:var(--shadow)}.card h2{font-size:17px;margin:0 0 16px}.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.grid-form>div{align-self:end}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.stat{display:grid;gap:8px;padding:25px;border-radius:14px;background:linear-gradient(145deg,#142a3e,#0d1a2a);border:1px solid var(--line);color:var(--muted)}.stat strong{font-size:34px;color:#fff}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #23384d;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8ca6be}.badge{padding:4px 9px;border-radius:99px;color:#56e8ce;background:rgba(25,211,178,.1);font-size:11px;font-weight:800}.flash{padding:13px 16px;border-radius:9px;margin-bottom:17px}.flash.error{color:#fecdd3;background:rgba(244,63,94,.13);border:1px solid rgba(244,63,94,.35)}.flash.success{color:#a7f3d0;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3)}.hidden{display:none}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);padding:35px;border:1px solid var(--line);border-radius:18px;background:rgba(14,30,47,.96);box-shadow:var(--shadow)}.auth-card.wide{width:min(560px,100%)}.auth-card h1{margin:18px 0 4px}.auth-card p{color:var(--muted)}.auth-card form{display:grid;gap:16px;margin-top:23px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.sticky{position:sticky;top:88px}.section-title{display:flex;justify-content:space-between;gap:15px;align-items:start}.field-row{display:grid;grid-template-columns:25px 1fr 32px;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.field-row:first-child{border-top:0}.field-row.dragging{opacity:.35}.drag{font-size:20px;color:#718ba4;cursor:grab;padding-top:28px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid label{font-size:11px}.field-grid .check{display:flex;align-items:center;gap:8px}.field-grid .check input{width:auto}.icon{padding:0;background:transparent;font-size:23px}.toggle-list{display:grid;gap:10px;margin-bottom:18px}.toggle-list>label{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #2a4158;border-radius:10px;background:#0c1b2b}.toggle-list input{width:18px;margin-top:3px}.toggle-list span{display:grid}.toggle-list small,.muted{font-size:12px;color:var(--muted);font-weight:400}.save-bar{position:sticky;bottom:14px;width:100%;box-shadow:0 8px 30px rgba(25,211,178,.2)}code{background:#071522;border:1px solid #20374b;padding:2px 5px;border-radius:5px;color:#8ff7e5}ol{color:#bfd0df}small{color:var(--muted)}
.inline-feature{display:flex;align-items:flex-start;gap:12px;margin-top:15px;padding:13px;border:1px solid rgba(25,211,178,.35);border-radius:10px;background:rgba(25,211,178,.06)}.inline-feature input{width:18px;margin-top:3px}.inline-feature span{display:grid}.inline-feature small{font-weight:400;color:var(--muted)}
@media(max-width:850px){.topbar{padding:0 14px}.topbar nav{gap:11px}.topbar nav .who{display:none}.shell{padding:24px 13px 60px}.builder-layout{grid-template-columns:1fr}.sticky{position:static}.stats,.grid-form,.field-grid{grid-template-columns:1fr}.page-title{align-items:flex-start}.card{padding:16px}.topbar nav a:nth-child(2){display:none}}