:root { color-scheme: light; --ink:#202122; --muted:#54595d; --line:#a2a9b1; --soft:#f8f9fa; --link:#36c; --active:#eaecf0; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:#fff; font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--link); text-decoration:none; }
a:hover { text-decoration:underline; }
.main { min-height:100vh; }
.authenticated .main { margin-left:240px; padding:42px 54px; max-width:1120px; }
.sidebar { position:fixed; inset:0 auto 0 0; width:240px; padding:28px 20px; border-right:1px solid #c8ccd1; background:var(--soft); display:flex; flex-direction:column; }
.brand { color:var(--ink); font:700 24px/1.2 Georgia,serif; margin:0 8px 34px; }
.brand:hover { text-decoration:none; }
.sidebar-label { margin:0 8px 8px; color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.tenant-link { display:block; padding:8px; border-radius:3px; color:var(--ink); }
.tenant-link.active { background:var(--active); font-weight:600; }
.account { margin-top:auto; padding:16px 8px 0; border-top:1px solid #c8ccd1; color:var(--muted); font-size:13px; overflow-wrap:anywhere; }
.account form { margin-top:5px; }
.link-button { border:0; padding:0; background:none; color:var(--link); cursor:pointer; font:inherit; }
.article { max-width:820px; }
.article h1 { margin:0; border-bottom:1px solid var(--line); font:normal 38px/1.25 Georgia,serif; }
.article .subtitle { margin:8px 0 30px; color:var(--muted); }
.article h2 { margin-top:34px; border-bottom:1px solid #c8ccd1; font:normal 25px/1.3 Georgia,serif; }
.notice { padding:14px 16px; border-left:4px solid #36c; background:var(--soft); }
.login-shell { min-height:100vh; display:grid; place-items:center; padding:24px; }
.card { width:100%; max-width:390px; padding:34px; border:1px solid var(--line); background:#fff; box-shadow:0 2px 8px rgb(0 0 0 / 8%); }
.card h1 { margin:0 0 8px; font:normal 32px/1.2 Georgia,serif; }
.card .intro { margin:0 0 26px; color:var(--muted); }
label { display:block; margin:16px 0 6px; font-weight:600; }
input { width:100%; min-height:42px; padding:8px 10px; border:1px solid var(--line); border-radius:2px; font:inherit; }
input:focus { border-color:#36c; outline:2px solid #36c3; }
button.primary { width:100%; margin-top:24px; min-height:42px; border:1px solid #2a4b8d; border-radius:2px; background:#36c; color:#fff; font-weight:700; cursor:pointer; }
button.primary:hover { background:#2a4b8d; }
.error { padding:10px 12px; border-left:4px solid #b32424; background:#fee7e6; color:#5b1010; }
.help { color:var(--muted); font-size:13px; }
@media (max-width:760px) {
  .sidebar { position:static; width:auto; min-height:auto; border-right:0; border-bottom:1px solid #c8ccd1; }
  .brand { margin-bottom:18px; }
  .account { margin-top:20px; }
  .authenticated .main { margin-left:0; padding:28px 22px; }
}