.acct-root{height:100%;overflow-y:auto;padding:30px 34px 44px;background:var(--p-bg2)}
.acct-hero{display:flex;align-items:center;gap:16px;margin-bottom:30px}
.acct-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(155deg,var(--p-accent),#1a4fb0);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 8px 22px rgba(61,139,255,.3)}
.acct-name{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--p-ink)}
.acct-role{font-size:12.5px;color:var(--p-muted);margin-top:2px}
.acct-badges{display:flex;gap:8px;margin-top:9px}
.acct-badge{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:20px}
.acct-badge.plan{background:var(--p-accent-dim);color:#7fb2ff}
.acct-badge.id{background:rgba(255,255,255,.06);color:var(--p-muted);font-family:var(--mono)}

.acct-section{margin-bottom:26px}
.acct-section-title{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--p-muted);margin-bottom:12px}

.acct-stats{display:flex;flex-direction:column;gap:14px;background:var(--p-surface);border:1px solid var(--p-border);border-radius:9px;padding:16px 18px}
.acct-stat-hdr{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--p-soft);font-weight:600;margin-bottom:6px}
.acct-stat-hdr svg{width:14px;height:14px;stroke:var(--p-accent);fill:none;stroke-width:1.8}
.acct-stat-frac{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--p-muted)}
.acct-stat-bar{height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.acct-stat-bar span{display:block;height:100%;background:var(--p-accent);border-radius:3px}

.acct-rows{background:var(--p-surface);border:1px solid var(--p-border);border-radius:9px;overflow:hidden}
.acct-row{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;font-size:12.5px;border-bottom:1px solid var(--p-border-soft)}
.acct-row:last-child{border-bottom:none}
.acct-row span:first-child{color:var(--p-muted)}
.acct-row span:last-child{color:var(--p-ink);font-weight:600}

.acct-coming{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.acct-coming-item{background:var(--p-surface);border:1px dashed var(--p-border);border-radius:8px;padding:12px 14px}
.acct-coming-label{font-size:12px;font-weight:700;color:var(--p-soft);margin-bottom:4px}
.acct-coming-desc{font-size:11.5px;color:var(--p-muted);line-height:1.55}

.acct-actions{display:flex;gap:10px;margin-top:8px}

@media(max-width:520px){ .acct-coming{grid-template-columns:1fr} }