:root{--bg: #f3f1ec;--panel: #ffffff;--panel-2: #f7f5f0;--fg: #1d2330;--muted: #5d6472;--line: #e2ddd3;--accent: #2453d6;--accent-fg: #ffffff;--crit: #c92a2a;--font-display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-body: "Nunito Sans", "Segoe UI", system-ui, sans-serif;--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14171d;--panel: #1c2029;--panel-2: #222733;--fg: #e8eaf0;--muted: #9aa2b1;--line: #2e3442;--accent: #7d9bff;--accent-fg: #0d1020;--crit: #ff8787;color-scheme:dark}}:root[data-theme=dark]{--bg: #14171d;--panel: #1c2029;--panel-2: #222733;--fg: #e8eaf0;--muted: #9aa2b1;--line: #2e3442;--accent: #7d9bff;--accent-fg: #0d1020;--crit: #ff8787;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:-.01em}.muted{color:var(--muted)}.center{min-height:100%;display:grid;place-items:center;padding:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-size:20px}.brand p{margin:2px 0 0;font-size:14px}.logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:var(--accent-fg);font-family:var(--font-display);font-weight:700}.login{width:min(380px,100%);display:grid;gap:14px}.login .brand{margin-bottom:6px}label{display:grid;gap:6px;font-weight:600;font-size:14px}input{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--fg)}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:var(--accent-fg)}button:disabled{opacity:.6;cursor:wait}button.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}.error{color:var(--crit);margin:0;font-size:14px}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.actions{display:flex;gap:8px;align-items:center}.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{border-radius:0;background:transparent;color:var(--muted);padding:8px 10px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.content{padding:16px;display:grid;gap:16px;max-width:900px;width:100%;margin:0 auto}.content h2{font-size:22px;margin-bottom:6px}.content h3{font-size:17px;margin-bottom:8px}.stages{margin:0;padding-left:20px;columns:2;column-gap:32px}.stages li{padding:3px 0}@media(max-width:560px){.stages{columns:1}}
