body.app-ui.account-page main.account-shell{width:calc(100% - 32px);max-width:1180px;margin:32px auto;padding:0;background:none;border:0}.account-card{max-width:440px;margin:0 auto;background:white;border:1px solid #d9e4f0;border-radius:18px;padding:30px;box-shadow:0 12px 40px #153c6510}.account-kicker{color:#1565c0;font-size:12px;font-weight:650;letter-spacing:2px}.account-card h1{font-size:26px;margin:12px 0}.account-card h1 small{font-size:13px;color:#6c8099}.account-intro,.account-card p{color:#60758d;font-size:13px;line-height:1.7}.account-field{margin:18px 0}.account-field label{display:block;margin-bottom:7px;font-size:13px;font-weight:600}.account-field input{box-sizing:border-box;width:100%;height:44px;border:1px solid #cbd9e8;border-radius:8px;padding:10px;font-size:16px}.account-field small{display:block;color:#718398;font-size:11px;margin-top:5px}.account-card button{background:#1565c0;color:white;border:0;border-radius:8px;width:100%;min-height:44px;cursor:pointer;font-size:14px;font-weight:600}.account-card button:hover{background:#0e54a5}.account-links{display:flex;flex-wrap:wrap;gap:12px 18px;margin:20px 0;font-size:12px}.account-links a{color:#1565c0}.account-note{font-size:11px!important}.account-card .errorlist{list-style:none;padding:0;font-size:12px;color:#b32f34}.account-card .account-secondary{background:#eef4fb;color:#1565c0}.recovery-box{padding:16px;border:1px solid #edce8e;border-radius:10px;background:#fff9ec}.recovery-box h2{font-size:16px}.recovery-box code{display:block;word-break:break-all;color:#223752;font-size:15px;user-select:all}.account-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#edf5ff;padding:15px;border-radius:10px;font-size:12px;color:#506985}.account-summary strong{font-size:25px;color:#1565c0}
@media(max-width:600px){body.app-ui.account-page main.account-shell{margin:16px auto}.account-card{padding:22px 18px;border-radius:12px}}

body.app-ui .account-card h1{margin:0 0 22px;font-size:25px;letter-spacing:.4px}.account-auth-links{gap:12px;justify-content:space-between}.account-auth-links .account-register-cta{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:44px;border:1px solid #1565c0;border-radius:8px;background:#edf5ff;color:#125caf;font-size:14px;font-weight:650;text-decoration:none;transition:background .2s}.account-auth-links .account-register-cta:hover{background:#dfedff}

/* Logged-in center is a dashboard; authentication forms remain focused. */
body.app-ui .account-card .account-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:851px){
 html body.app-ui .account-card.account-auth{box-sizing:border-box;max-width:880px;width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;padding:32px;margin:0 auto;align-items:center}
 .account-auth-form{min-width:0}
 html body.app-ui .account-auth .account-shortcuts{margin:0;padding:30px 0 30px 30px;border:0;border-left:1px solid #e1e9f3;align-content:center;gap:12px}
 html body.app-ui .account-auth .account-shortcuts a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:110px;padding:14px 8px;box-sizing:border-box;background:#f3f8ff;border-radius:10px;font-size:13px;white-space:nowrap}
 html body.app-ui .account-auth .account-shortcuts svg{width:25px;height:25px}
}
@media(min-width:851px){
html body.app-ui .account-card.account-dashboard{box-sizing:border-box;max-width:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding:36px;border-radius:18px;align-items:start}
.account-dashboard .account-profile{min-width:0;padding-right:36px;border-right:1px solid #e1e9f3}
html body.app-ui .account-dashboard h1{font-size:28px;margin:12px 0 20px;overflow-wrap:anywhere}
.account-dashboard .account-summary{margin-top:22px;padding:20px;min-height:76px;box-sizing:border-box}
.account-dashboard .account-profile>form button{width:auto;min-width:140px;background:#eef4fb;color:#1565c0}
html body.app-ui .account-dashboard .account-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;border:0;align-content:start}
html body.app-ui .account-dashboard .account-shortcuts a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-height:136px;padding:24px;box-sizing:border-box;border:1px solid #dce8f6;border-radius:12px;background:#f6faff;font-size:15px;font-weight:600;transition:background .2s,border-color .2s}
html body.app-ui .account-dashboard .account-shortcuts a:hover{background:#e9f3ff;border-color:#8db6e6}
html body.app-ui .account-dashboard .account-shortcuts svg{width:28px;height:28px}
}

/* Staff and member centers share the same responsive dashboard layout. */
.account-staff-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}
.account-admin-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:0 20px;border-radius:8px;background:#1565c0;color:#fff;text-decoration:none;font-size:14px;font-weight:600}
.account-admin-link:hover{background:#0e54a5}
.account-staff-actions form{margin:0}
.account-staff-actions .account-secondary{padding:0 20px}
@media(max-width:850px){.account-staff-actions>*{width:100%}.account-staff-actions button{width:100%}}

.account-staff-actions .account-admin-link,.account-staff-actions .account-admin-link:visited,.account-staff-actions .account-admin-link:hover{color:#fff!important}

/* Login content follows the shared site shell instead of the narrow auth cap. */
@media(min-width:851px){html body.app-ui.account-login-page .account-card.account-auth{max-width:none;width:100%}}