:root{--access-line:1px;--login-width:1120px;--login-panel:410px;--login-title:56px;--login-min:620px;--login-height:92dvh;--login-copy:38ch}
.login-page{min-height:100dvh;display:grid;place-items:center;padding:var(--s8)}.login-layout{width:100%;max-width:var(--login-width);min-height:var(--login-min);display:grid;grid-template-columns:minmax(0,1fr) var(--login-panel);gap:var(--s10);align-items:center}.login-intro{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:var(--s8) 0}.login-intro .eyebrow{color:var(--warm)}.login-intro h1{font-size:var(--login-title);line-height:var(--heading-leading);letter-spacing:-.05em;margin:var(--s5) 0}.login-intro p{color:var(--muted);max-width:var(--login-copy);font-size:var(--md)}.login-foot{color:var(--muted);font-size:var(--xs)}.login-panel{background:var(--surface);padding:var(--s8);border-radius:var(--r2)}.login-panel>.eyebrow{color:var(--warm)}.login-panel h2{font-size:var(--xl);margin:var(--s4) 0}.login-panel>p{color:var(--muted);font-size:var(--sm);line-height:1.6}.login-panel form{margin-top:var(--s6)}.login-panel label{margin-top:var(--s4)}.login-panel form>.btn{width:100%;margin-top:var(--s5);justify-content:space-between}.login-panel .login-help{font-size:var(--xs);margin-top:var(--s6)}.access-users{margin-bottom:var(--s7)}.access-user{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) 0;border-bottom:var(--access-line) solid var(--line);font-size:var(--sm)}.access-user>div{flex:1;min-width:0;overflow-wrap:anywhere}.access-user strong,.access-user>div>span{display:block}.access-user>div>span{font-size:var(--xs);color:var(--muted);margin-top:var(--s1)}.access-role{font-size:var(--xs);color:var(--muted)}.access-role select{display:block;padding:var(--s2);border:var(--access-line) solid var(--line);background:var(--surface);border-radius:var(--r1);color:var(--ink)}.access-form-title{margin-bottom:var(--s4)}.access-help{margin-top:var(--s5);color:var(--muted);font-size:var(--xs)}.hosted-user{font-size:var(--xs);color:var(--muted);max-width:var(--login-panel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-readonly{padding:var(--s3) var(--s4);background:var(--panel);border-radius:var(--r1);font-size:var(--sm);color:var(--muted);margin-bottom:var(--s5)}
@media(max-width:980px){:root{--login-panel:370px;--login-title:44px}.login-layout{gap:var(--s7)}.hosted .save-indicator,.hosted .hosted-user{display:none}.hosted .top-actions{gap:var(--s2)}}
@media(max-width:700px){:root{--login-title:36px}.login-page{padding:var(--s5);display:block}.login-layout{display:block;min-height:0}.login-intro{padding:var(--s4) 0 var(--s7)}.login-intro>.brand{margin-bottom:var(--s8)}.login-intro h1{font-size:var(--login-title)}.login-intro p{font-size:var(--sm)}.login-foot{display:none}.login-panel{padding:var(--s5)}.login-panel h2{font-size:var(--lg)}.access-user{flex-wrap:wrap}.access-user>div{flex-basis:100%}.hosted.hosted-owner .top-actions>[data-action="export"]{display:none}.hosted .top-actions>.btn{font-size:var(--xs)}.hosted .topbar{gap:var(--s2)}}