:root { font-family: system-ui, sans-serif; color: #24282d; background: #f7f7f8; }
* { box-sizing: border-box; }
textarea { display:block; width:100%; max-width:600px; font:inherit; padding:10px; border:1px solid #999; border-radius:4px; }
[hidden] { display:none !important; }
body { margin: 0; }
fieldset { border: 0; padding: 0; min-width: 0; }
button:disabled, [aria-disabled=true] { color: #666; cursor: default; }
.account-pages { margin: 16px 0; }
dt { font-weight: 600; margin-top: 12px; } dd { margin: 6px 0; overflow-wrap: anywhere; }
.current-user { color: #555; font-size: .9rem; overflow-wrap: anywhere; }
header, main { max-width: 1000px; margin: auto; padding: 24px; }
header, nav { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
header { border-bottom: 1px solid #ddd; justify-content: space-between; }
nav form { margin: 0; }
a { color: #294a62; text-underline-offset: 3px; }
section { background: white; border: 1px solid #ddd; border-radius: 6px; padding: 24px; margin: 20px 0; }
h1 { font-size: 1.65rem; overflow-wrap: anywhere; } h2 { font-size: 1.15rem; }
label { display: block; margin: 16px 0; }
input, select, button { font: inherit; padding: 10px; border: 1px solid #999; border-radius: 4px; }
input:not([type=checkbox]), select { display: block; width: 100%; max-width: 600px; margin-top: 6px; }
button { background: #eeeeef; color: #24282d; cursor: pointer; }
button:hover { background: #ddd; } input[type=checkbox] { margin-right: 10px; }
.table-scroll { overflow-x: auto; } table { border-collapse: collapse; width: 100%; }
th, td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }
[role=alert] { border-left: 3px solid #555; padding: 14px; background: #eee; }
.auth-page { background: #f7f7f8; }
.auth-page .auth-shell { width: 100%; min-width: 0; }
.auth-page .login-card { box-shadow: none; min-width: 0; overflow-wrap: anywhere; }
.auth-page .login-form input { min-width: 0; }
.auth-page .eyebrow { color: #555; }
.auth-page .language-switch { box-shadow: none; }
.auth-page .language-switch a.is-active { background: #42474c; }
.auth-page .form-error { color: #24282d; border-color: #999; background: #eee; }
@media(max-width: 600px) { header, main { padding: 16px; } section { padding: 16px; } nav { gap: 14px; } }