.account-page{background:var(--color-ivory)}
.account-topbar{width:min(1220px,calc(100% - 40px));min-height:120px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.account-brand{display:inline-flex;align-items:center}.account-top-logo{width:140px;max-width:140px;height:auto}
.account-top-actions{display:flex;gap:24px}.account-top-actions a{font-size:8px;letter-spacing:1.6px;text-transform:uppercase}
.premium-account{width:min(1220px,calc(100% - 40px));margin:60px auto 100px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:50px}
.account-sidebar{position:sticky;top:30px;align-self:start;padding:32px;background:var(--color-travertine)}
.account-identity span{font-size:7px;letter-spacing:2px;text-transform:uppercase;color:var(--color-champagne)}
.account-identity h1{margin:10px 0 8px;font-size:31px;line-height:1.05}.account-identity p{font-size:9px;color:var(--muted);word-break:break-word}
.account-nav{display:grid;margin-top:34px}.account-nav a{padding:15px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:1.3px;text-transform:uppercase}
.account-nav a.active,.account-nav a:hover{color:var(--color-champagne)}
.account-content{min-width:0}.account-hero{padding:55px;background:#fff}.account-hero h2{margin:12px 0;font-size:60px;line-height:1}
.account-hero>p{max-width:580px;color:var(--muted);font-size:12px;line-height:1.8}
.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.account-stats article{padding:22px;background:var(--color-ivory)}
.account-stats span,.order-card span,.profile-card span,.address-card>span{display:block;margin-bottom:7px;font-size:7px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(95,91,85,.58)}
.account-stats strong{font-family:var(--font-display);font-size:24px;font-weight:400}
.account-section{margin-top:28px;padding:42px;background:var(--color-travertine)}
.account-section .section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px;padding-bottom:0;text-align:left}
.account-section .section-heading h3{margin:7px 0 0;font-size:42px}.account-section .section-heading>a{font-size:8px;letter-spacing:1.5px;text-transform:uppercase}
.orders-list{display:grid;gap:12px}.order-card{display:grid;grid-template-columns:1.2fr .8fr .7fr 1fr 1fr;gap:20px;padding:22px;background:#fff}
.order-card strong{font-size:10px;font-weight:500}.empty-state{padding:30px;background:#fff}.empty-state h4{margin-bottom:8px;font-size:25px}.empty-state p{font-size:11px;line-height:1.8;color:var(--muted)}
.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.address-card,.profile-card{padding:24px;background:#fff}
.address-card strong,.address-card p{display:block;margin:5px 0;font-size:11px}.profile-card{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.profile-card strong{font-size:11px}
.customer-tracking{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--line)}.customer-tracking a{display:inline-block;margin-top:7px;color:var(--color-champagne);font-size:8px;letter-spacing:1.3px;text-transform:uppercase}
.account-shell{width:min(1120px,calc(100% - 40px));min-height:100vh;margin:auto;padding:42px 0 90px}
.account-brand-logo{display:flex;justify-content:center}.account-logo{width:140px;max-width:140px;height:auto}
.account-panel{width:min(540px,100%);margin:52px auto 0;padding:55px;background:#fff}.account-panel h1{margin:12px 0;font-size:58px;line-height:1}.account-panel>p{color:var(--muted);font-size:12px}
.account-form{display:grid;gap:18px;margin-top:34px}.account-form label{display:grid;gap:8px}.account-form label span{font-size:8px;letter-spacing:1.7px;text-transform:uppercase}
.account-form input{width:100%;padding:15px;border:1px solid var(--line);background:#fff}.account-back{display:inline-block;margin-top:16px;color:var(--color-stone);font-size:9px;letter-spacing:2px;text-transform:uppercase}
.account-forgot-password{
  display:inline-block;
  margin-top:-4px;
  margin-bottom:8px;
  color:var(--muted);
  font-size:9px;
  text-decoration:none;
}

.account-forgot-password:hover{
  color:var(--color-champagne);
}
