.account-shell{display:grid;gap:24px;padding:28px}.account-hero,.account-panel{background:rgba(255,255,255,.96);border:1px solid rgba(0,0,0,.08);border-radius:28px;box-shadow:0 18px 38px rgba(0,0,0,.08)}
.account-hero{padding:28px 30px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.account-hero__id{display:flex;gap:16px;align-items:center}.account-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font:700 24px/1 "Roboto Condensed",sans-serif}.account-hero h2{margin:0;font-size:32px}.account-hero p{margin:6px 0 0;color:#666}.account-badge{padding:10px 14px;border-radius:999px;background:#f6efe8;color:#c55b0a;font-weight:700}.account-panel{padding:24px 26px}.account-panel h3{margin:0 0 6px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-field{display:grid;gap:8px}.account-field.full{grid-column:1/-1}.account-field label{font-weight:700;font-size:13px;color:#5b5b5b}.account-field input,.account-field select{height:46px;border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:0 14px;font:inherit}.account-field .hint{font-size:12px;color:#757575}.account-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.account-platform-row{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:12px;margin-top:12px}.account-muted{color:#666;font-size:14px}.account-link-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:#111;color:#fff;text-decoration:none}.account-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eff7ee;color:#25613a;font-weight:700}
@media (max-width: 980px){.account-grid,.account-platform-row{grid-template-columns:1fr}.account-hero{flex-direction:column}.account-actions{justify-content:stretch}.account-actions>*{flex:1}}