.account-page{width:min(1120px,calc(100% - 40px));min-height:65vh;margin:56px auto 88px;color:var(--ink,#17352f)}
.account-auth{max-width:480px;margin:0 auto;padding:36px;border:1px solid #dfe6e2;border-radius:8px;background:#fff}
.account-auth h1,.account-title h1{font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.035em;margin:10px 0}
.account-auth>p,.account-title p,.account-orders-heading p{color:#687a74;margin:0 0 26px}
.account-auth form{display:grid;gap:16px}.account-auth label{display:grid;gap:7px;font-weight:600;font-size:14px}.account-auth input{width:100%;min-height:46px;border:1px solid #ccd8d2;border-radius:5px;padding:10px 12px;font:inherit}.account-auth .button{justify-content:center;min-height:44px}
.account-error{color:#9d3426;font-size:14px;margin:0}.account-guest{border-top:1px solid #e1e7e3;margin-top:28px;padding-top:18px}.account-guest h2,.account-orders-heading h2{font-size:20px;margin:0 0 8px}.account-guest p{font-size:14px;color:#687a74;line-height:1.6}.account-guest .button{margin-top:6px}
.account-orders{max-width:1040px;margin:0 auto}.account-title,.account-orders-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.account-title{padding-bottom:28px;border-bottom:1px solid #dfe6e2}.account-orders-heading{margin:30px 0 18px}.account-orders-heading p{margin:0}.account-order-list{border:1px solid #dfe6e2;border-radius:8px;overflow:hidden}.account-order{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;padding:18px 20px;border-bottom:1px solid #e7ece9;align-items:center}.account-order:last-child{border-bottom:0}.account-order>div{display:grid;gap:5px}.account-order span,.account-order small{font-size:13px;color:#71817b}.account-order strong{font-size:15px;text-transform:capitalize}.account-order .account-status{color:#12624b}.account-empty{border:1px solid #e0e7e3;border-radius:8px;padding:28px}.account-empty h3{margin:0 0 8px;font-size:19px}.account-empty p{color:#687a74}.account-loading{padding:48px;text-align:center;color:#687a74}
@media(max-width:650px){.account-page{width:calc(100% - 28px);margin:28px auto 56px}.account-auth{padding:24px 18px}.account-title,.account-orders-heading{align-items:flex-start}.account-title{flex-direction:column}.account-orders-heading{flex-direction:column}.account-order{grid-template-columns:1fr 1fr;gap:12px;padding:15px}.account-order>div:first-child{grid-column:1/-1}.account-order>div:last-child{justify-items:end;text-align:right}.account-orders-heading .button{width:100%;justify-content:center}}