:root{--bg:#07131e;--ink:#e9f7f2;--accent:#32e6a1;--accent2:#5ea8ff;--surface:color-mix(in srgb,#07131e 90%,#5ea8ff);--line:color-mix(in srgb,var(--ink) 18%,transparent);--muted:color-mix(in srgb,#e9f7f2 58%,#07131e);--display:"Century Gothic",serif;--body:"Tahoma",system-ui,sans-serif;--radius:32px;--button-radius:6px;--ease:cubic-bezier(.2,.75,.2,1);--display-track:-0.06em;--display-weight:900;--button-text:#fff}
.shell{min-height:100vh;padding:18px}.app{display:grid;grid-template-columns:190px 1fr;min-height:calc(100vh - 36px);border:1px solid var(--line);border-radius:28px;overflow:hidden}.side{padding:20px;background:color-mix(in srgb,var(--surface) 78%,transparent)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:62vh}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.panel{backdrop-filter:blur(14px)}.workflow .panel:hover{box-shadow:0 0 0 1px var(--accent),0 0 40px color-mix(in srgb,var(--accent) 30%,transparent)}