.account-page{padding:150px 0 100px;min-height:100vh;}
.account-head{max-width:600px;margin-bottom:44px;}
.account-head h1{font-size:clamp(28px,4vw,38px);margin-top:14px;}
.account-head p{color:var(--text-soft);margin-top:14px;font-size:15px;}

.orders-list{display:flex;flex-direction:column;gap:12px;}
.order-row{
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;background:var(--surface);
  cursor:pointer;transition:all .2s ease;
}
.order-row:hover{border-color:var(--border-strong);}
@media (hover:hover) and (pointer:fine){
  .order-row:hover{transform:translateY(-2px);}
}
.order-row-main h3{font-size:15.5px;margin-bottom:4px;}
.order-row-main span{font-family:var(--f-mono);font-size:11.5px;color:var(--text-dim);}

.empty-state{
  border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:50px;text-align:center;
}
.empty-state p{color:var(--text-soft);margin:12px 0 22px;font-size:14.5px;}

.order-detail{display:none;}
.order-detail.active{display:block;}
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);text-decoration:none;font-size:13.5px;margin-bottom:24px;}
.back-link:hover{color:var(--text);}

.detail-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;background:var(--surface);}
@media (max-width:600px){ .detail-card{padding:20px;} }
.detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;flex-wrap:wrap;}
.detail-top h2{font-size:22px;margin-bottom:6px;}
.detail-top .meta{font-family:var(--f-mono);font-size:12px;color:var(--text-dim);}

.progress-track{display:flex;gap:6px;margin:26px 0;}
.progress-seg{flex:1;height:4px;border-radius:3px;background:var(--border);}
.progress-seg.done{background:var(--ok);}
.progress-seg.now{background:var(--accent-border);box-shadow:0 0 8px var(--accent-soft);animation:statusPulse 2s var(--ease-in-out) infinite;}
.progress-labels{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:10.5px;color:var(--text-dim);margin-bottom:24px;}

.leave-review-box{border-top:1px solid var(--border-hair);margin-top:28px;padding-top:26px;}
.leave-review-box h4{font-size:14.5px;margin-bottom:12px;}
.star-picker{display:flex;gap:6px;margin-bottom:14px;}
.star-picker button{background:none;border:none;cursor:pointer;padding:2px;}
.star-picker svg{width:24px;height:24px;fill:none;stroke:var(--text-dim);stroke-width:1.5;transition:all .15s ease;}
.star-picker button.active svg, .star-picker button:hover svg{fill:var(--warn);stroke:var(--warn);}
.leave-review-box textarea{
  width:100%;background:var(--bg-alt);border:1px solid var(--border);border-radius:9px;padding:12px 14px;
  color:var(--text);font-size:13.5px;min-height:80px;margin-bottom:14px;resize:vertical;
}