:root{--ink:#18181b;--muted:#71717a;--soft:#52525b;--line:#d4d4d8;--wash:#f4f4f5;--night:#09090b;--night-ink:#fafafa;--night-muted:#a1a1aa;--night-foot:#71717a;--blue:#2563eb;--blue-dark:#1d4ed8;--accent:#3b82f6;--red:#b42318;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);font-weight:500;text-decoration:none}a:hover{color:var(--blue-dark)}:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}h1,h2{text-wrap:balance}.signin{grid-template-columns:repeat(2,minmax(0,1fr));min-height:100vh;display:grid}.signin-story{background:var(--night);color:var(--night-ink);flex-direction:column;justify-content:space-between;gap:40px;padding:48px 64px;display:flex}.brand{align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.brand-mark{background:var(--night-ink);width:36px;height:36px;color:var(--night);border-radius:9px;place-items:center;font-size:13px;font-weight:700;display:grid}.story{flex-direction:column;gap:20px;max-width:460px;display:flex}.story-rule{background:var(--accent);border-radius:2px;width:40px;height:3px}.story h1{letter-spacing:-.03em;margin:0;font-size:clamp(32px,3.4vw,44px);font-weight:600;line-height:1.1}.story p{color:var(--night-muted);margin:0;font-size:16px;line-height:1.6}.story-foot{color:var(--night-foot);margin:0;font-size:12px}.signin-panel{justify-content:center;align-items:center;min-height:100vh;padding:48px 24px;display:flex}.signin .signin-panel{min-height:0}.signin-card{flex-direction:column;gap:20px;width:min(100%,400px);display:flex}.signin-head{flex-direction:column;gap:6px;display:flex}.signin-head h2{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600}.signin-head p,.muted{color:var(--muted);margin:0;font-size:15px}.muted{font-size:13px}button{font:inherit;cursor:pointer}button.primary{background:var(--blue);color:#fff;border:0;border-radius:10px;height:48px;font-size:15px;font-weight:600}button.primary:hover{background:var(--blue-dark)}button.secondary{border:1px solid var(--line);height:38px;color:var(--ink);background:#fff;border-radius:9px;padding:0 14px;font-size:14px;font-weight:500}.notice{background:var(--wash);color:var(--soft);border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.notice svg{flex-shrink:0;margin-top:1px}.notice.error{color:var(--red);background:#fef3f2}.synthetic{color:var(--muted);margin:0;font-size:12px}@media (width<=760px){.signin{grid-template-columns:1fr}.signin-story{gap:28px;padding:28px 24px}.story h1{font-size:30px}.story-foot{display:none}.signin-panel{align-items:flex-start;padding:32px 20px 48px}}.topbar{border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.topbar .brand-mark{background:var(--night);color:var(--night-ink)}.topbar-role{color:var(--muted);border-left:1px solid #e4e4e7;padding-left:10px;font-size:14px;font-weight:500}.console-body{flex-direction:column;gap:16px;max-width:56rem;margin:0 auto;padding:32px 24px 64px;display:flex}.console-body h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600}.status{background:var(--wash);border-radius:10px;margin:0;padding:14px 16px;line-height:1.5}.list{overflow-wrap:anywhere;margin:0;padding-left:1.2rem;line-height:1.8}h2{margin:1.5rem 0 .25rem;font-size:1.15rem}.invite{gap:.45rem;display:grid}.invite p{color:var(--muted);margin:0 0 .25rem;font-size:14px}.invite label{font-size:13px;font-weight:600}.invite input,.invite select{font:inherit;border:1px solid var(--line);height:44px;color:inherit;background:#fff;border-radius:10px;max-width:100%;padding:0 12px}.invite button{background:var(--blue);color:#fff;border:0;border-radius:10px;justify-self:start;height:44px;margin-top:.5rem;padding:0 18px;font-weight:600}.invite button:disabled{opacity:.6;cursor:progress}.users{border-collapse:collapse;width:100%;font-size:14px;display:block;overflow-x:auto}.users th,.users td{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #e4e4e7;padding:.5rem .6rem}.users th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}
