.account-manager {display:grid;gap:16px;min-width:0}
.account-manager h2,.account-manager h3,.account-manager p {margin:0}
.account-manager label {display:grid;gap:6px;font-size:12px;min-width:0}
.account-manager input,.account-manager select {width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid var(--border,#d8dee8);border-radius:8px;background:var(--surface,#fff);color:inherit;font:inherit}
.account-manager button {padding:9px 12px;min-height:40px;border:1px solid var(--border,#d8dee8);border-radius:8px;background:var(--surface,#fff);color:inherit;font:inherit;cursor:pointer}
.account-manager button:disabled {opacity:.55;cursor:wait}
.account-manager :focus-visible {outline:3px solid var(--accent,#4263eb);outline-offset:2px}
.account-manager .account-danger {color:var(--red,#b42318)}
.account-create {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-create h3,.account-create button {grid-column:1/-1}
.account-section {display:grid;gap:12px;border-top:1px solid var(--border,#d8dee8);padding-top:16px}
.account-row {display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border,#d8dee8)}
.account-identity {display:grid;gap:6px;flex:1;min-width:140px;overflow-wrap:anywhere}
.account-identity>span {font-size:12px;color:var(--t3,#64748b)}
.account-actions {display:flex;flex-wrap:wrap;gap:8px}
.account-edit-form {display:grid;gap:12px;border:1px solid var(--accent,#4263eb);border-radius:10px;padding:16px}
#account-status[role=alert] {color:var(--red,#b42318)}
#gen-result {overflow-wrap:anywhere}
@media(max-width:520px){.account-create{grid-template-columns:minmax(0,1fr)}.account-row{align-items:stretch}.account-row>label,.account-actions{width:100%}.account-actions button{flex:1}}