.auth-login-page { margin: 0; background: #edf5f6; color: #24383e; font-family: system-ui, sans-serif; }
.auth-login { width: min(380px, calc(100% - 64px)); margin: 8vh auto; padding: 28px; background: #fff; border: 1px solid #d7e2e3; border-radius: 8px; box-sizing: border-box; }
.auth-logo { width: 100px; height: 54px; object-fit: contain; object-position: left center; }
.auth-login h1 { font-size: 22px; line-height: 1.4; letter-spacing: 0; overflow-wrap: anywhere; margin: 18px 0 24px; }
.auth-login h2 { font-size: 18px; margin: 0 0 20px; }
.auth-login label { display: block; font-size: 14px; margin: 16px 0 6px; }
.auth-login input:not([type=hidden]) { width: 100%; height: 42px; border: 1px solid #a7b9bf; border-radius: 4px; padding: 8px 10px; font: inherit; box-sizing: border-box; }
.auth-login input:focus { outline: 2px solid #087f92; outline-offset: 2px; }
.auth-login button { width: 100%; margin-top: 24px; padding: 12px; background: #007f97; color: white; border: 0; border-radius: 4px; font: inherit; cursor: pointer; }
.auth-error { color: #ab313a; line-height: 1.5; font-size: 14px; }
.auth-notice { color: #23694a; }
.auth-account-bar { min-height: 42px; padding: 6px 32px; display: flex; align-items: center; justify-content: flex-end; box-sizing: border-box; background: #fff; color: #24505b; border-bottom: 1px solid #d8e7e9; position: relative; z-index: 1100; font: 14px/1.5 system-ui, sans-serif; letter-spacing: 0; }
.auth-account-bar details { max-width: 100%; position: relative; }
.auth-account-bar summary { cursor: pointer; padding: 4px 8px; overflow-wrap: anywhere; }
.auth-account-bar form { position: absolute; right: 0; top: 100%; width: 160px; background: #fff; border: 1px solid #d8e7e9; box-shadow: 0 3px 8px #24383e18; border-radius: 4px; padding: 4px; }
.auth-account-bar button { display: block; width: 100%; border: 0; background: transparent; text-align: left; padding: 10px 14px; font: inherit; color: inherit; cursor: pointer; border-radius: 3px; }
.auth-account-bar button:hover { background: #edf5f6; }
html[data-auth-checking] #react-entry-point { visibility: hidden; }
@media (max-width: 600px) { .auth-account-bar { padding: 6px 16px; } .auth-login { padding: 24px; width: calc(100% - 32px); } }