.account-main { padding: var(--space-16) 0 var(--space-24); }
.account-heading { max-width: 46rem; margin-bottom: var(--space-12); }
.account-kicker { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-wider); text-transform: uppercase; margin-bottom: var(--space-3); }
.account-title { font-family: var(--font-serif); font-size: clamp(2.5rem, 7vw, 5.5rem); line-height: 0.98; letter-spacing: var(--tracking-tighter); margin-bottom: var(--space-5); }
.account-lead { color: var(--muted-foreground); font-size: var(--text-lg); max-width: 42rem; }
.account-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.85fr); gap: var(--space-8); align-items: start; }
.account-panel { border: var(--border-medium); padding: var(--space-8); background: var(--background); }
.account-panel-title { font-family: var(--font-serif); font-size: var(--text-2xl); margin-bottom: var(--space-6); }
.credit-balance { font-family: var(--font-serif); font-size: clamp(4rem, 9vw, 7rem); line-height: 0.9; }
.credit-label { color: var(--muted-foreground); margin: var(--space-3) 0 var(--space-8); }
.account-products { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.account-product { border: var(--border-thin); padding: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); }
.account-product.recommended { border: var(--border-thick); background: var(--muted); }
.account-product-name { font-weight: 700; }
.account-product-price { font-family: var(--font-mono); font-size: var(--text-2xl); font-weight: 700; }
.account-product-note { color: var(--muted-foreground); font-size: var(--text-sm); min-height: 2.7rem; }
.account-product .btn { margin-top: var(--space-3); justify-content: center; }
.orders-section { margin-top: var(--space-12); }
.orders-header { display: flex; align-items: end; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-5); }
.orders-title { font-family: var(--font-serif); font-size: var(--text-3xl); }
.orders-list { border-top: var(--border-medium); }
.order-row { display: grid; grid-template-columns: minmax(12rem, 1.5fr) 0.8fr 0.8fr 0.8fr; gap: var(--space-4); align-items: center; padding: var(--space-5) 0; border-bottom: var(--border-hairline); }
.order-name { font-weight: 700; }
.order-meta, .order-id { color: var(--muted-foreground); font-size: var(--text-sm); }
.order-id { font-family: var(--font-mono); word-break: break-all; }
.order-status { display: inline-flex; width: fit-content; padding: 0.2rem 0.6rem; border: 1px solid currentColor; font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; }
.order-status.refunded { color: var(--error-text); }
.orders-empty, .account-error { padding: var(--space-8) 0; color: var(--muted-foreground); }
.account-error { color: var(--error-text); }
.payment-notice { margin-bottom: var(--space-6); border: 1px solid var(--primary); padding: var(--space-4); color: var(--primary-dark); }
.account-user { font-size: var(--text-sm); color: var(--muted-foreground); }
@media (max-width: 800px) {
  .account-main { padding-top: var(--space-10); }
  .account-grid { grid-template-columns: 1fr; }
  .order-row { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
  .account-panel { padding: var(--space-5); }
  .account-products, .order-row { grid-template-columns: 1fr; }
  .header-actions .account-user { display: none; }
}