:root{--bg: #f3f5f2;--surface: #ffffff;--surface-2: #ebeeea;--line: #dce1db;--fg: #141a17;--muted: #5b6660;--accent: #0e6b58;--accent-soft: #ddefe9;--accent-fg: #ffffff;--f-body: "Onest", system-ui, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0e1211;--surface: #151a19;--surface-2: #1c2321;--line: #283130;--fg: #e4ebe7;--muted: #97a49e;--accent: #3dbf9f;--accent-soft: #12312a;--accent-fg: #04201a;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px / 1.45 var(--f-body)}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.side{background:var(--surface);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:18px}.brand{font-size:16px;padding:0 8px}.side nav{display:flex;flex-direction:column;gap:2px}.side button{display:flex;gap:10px;align-items:center;padding:8px 10px;border:0;border-radius:7px;background:none;color:var(--muted);font:inherit;font-weight:500;cursor:pointer;text-align:left}.side button.on{background:var(--accent-soft);color:var(--accent)}.step{width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;font-size:10.5px}.main{padding:24px}.muted{color:var(--muted)}.ws{padding:0 8px;font-size:12.5px}.me{margin-top:auto;padding:10px 8px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.me button,.links button{border:0;background:none;color:var(--accent);font:inherit;cursor:pointer;padding:0}.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth-card{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px}.auth-card h1{margin:0;font-size:20px}.auth-card label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted);font-weight:500}.auth-card input{font:inherit;font-size:14px;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:9px 10px}.auth-card input:focus{outline:2px solid var(--accent);outline-offset:-1px}button.primary{font:inherit;font-weight:600;background:var(--accent);color:var(--accent-fg);border:0;border-radius:7px;padding:10px;cursor:pointer}button.primary:disabled{opacity:.5;cursor:default}.links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.err{color:#b53a26;margin:0;font-size:13px}.ok{color:var(--accent);margin:0;font-size:13px}