:root { --bg:#f6f7f9; --fg:#14181f; --muted:#5b6472; --card:#fff; --line:#dfe3ea; --accent:#1f5eff; --ok:#12805c; }
@media (prefers-color-scheme: dark) { :root { --bg:#0e1116; --fg:#e8ebf0; --muted:#9aa4b2; --card:#171b22; --line:#2a313c; --accent:#6c97ff; --ok:#3ecf9e; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
main { max-width:560px; margin:10vh auto; padding:0 16px; }
h1 { font-size:1.6rem; margin:0 0 .5rem; }
p, li { color:var(--muted); }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:24px; margin:16px 0; }
.ok { color:var(--ok); font-weight:600; }
.btn, button { display:inline-block; background:var(--accent); color:#fff; border:0; border-radius:8px; padding:10px 18px; font:inherit; text-decoration:none; cursor:pointer; }
.btn.secondary, button.secondary { background:transparent; color:var(--accent); border:1px solid var(--line); }
ul.tenants { list-style:none; padding:0; margin:12px 0; display:grid; gap:10px; }
ul.tenants a { display:block; padding:14px 16px; border:1px solid var(--line); border-radius:10px; background:var(--card); color:var(--fg); text-decoration:none; }
ul.tenants a:hover, a:focus-visible, .btn:focus-visible, button:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
dl { display:grid; grid-template-columns:auto 1fr; gap:4px 16px; margin:12px 0; }
dt { color:var(--muted); } dd { margin:0; word-break:break-all; }
form { display:inline; }