.account-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#edf3ed}
.account-card{width:min(100%,440px);padding:28px}
.account-card h1,.account-management h1{margin:10px 0}
.account-card p{color:var(--muted);margin:8px 0 18px}
.account-card form{display:grid;gap:14px}
.account-card form label{display:grid;gap:6px;font-weight:600}
.account-card form input{width:100%;min-width:0}
.account-card form input[readonly]{background:#f3f6f3}
.account-card form button{justify-content:center}
.account-card .account-message{min-height:20px;margin:12px 0 0}
.account-message[data-error="true"]{color:#9d3b24}
.account-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#d8edaa;color:#163228;font-size:24px;margin-bottom:16px}
.account-management{width:min(100%,900px)}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;align-items:start}
.account-grid .account-card{width:100%;min-width:0}
.account-back{color:#125d49;font-weight:650}
.account-list article{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:12px 0;border-bottom:1px solid var(--line)}
.account-list article small{grid-column:1;color:var(--muted);overflow-wrap:anywhere}
.account-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 14px}
@media(max-width:700px){.account-grid{grid-template-columns:1fr}.account-shell{padding:16px}}