.account-page{min-height:calc(100vh - 64px);background:linear-gradient(135deg,#f8fbff 0%,#edf3ff 100%);padding:70px 20px}
.account-card{max-width:460px;margin:0 auto;background:#fff;border:1px solid rgba(26,79,214,.14);border-radius:16px;padding:32px;box-shadow:0 20px 54px rgba(26,79,214,.12)}
.account-title{font-size:32px;line-height:1.1;color:var(--w);margin:0 0 8px;letter-spacing:-1px}
.account-sub,.account-note,.muted{color:var(--g);font-size:14px;line-height:1.7}.account-note{margin-top:18px;text-align:center}.account-note a{color:var(--blue2);font-weight:700}
.account-shell{display:grid;grid-template-columns:280px 1fr;gap:24px;min-height:calc(100vh - 64px);padding:32px;background:#f5f7fc}
.account-side,.account-main,.panel,.metric{background:#fff;border:1px solid rgba(26,79,214,.12);border-radius:16px;box-shadow:0 12px 34px rgba(26,79,214,.08)}
.account-side{padding:24px;height:max-content;position:sticky;top:88px}.account-avatar{width:58px;height:58px;border-radius:16px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;margin-bottom:14px}.account-name{font-weight:800;color:var(--w)}.account-email{font-size:13px;color:var(--g);margin-top:4px}
.account-main{padding:26px}.account-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.account-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric{padding:18px}.metric strong{display:block;font-size:28px;color:var(--w);font-family:var(--mono)}.metric span{font-size:12px;color:var(--g);text-transform:uppercase;letter-spacing:.5px}
.panel{padding:20px;margin-top:16px}.panel h2{font-size:18px;color:var(--w);margin-bottom:12px}.row-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(26,79,214,.10);padding:14px 0}.row-card:first-of-type{border-top:0}.row-card strong{display:block;color:var(--w)}.row-card span{display:block;color:var(--g);font-size:12px;margin-top:3px}
@media(max-width:850px){.account-shell{grid-template-columns:1fr;padding:18px}.account-side{position:static}.account-grid{grid-template-columns:1fr}.account-head{align-items:flex-start;flex-direction:column}}