:root { --fg: #1d1f23; --muted: #6b7078; --line: #e2e4e8; --accent: #2457c5; --bad: #b3261e; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--fg); }
a { color: var(--accent); }
.top { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; padding: 12px 24px; border-bottom: 1px solid var(--line); }
.logo { font-weight: 700; text-decoration: none; color: var(--fg); margin-right: auto; }
.org-switch, .logout { display: flex; gap: 8px; align-items: center; margin: 0; }
.email { color: var(--muted); }
.menu { display: flex; gap: 16px; padding: 8px 24px; border-bottom: 1px solid var(--line); }
.menu a { text-decoration: none; }
.menu a[aria-current="page"] { font-weight: 600; color: var(--fg); }
main { max-width: 880px; padding: 24px; }
form.card { display: grid; gap: 12px; max-width: 420px; }
label { display: grid; gap: 4px; }
input, select, button { font: inherit; padding: 6px 10px; }
button { cursor: pointer; }
.error { color: var(--bad); }
.muted { color: var(--muted); }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 8px; border-bottom: 1px solid var(--line); }
.ok { color: #1e7b34; font-size: 0.8em; font-weight: 400; }
.bad { color: var(--bad); }
h2 .bad { font-size: 0.8em; font-weight: 400; }
.card { border: 1px solid var(--line); border-radius: 6px; padding: 12px 16px; margin: 16px 0; }
.code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 1.6em; letter-spacing: 0.15em; }