.account-page { padding:64px 0 88px; }
.account-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:32px; }
.account-heading h1 { margin:12px 0 8px; font-size:var(--type-size-title-page); line-height:var(--type-line-tight); }
.account-heading p { margin:0; color:var(--color-text-muted); font-size:var(--type-size-body-sm); }
.account-layout { display:grid; grid-template-columns:minmax(240px,300px) minmax(0,1fr); gap:18px; align-items:start; }
.identity-card,.account-card { border-radius:18px; background:var(--color-surface); }
.identity-card { position:sticky; top:88px; padding:26px; text-align:center; }
.identity-card .avatar { width:84px; height:84px; margin:0 auto; border-radius:24px; background:var(--color-primary); color:var(--color-on-primary); box-shadow:0 12px 30px var(--color-primary-soft); }
.identity-copy { margin-top:18px; }
.identity-card .profile-name { margin:0; font-size:var(--type-size-title-panel); }
.identity-card .profile-role { margin-top:6px; color:var(--color-text-muted); font-size:var(--type-size-meta); }
.identity-divider { height:1px; margin:24px 0; background:var(--color-border); }
.identity-card .button { width:100%; }
.account-card { padding:28px; }
.account-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:20px; }
.account-section-label { color:var(--color-primary); font-size:var(--type-size-caption); font-weight:var(--type-weight-bold); letter-spacing:.12em; text-transform:uppercase; }
.account-card-heading h2 { margin:7px 0 0; font-size:var(--type-size-title-panel); }
.account-secure { padding:6px 9px; border-radius:999px; background:color-mix(in srgb,var(--color-success) 12%,transparent); color:var(--color-success); font-size:var(--type-size-label); font-weight:var(--type-weight-semibold); }
.account-details { margin:0; }
.account-details .detail-row { display:grid; grid-template-columns:150px minmax(0,1fr); gap:20px; padding:16px 0; border-top:1px solid var(--color-border); }
.account-details dt,.account-details dd { margin:0; }
.account-details dt { color:var(--color-text-muted); font-size:var(--type-size-meta); }
.account-details dd { min-width:0; color:var(--color-text); font-size:var(--type-size-meta); text-align:right; overflow-wrap:anywhere; }
.technical-value { font-family:"Cascadia Mono","SFMono-Regular",Consolas,monospace; }
.status-badge { display:inline-flex; padding:4px 8px; border-radius:999px; background:var(--color-primary-soft); color:var(--color-primary); font-size:var(--type-size-label); }
.status-badge[data-status="verified"] { background:color-mix(in srgb,var(--color-success) 12%,transparent); color:var(--color-success); }
.status-badge[data-status="pending"] { background:color-mix(in srgb,var(--color-warning) 12%,transparent); color:var(--color-warning); }
.account-note { margin-top:22px; padding:18px; border-radius:13px; background:var(--color-surface-raised); }
.account-note strong { font-size:var(--type-size-body-sm); }
.account-note p { margin:7px 0 0; color:var(--color-text-muted); font-size:var(--type-size-meta); line-height:var(--type-line-body); }
@media(max-width:820px){.account-layout{grid-template-columns:1fr}.identity-card{position:static;display:grid;grid-template-columns:auto 1fr;gap:0 18px;text-align:left;align-items:center}.identity-card .avatar{margin:0}.identity-copy{margin:0}.identity-divider{grid-column:1/-1;margin:20px 0}.identity-card .button{grid-column:1/-1}}
@media(max-width:620px){.account-page{padding-top:40px}.account-heading{align-items:flex-start;flex-direction:column}.account-card{padding:20px}.account-details .detail-row{grid-template-columns:1fr;gap:7px}.account-details dd{text-align:left}}