:root{--ink:#1d2b2a;--muted:#5b6b69;--surface:#f6f7f5;--line:#d5dbd8;--accent:#2f6f62;color:var(--ink);background:var(--surface);font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;line-height:1.5}body{margin:0}h1{margin:0 0 1rem;font-size:1.75rem;font-weight:600}.page{max-width:64rem;margin:0 auto;padding:2rem 1.5rem}.auth{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth__form{gap:1rem;width:min(24rem,100%);display:grid}label{color:var(--muted);gap:.25rem;display:grid}input{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:.6rem .75rem}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.6rem 1rem}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[role=alert]{color:#8a2c2c;margin:0}.topbar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1.5rem;display:flex}.topbar__brand{font-weight:600}.topbar__tenant{align-items:center;gap:.5rem;font-weight:600;display:flex}.topbar__role{color:var(--muted);font-size:.85rem;font-weight:400}.topbar__user{color:var(--muted);margin-left:auto}select{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:.4rem .6rem;font-weight:600}.button--secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.topbar__link{color:var(--accent)}.mfa__qr{background:#fff;width:12rem;height:12rem}.mfa__secret{word-break:break-all}