.acct { max-width: 34rem; margin: 2rem auto; padding: 0 16px 3rem; }
.acct h1 { margin: 0 0 .4rem; }
.acct .lead { color: var(--muted, #5b6b82); margin: 0 0 1.2rem; }
.acct-card { border: 1px solid var(--line, #d9e0ea); border-radius: 12px; padding: 18px; background: var(--card, #fff); }
.acct-tabs { display: flex; gap: 6px; margin-bottom: 14px; }
.acct-tabs button { flex: 1; font: inherit; font-weight: 600; padding: 9px; border-radius: 8px; border: 1px solid var(--line, #d9e0ea); background: transparent; color: inherit; cursor: pointer; }
.acct-tabs button[aria-selected="true"] { background: #13203a; color: #fff; border-color: #13203a; }
.acct label { display: block; font-weight: 600; margin: 12px 0 4px; }
.acct input { width: 100%; box-sizing: border-box; font: inherit; padding: 10px; border-radius: 8px; border: 1px solid var(--line, #b9c4d3); background: transparent; color: inherit; }
.acct .btn { margin-top: 14px; font: inherit; font-weight: 700; padding: 10px 16px; border-radius: 8px; border: 0; background: #e0561f; color: #fff; cursor: pointer; }
.acct .btn.ghost { background: transparent; color: inherit; border: 1px solid var(--line, #b9c4d3); }
.acct .btn:disabled { opacity: .6; cursor: wait; }
.acct-hint, .acct-small { font-size: .9rem; color: var(--muted, #5b6b82); }
.acct-msg { min-height: 1.3em; margin: 10px 0 0; font-weight: 600; }
.acct-msg.err { color: #b3261e; } .acct-msg.ok { color: #1b7a43; }
.acct-list { padding-left: 1.1rem; }
.acct-row { display: flex; gap: 8px; flex-wrap: wrap; }
.acct details { margin-top: 18px; }
.acct-link { font: inherit; background: none; border: 0; padding: 0; color: #e0561f; text-decoration: underline; cursor: pointer; }
.acct form[hidden] { display: none; }