.account-shell { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 24px; align-items: start; }
.account-sidebar { position: sticky; top: 96px; display: grid; gap: 6px; border: 1px solid var(--border); border-radius: 18px; padding: 12px; background: var(--panel); }
.account-sidebar a { display: block; border-radius: 10px; padding: 11px 12px; color: var(--muted-2); font-weight: 700; }
.account-sidebar a.active, .account-sidebar a:hover { background: rgba(var(--accent-rgb), .08); color: var(--accent-strong); }
.account-panel { min-width: 0; }
.account-panel > h2 { margin-top: 0; font-size: clamp(28px, 3vw, 40px); letter-spacing: -.04em; }
.account-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.account-metric { border: 1px solid var(--border); border-radius: 16px; padding: 18px; background: var(--panel); min-width: 0; }
.account-metric strong { display: block; font-size: 28px; letter-spacing: -.04em; overflow-wrap: break-word; word-break: break-word; }
.account-metric span { color: var(--muted); font-size: 11px; }
.account-metric strong#account-email, .account-metric strong#account-username { font-size: 15px; letter-spacing: normal; word-break: break-all; }
.account-section-card { margin-top: 16px; border: 1px solid var(--border); border-radius: 18px; padding: 20px; background: var(--panel); }
.account-section-card h3 { margin-top: 0; }
.account-list { display: grid; gap: 10px; }
.account-list-row { display: flex; justify-content: space-between; gap: 16px; align-items: center; border: 1px solid var(--border); border-radius: 14px; padding: 16px; background: var(--surface-inset); }
.account-list-row > div:first-child { min-width: 0; }
.account-list-row strong { display: block; }
.account-list-row span, .account-list-row p { color: var(--muted); font-size: 12px; }
.account-row-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.account-empty { border: 1px dashed var(--border-strong); border-radius: 14px; padding: 20px; color: var(--muted-2); }
.form-status { min-height: 22px; color: var(--muted-2); }
.form-status[data-tone="error"], [data-tone="error"] { color: var(--danger); }
.form-status[data-tone="success"], [data-tone="success"] { color: var(--accent-strong); }
.form-status[data-tone="warning"], [data-tone="warning"] { color: var(--warning); }
@media (max-width: 900px) { .account-shell { grid-template-columns: 1fr; } .account-sidebar { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); } .account-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 620px) { .account-sidebar, .account-metrics { grid-template-columns: 1fr; } .account-list-row { align-items: flex-start; flex-direction: column; } .account-row-actions { flex-wrap: wrap; } }
/* The tracker lives on its own page; its sidebar entry is a plain link with a little arrow. */
.account-sidebar .account-sidebar-external::after { content: " \2197"; color: var(--muted); font-size: 12px; }