.login-page { min-height:100vh; display:grid; place-items:center; padding:var(--space-8); background:var(--color-login-bg); }
.login-layout { width:min(1120px,100%); display:grid; grid-template-columns:1fr 1fr; border-radius:var(--login-art-radius); background:var(--color-login-panel); padding:var(--space-2); box-shadow:var(--login-shadow); }
.login-art { min-width:0; border-radius:var(--login-art-radius); overflow:hidden; }
.login-art img { display:block; width:100%; height:100%; aspect-ratio:4/5; object-fit:cover; }
.login-panel { display:flex; flex-direction:column; justify-content:space-between; gap:var(--space-8); }
.login-brand { display:flex; gap:var(--space-2); align-items:center; justify-content:flex-end; }
.login-brand span { color:var(--color-login-accent); }
.login-content { width:100%; max-width:340px; align-self:center; }
.login-content header { margin-bottom:var(--space-8); }
.login-content header p { margin-top:var(--space-2); color:var(--color-login-muted); }
.login-help { color:var(--color-login-muted); margin-top:var(--space-4); text-align:center; }
.login-panel footer { color:var(--color-login-muted); text-align:center; font-size:var(--font-size-sm); line-height:var(--line-height-sm); }
.users-page { padding:var(--space-6); }
.users-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); margin-bottom:var(--space-6); }
.users-toolbar { display:flex; gap:var(--space-2); overflow-x:auto; white-space:nowrap; margin-bottom:var(--space-4); }
.users-form { display:grid; gap:var(--space-4); }
.users-form label { display:grid; gap:var(--space-2); }
@media(max-width:800px){.login-page{padding:var(--space-4)}.login-panel{padding:var(--space-6)}.login-art img{aspect-ratio:auto;min-height:100%;}.login-layout{min-height:600px}}
@media(max-width:600px){.login-layout{grid-template-columns:1fr;min-height:0}.login-art img{aspect-ratio:2/1;min-height:0;object-position:center 45%}.login-panel{gap:var(--space-6)}.login-brand{justify-content:flex-start}.login-content{max-width:none}.login-content header{margin-bottom:var(--space-6)}}