:root { color-scheme: light dark; font-family: Arial, Helvetica, sans-serif; background: #f2f7fc; color: #0b2442; }
* { box-sizing: border-box; }
body { margin: 0; }
.uat-login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.uat-login-panel { width: min(100%, 480px); display: grid; gap: 24px; padding: 28px; border: 1px solid #a8c4dd; border-radius: 8px; background: #fff; box-shadow: 0 18px 50px rgba(8, 43, 85, .14); }
.uat-brand { display: flex; gap: 14px; align-items: center; }
.uat-brand img { width: 54px; height: 54px; border-radius: 8px; object-fit: cover; }
.uat-brand div, form, label { display: grid; gap: 8px; }
.uat-brand strong { font-size: 24px; }
.uat-brand span, .boundary, p { color: #5f7084; }
.eyebrow { margin: 0; color: #1769b3; font-weight: 800; text-transform: uppercase; font-size: 12px; }
h1 { margin: 6px 0; font-size: 30px; }
form { gap: 16px; }
label { font-weight: 700; }
input { min-height: 46px; padding: 10px 12px; border: 1px solid #a8c4dd; border-radius: 6px; background: #fff; color: #0b2442; font: inherit; }
button { min-height: 46px; border: 0; border-radius: 6px; background: #1769b3; color: #fff; font: inherit; font-weight: 800; cursor: pointer; }
button:hover { background: #124b82; }
:focus-visible { outline: 3px solid #55bfea; outline-offset: 3px; }
.status { min-height: 20px; margin: 0; color: #88415a; font-weight: 700; }
.boundary { margin: 0; padding-top: 16px; border-top: 1px solid #d7e2ee; font-size: 13px; }
.uat-admin-panel { width: min(100%, 760px); }
.uat-user-list { display: grid; gap: 10px; }
.uat-user { display: flex; gap: 14px; align-items: center; justify-content: space-between; padding: 14px; border: 1px solid #a8c4dd; border-radius: 6px; }
.uat-user div { display: grid; gap: 4px; }
.admin-actions { display: flex !important; flex-wrap: wrap; gap: 8px !important; align-items: center; }
.admin-actions button { min-height: 38px; padding: 6px 12px; }
select { min-height: 46px; padding: 10px 12px; border: 1px solid #a8c4dd; border-radius: 6px; background: #fff; color: #0b2442; font: inherit; }
@media (max-width: 600px) { .uat-user { display: grid; } }
@media (prefers-color-scheme: dark) {
  :root { background: #050b14; color: #f4f8fc; }
  .uat-login-panel { border-color: #3a5878; background: #101e2e; box-shadow: none; }
  .uat-brand span, .boundary, p { color: #b8c7d8; }
  input { border-color: #3a5878; background: #07111f; color: #f4f8fc; }
}