.customer-page{background:#f7f2f8}.customer-shell{max-width:1100px;margin:0 auto;padding:48px 20px 70px;min-height:70vh}.customer-auth{display:grid;place-items:center}.customer-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:36px}.customer-card h1,.account-head h1{font:500 44px 'Cormorant Garamond',serif;color:#50325d;margin:5px 0 10px}.customer-card p{font-size:12px;line-height:1.7;color:#75677a}.auth-tabs,.account-tabs{display:flex;gap:8px;margin:22px 0}.text-btn{border:0;background:none;color:var(--purple);text-decoration:underline;cursor:pointer;padding:12px 0;font-size:11px}.account-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.account-tabs{border-bottom:1px solid var(--line)}.account-tab{border:0;background:transparent;padding:14px 20px;cursor:pointer;color:#766579}.account-tab.active{color:var(--purple);border-bottom:2px solid var(--purple);font-weight:600}.account-panel{background:#fff;border:1px solid var(--line);padding:28px;box-shadow:var(--shadow)}.panel-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #eee5f0;padding-bottom:18px;margin-bottom:18px}.panel-title h2{font:500 32px 'Cormorant Garamond',serif;margin:0}.panel-title span{font-size:10px;color:#7d7180}.order-card{border:1px solid #e5d9e8;padding:18px;margin:12px 0;background:#fdfbfd}.order-top{display:flex;justify-content:space-between;gap:15px}.order-number{font-size:11px;color:#78647d}.order-status{display:inline-block;background:#efe4f2;color:#633c70;padding:7px 10px;font-size:10px;letter-spacing:.6px;text-transform:uppercase}.order-items{display:grid;gap:8px;margin-top:15px}.order-item{display:flex;gap:12px;align-items:center;border-top:1px solid #eee;padding-top:10px}.order-item img{width:58px;height:58px;object-fit:cover;background:#eee7ee}.order-item div{font-size:11px;line-height:1.6}.tracking{margin-top:14px;padding:12px;background:#f2eaf5;font-size:11px}.profile-form h3{font:500 25px 'Cormorant Garamond',serif;margin-top:25px}@media(max-width:650px){.customer-shell{padding:28px 14px 50px}.customer-card{padding:25px 18px}.account-head,.panel-title{align-items:flex-start;flex-direction:column;gap:10px}.account-head h1{font-size:37px}.account-panel{padding:18px 14px}.account-tabs{overflow:auto}.account-tab{white-space:nowrap;padding:12px}.order-top{flex-direction:column}.customer-page .navlinks.right a{font-size:10px}.customer-page .nav{grid-template-columns:1fr auto}.customer-page .navlinks.left{display:none}}
.order-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.order-breakdown span{background:#faf6fb;border:1px solid #eee5f0;padding:10px;font-size:9px;color:#7d7180}.order-breakdown b{display:block;color:#4d3555;font-size:11px;margin-top:4px}
.order-timeline{margin-top:16px;padding-top:12px;border-top:1px solid #eee5f0}.order-timeline h4{font:500 22px 'Cormorant Garamond',serif;margin:0 0 8px}.timeline-event{display:grid;grid-template-columns:12px 1fr;gap:9px;padding:7px 0}.timeline-event i{width:8px;height:8px;border-radius:50%;background:#6c3f7d;margin-top:5px}.timeline-event b{display:block;font-size:10px}.timeline-event span{display:block;font-size:10px;color:#756b78;margin-top:2px}.timeline-event small{display:block;font-size:8px;color:#9b8fa0;margin-top:3px}
@media(max-width:650px){.order-breakdown{grid-template-columns:1fr 1fr}}