.account-login,
.account-message {
  width: min(100%, 620px);
  margin: clamp(48px,8vw,100px) auto;
  padding: clamp(28px,5vw,52px);
  border: 1px solid #d3d7e3;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(13,25,65,.1);
}
.account-login h1,.account-message h1 { margin: 9px 0 12px; font-size: clamp(2.2rem,6vw,3.6rem); line-height: .95; letter-spacing: -.045em; }
.account-login > p,.account-message > p { color: #59627d; font-size: 1.05rem; }
.account-login form { display: grid; gap: 18px; margin-top: 28px; }
.account-login label { display: grid; gap: 7px; font-size: .82rem; font-weight: 800; }
.account-login input { width: 100%; }
.account-login button { justify-self: start; }
.account-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding: 58px 0 30px; border-bottom: 1px solid #d4d9e5; }
.account-head h1 { margin: 7px 0; font-size: clamp(2.8rem,7vw,5.2rem); letter-spacing: -.06em; line-height: .9; }
.account-head p { margin: 0; color: #59627d; }
.account-orders { display: grid; gap: 14px; padding: 28px 0 80px; }
.account-order { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(240px,1.2fr) auto; gap: 24px; align-items: center; padding: 24px; border: 1px solid #d3d7e3; border-radius: 15px; background: #fff; box-shadow: 0 4px 12px rgba(13,25,65,.06); }
.account-order h2 { margin: 10px 0 3px; }
.account-order h2 a { text-decoration: none; }
.account-order p { margin: 0; color: #59627d; }
.account-order-link { font-weight: 900; white-space: nowrap; }
.account-order-head { display: grid; grid-template-columns: minmax(250px,.8fr) minmax(420px,1.2fr); gap: 36px; align-items: end; padding: 52px 0 28px; }
.account-order-head h1 { margin: 8px 0; font-size: clamp(2.8rem,7vw,5rem); line-height: .9; letter-spacing: -.055em; }
.account-status-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.account-status-grid > div { display: grid; gap: 5px; padding: 18px; border: 1px solid #d3d7e3; border-radius: 12px; background: #fff; }
.account-status-grid span { color: #68718a; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.account-detail-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(260px,.6fr); gap: 20px; }
.account-detail-grid .admin-card { margin: 0; }
.account-detail-grid address { font-style: normal; line-height: 1.7; }
.account-items { margin: 0; padding: 0; list-style: none; }
.account-items li { display: flex; justify-content: space-between; gap: 20px; padding: 17px 0; border-top: 1px solid #d8dce6; }
.account-items li:first-child { border-top: 0; }
.account-items span,.account-items em { display: block; margin-top: 4px; color: #68718a; font-size: .82rem; font-style: normal; }
.account-items em { color: #8b5a18; font-weight: 800; }
.account-shipment { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px 0; border-top: 1px solid #d8dce6; }
.account-shipment h3 { margin: 8px 0 2px; }
.account-shipment p { margin: 0; color: #68718a; }
@media(max-width:760px){
  .account-head,.account-shipment { align-items: stretch; flex-direction: column; }
  .account-head button,.account-shipment .button { width: 100%; text-align: center; }
  .account-order,.account-order-head,.account-detail-grid { grid-template-columns: 1fr; }
  .account-order-link { justify-self: start; }
  .account-status-grid { grid-template-columns: 1fr; }
}
@media(max-width:480px){
  .account-login,.account-message { width: calc(100% + 4vw); margin-left: -2vw; border-radius: 14px; }
  .account-login button { width: 100%; }
  .account-order { padding: 20px; }
}