.account-page { min-height:100vh; display:grid; place-items:center; padding:28px 18px; background:#edf5ff; }
.account-card { background:white; padding:34px; border:1px solid #cbdff2; border-radius:16px; max-width:460px; width:100%; box-shadow:0 15px 45px #17324f0a; }
.account-card .brand { margin:0 0 30px; }
.account-card h1 { font-size:26px; margin-bottom:12px; }
#account-description { color:#405e7d; line-height:1.65; font-size:14px; margin-bottom:25px; }
.account-card input,#user-form input:not([type=checkbox]),#user-form select { width:100%; }
.account-password { position:relative; }
.account-password input { padding-right:56px; }
.account-password-toggle { position:absolute; right:2px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:8px; background:transparent; color:#536f8b; }
.account-password-toggle:hover,.account-password-toggle[aria-pressed="true"] { color:#176cc0; background:#edf5ff; }
.account-password input::-ms-reveal { display:none; }
.account-card .field-label,#user-form .field-label { margin-top:18px; }
.account-submit { width:100%; margin-top:22px; justify-content:center; }
.account-footer { color:#536f8b; font-size:12px; margin-top:20px; line-height:1.6; }
#account-back { display:inline-block; color:#176cc0; margin-top:18px; font-size:13px; }
.account-login { display:block; margin-top:5px; color:#536f8b; }
.account-row-actions { display:flex; flex-wrap:wrap; gap:9px 16px; max-width:350px; }
.account-row-actions .text-button { font-size:12px; }
.account-blocked { background:#fff0ed; color:#89392f; border-color:#ebc3bc; }
.account-password-tools { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:14px; }
#user-form .modal-description { line-height:1.7; margin:17px 0; }
@media(max-width:500px) { .account-card { padding:25px; } }