.auth-card{max-width:460px;margin:0 auto}.auth-tabs,.account-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.auth-tabs button,.account-tabs button{border:1px solid #ddd;border-radius:99px;padding:10px 18px;background:#fff;font:inherit;cursor:pointer}.auth-tabs .active,.account-tabs .active{background:#111;color:#fff;border-color:#111}.account-notice{padding:14px;background:#f4f4f4;border-radius:10px;margin:12px 0 20px}.account-message{margin:14px 0;color:#333}.account-orders{display:grid;gap:14px}.account-order-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.account-status{text-transform:capitalize;font-size:13px;padding:5px 12px;background:#f1f1f1;border-radius:99px}.account-link{border:0;background:transparent;text-decoration:underline;font:inherit;cursor:pointer;padding:10px 0}.account-profile{max-width:650px}.account-orders img{width:64px;height:74px;object-fit:cover;border-radius:6px}.account-orders .line{display:flex;gap:14px;align-items:center;margin:14px 0}.account-orders .line .price{margin-left:auto}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.account-orders .account-order{padding:0;overflow:hidden;border:1px solid #e5e1da;border-radius:18px;box-shadow:0 8px 28px #28231b05}.orders-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 24px}.orders-intro h2{font-size:clamp(26px,4vw,36px);letter-spacing:-1px;margin:8px 0}.orders-intro p{margin:0;line-height:1.6}.account-eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#696155}.account-order .account-order-top{padding:24px 28px;background:#faf9f6;align-items:center;border-bottom:1px solid #eae6df}.account-order-top p{font-size:13px;color:#736e65;margin:7px 0 0}.account-order .account-status{padding:8px 13px;font-weight:600;background:#eeeae2;color:#66563e}.account-status.status-shipped{background:#eaf0f7;color:#254e78}.account-status.status-delivered{background:#eaf2e9;color:#305b38}.account-status.status-cancelled{background:#f6e9e7;color:#8d4036}.order-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:30px 20px}.order-timeline li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12px;color:#8b867e}.order-timeline li:before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:#e9e5de}.order-timeline li:first-child:before{display:none}.order-timeline .complete:before{background:#333b30}.timeline-dot{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#eeeae3;color:#8b867e;border:4px solid #fff;box-sizing:content-box;margin-top:-4px}.complete .timeline-dot{background:#333b30;color:white}.order-timeline .complete{color:#333b30}.order-timeline .current .timeline-dot{box-shadow:0 0 0 2px #bfc8b8}.order-timeline small{font-size:10px;min-height:14px}.order-preview{display:flex;align-items:center;gap:14px;padding:8px 28px 25px}.order-preview p{font-size:13px;margin:6px 0}.order-total{margin-left:auto;text-align:right;white-space:nowrap}.order-total strong,.order-total small{display:block}.order-total small{color:#777;font-size:12px;margin-bottom:6px}.order-shipping{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#f7f7f3;margin:0 28px 20px;padding:18px;border-radius:12px}.order-shipping p{font-size:13px;line-height:1.7;margin:5px 0 0;overflow-wrap:anywhere}.order-shipping .btn{font-size:12px;white-space:nowrap}.order-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-top:1px solid #eeeae3;gap:16px}.order-actions a{font-size:13px;color:#655f55}.order-actions button{font-size:13px;font-weight:600}.order-details{padding:8px 28px 24px;background:#fcfbf9;border-top:1px solid #eeeae3}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #e9e5de;margin-top:20px;padding-top:4px}.order-detail-grid h4{margin-bottom:10px;font-size:13px}.order-detail-grid p{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.order-detail-grid b{font-weight:600}.order-details .line{font-size:13px}.order-cancelled{padding:20px 28px;color:#8d4036}.account-empty{text-align:center;padding:50px 24px!important}.account-empty p{line-height:1.8;color:#777}.account-empty-icon{font-size:45px;color:#8b806b}.account-more{display:block;margin:24px auto}.account-notice{background:#f6f2e9;border:1px solid #e9e0cb;padding:22px}.account-notice p{font-size:13px;line-height:1.6}.account-otp{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.account-otp label{max-width:180px;font-size:12px}.account-otp input{font-size:20px;letter-spacing:5px}.account-otp [role=status]{width:100%;margin:0}.account-link:focus-visible,.account-tabs button:focus-visible{outline:2px solid #756247;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}@media(max-width:600px){.orders-intro{align-items:flex-start;flex-direction:column;gap:4px}.account-order .account-order-top{padding:20px 16px}.order-timeline{padding:26px 10px}.order-preview{padding:0 16px 20px;flex-wrap:wrap;gap:10px}.order-preview img:not(:first-child){display:none}.order-preview>div:not(.order-total){flex:1;min-width:120px}.order-total{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:14px;margin-top:8px}.order-shipping{margin:0 16px 16px;flex-direction:column;align-items:flex-start}.order-actions{padding:10px 16px}.order-details{padding:10px 16px 20px}.order-detail-grid{grid-template-columns:1fr;gap:0}.order-timeline strong{font-size:10px}.order-timeline small{font-size:9px}.account-tabs{gap:6px}.account-tabs button{padding:10px 12px;font-size:13px}.account-notice{padding:16px}}