.auth-layout.login{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:32px 16px;background:var(--bg);min-height:100vh}
.auth-layout .login-form{display:block;width:100%;max-width:430px;padding:0;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.auth-card-head{background:var(--brand);color:var(--surface);padding:24px}
.auth-card-head .brand{font-size:28px;color:var(--surface)}
.auth-card-head p{margin:6px 0 0;color:var(--royal-soft);font-size:13px}
.auth-layout .login-form form{padding:24px;max-width:none}
.auth-layout .login-form h1{font-size:24px;margin:0 0 8px}
.auth-layout .login-form .field>label,.auth-layout .login-form .auth-label-row label{margin-top:0}
.auth-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.auth-layout .login-form .auth-label-row label{margin-bottom:0}
.auth-link{border:0;background:none;color:var(--royal);font:700 12.5px var(--f);padding:0;cursor:pointer}
.password-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);min-height:36px;border:0;background:none;color:var(--royal);border-radius:8px;cursor:pointer;font:700 12px var(--f)}
.reset-checks{padding-left:20px;margin:16px 0;font-size:12.5px;color:var(--muted)}
.reset-checks li{margin-top:6px}.reset-checks li.met{color:var(--green-ink)}
.accounts-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:18px}
.accounts-filters input{flex:1 1 220px}.accounts-filters select{flex:0 1 220px}.accounts-filters p{margin:0}
.accounts-card table{min-width:820px}.accounts-card td small{display:block;color:var(--muted)}
.accounts-card .account-locked td:first-child{border-left:4px solid var(--red)}
.account-tag{display:inline-block;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.account-tag.active{background:var(--green-soft);color:var(--green-ink)}.account-tag.locked{background:var(--red-soft);color:var(--red-ink)}
.accounts-note{padding:16px 18px;margin:0;color:var(--muted);font-size:12.5px}
@media(max-width:640px){.auth-layout .login-form form,.auth-card-head{padding:22px 18px}.accounts-filters select{flex:1 1 220px}}
.accounts-card td:first-child{max-width:280px;white-space:normal;overflow-wrap:anywhere}.accounts-card td:first-child a,.accounts-card td:first-child small{white-space:normal;overflow-wrap:anywhere}
.account-actions summary{cursor:pointer;font-size:24px;list-style:none;text-align:center}
.account-actions[open]{min-width:210px}
.account-actions button{display:block;width:100%;text-align:left;margin-block:4px}
.accounts-card .account-pending td:first-child{border-left:4px solid var(--violet)}
.accounts-card .account-temporary td:first-child{border-left:4px solid var(--orange)}
.account-pending .account-tag{background:var(--violet-soft);color:var(--violet-ink)}
.account-temporary .account-tag{background:var(--orange-soft);color:var(--orange-ink)}