body{background:#f3f5f7}.account-header{height:72px;background:#171717;color:#fff;padding:0 max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between}.account-brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px}.account-brand span{width:42px;height:42px;background:#fff;color:#111;display:grid;place-items:center}.account-header nav{display:flex;align-items:center;gap:22px}.account-header a{color:#fff;text-decoration:none}.account-header label{font-size:12px;color:#bbb}.account-header select{margin-left:8px;background:#292929;color:#fff;border:1px solid #555;padding:8px}.account-shell{max-width:1320px;margin:28px auto 60px;display:grid;grid-template-columns:220px 1fr;gap:20px}.account-nav,.account-content{background:#fff;border:1px solid #e4e7eb}.account-nav{padding:25px 16px;align-self:start}.avatar{width:62px;height:62px;border-radius:50%;background:#222;color:#fff;display:grid;place-items:center;margin:auto;font-weight:700}.account-nav h2{text-align:center;margin:12px 0 4px}.account-nav p{text-align:center;color:#999;font-size:12px;margin:0 0 20px}.account-nav button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:13px 18px;color:#555;border-left:3px solid transparent}.account-nav button.active,.account-nav button:hover{background:#fff5f4;color:#d92824;border-left-color:#d92824}.account-content{padding:26px;min-height:720px}.account-title,.section-head,.toolbar{display:flex;align-items:center;justify-content:space-between}.account-title{border-bottom:1px solid #eee;padding-bottom:18px;margin-bottom:20px}.account-title h1{margin:7px 0 0}.account-title small{color:#999}.primary-link{color:#d92824;text-decoration:none}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{border:1px solid #e5e7ea;padding:20px;background:#fff}.stat-card span,.stat-card b{display:block}.stat-card span{color:#888}.stat-card b{font-size:25px;margin-top:10px}.account-card{border:1px solid #e5e7ea;margin-bottom:18px;padding:20px}.account-card h2{font-size:18px;margin:0 0 13px}.account-card>p{color:#888}.order-list{display:grid;gap:14px}.order-card{border:1px solid #e1e4e7;background:#fff}.order-head,.order-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa}.order-head small{color:#888}.order-items{padding:12px 16px}.order-item{display:grid;grid-template-columns:1fr 160px 100px;gap:12px;padding:8px 0;border-bottom:1px dashed #eee}.order-item:last-child{border:0}.order-foot b{color:#d92824;font-size:17px}.order-actions{display:flex;gap:8px}.order-actions button,.text-button{border:1px solid #d7dce2;background:#fff;padding:7px 11px}.order-actions .primary{border-color:#d92824;color:#d92824}.filter-buttons{display:flex;gap:8px}.filter-buttons button{border:1px solid #ddd;background:#fff;padding:8px 13px}.filter-buttons button.active{background:#222;color:#fff}.status-badge{display:inline-block;padding:4px 9px;border-radius:12px;background:#eef1f4;color:#66717e;font-size:12px}.status-badge.completed{background:#e8f7ef;color:#178154}.status-badge.cancelled{background:#f0f0f0;color:#888}.status-badge.pending_payment,.status-badge.pending_review{background:#fff1d8;color:#9c6400}.status-badge.shipped,.status-badge.pending_fulfillment{background:#eaf3ff;color:#2569ad}.info-grid,.favorite-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.info-card,.favorite-card{border:1px solid #e1e4e7;padding:18px}.info-card h3,.favorite-card h3{margin:0 0 8px}.info-card p,.favorite-card p{color:#777}.info-card footer,.favorite-card footer{display:flex;gap:8px;justify-content:flex-end}.default-tag{background:#fff0ee;color:#d92824;padding:3px 7px;font-size:11px;margin-left:6px}.table-list{width:100%;border-collapse:collapse}.table-list td,.table-list th{border-bottom:1px solid #eee;padding:11px;text-align:left}.account-dialog{border:0;width:min(600px,92vw);padding:30px;box-shadow:0 16px 45px #0004}.account-dialog.wide{width:min(920px,94vw)}.account-dialog::backdrop{background:#0008}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:26px}.account-dialog form{display:grid;gap:13px}.account-dialog label{font-size:12px}.account-dialog input,.account-dialog select,.account-dialog textarea{display:block;width:100%;border:1px solid #d7dbe0;padding:10px;margin-top:6px}.account-dialog textarea{min-height:100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.form-grid .check{display:flex;align-items:center;gap:7px}.form-grid .check input{width:auto;margin:0}.timeline{border-left:2px solid #ddd;margin:20px 8px;padding-left:20px}.timeline div{margin-bottom:16px}.timeline small{display:block;color:#999;margin-top:4px}.section-head{margin-bottom:16px}.section-head h2{margin:0 0 5px}.section-head p{color:#888;margin:0}.empty-box{text-align:center;color:#999;padding:55px}.aftersale-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;padding:12px;border-bottom:1px solid #eee}.stars{color:#e49912}@media(max-width:800px){.account-shell{display:block;margin:10px}.account-nav{margin-bottom:10px;overflow:auto;white-space:nowrap}.account-nav .avatar,.account-nav h2,.account-nav p{display:none}.account-nav button{display:inline-block;width:auto}.account-content{padding:16px}.stat-grid{grid-template-columns:1fr 1fr}.info-grid,.favorite-grid{grid-template-columns:1fr}.order-item{grid-template-columns:1fr}.order-head,.order-foot,.account-title,.toolbar{align-items:flex-start;gap:10px;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}