.account-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start}.account-sidebar{position:sticky;top:140px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.account-profile{padding:8px 8px 18px;border-bottom:1px solid var(--line)}.account-avatar{width:52px;height:52px;display:grid;place-items:center;margin-bottom:10px;border-radius:50%;background:var(--leaf);color:var(--green);font-size:20px;font-weight:900}.account-profile strong{display:block}.account-profile small{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.account-nav{display:grid;gap:4px;padding-top:12px}.account-nav a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:10px;font-size:14px;font-weight:720}.account-nav a:hover,.account-nav a.is-active{background:var(--leaf);color:var(--green)}.account-nav a:last-child{margin-top:8px;border-top:1px solid var(--line);border-radius:0;color:#a33}.account-main{min-width:0}.account-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.account-welcome h1{margin:0;font-size:clamp(30px,4vw,44px);letter-spacing:-.035em}.account-welcome p{margin:5px 0 0;color:var(--muted)}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.account-stat{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.account-stat span{display:block;color:var(--muted);font-size:12px;font-weight:750}.account-stat strong{display:block;margin-top:4px;font-size:24px}.account-panel{margin-bottom:24px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.account-panel__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid var(--line);background:#fbfcfb}.account-panel__head h2{margin:0;font-size:19px}.account-panel__body{padding:20px}.order-list{display:grid}.order-row{display:grid;grid-template-columns:1.1fr .9fr .9fr .8fr auto;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);font-size:13px}.order-row:last-child{border-bottom:0}.order-row--head{padding-block:10px;background:#fbfcfb;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.order-row strong{display:block}.status-pill{display:inline-flex;width:max-content;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;background:#f1f3f1;color:#536057;font-size:11px;font-weight:800}.status-pill--paid,.status-pill--fulfilled{background:#e5f5eb;color:#17733e}.status-pill--pending,.status-pill--partial{background:#fff4dc;color:#9a6500}.status-pill--refunded,.status-pill--voided{background:#ffebe6;color:#a23f28}.account-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.address-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.address-card--default{border-color:#8dc5b8;background:#f7fcfa}.address-card h3{margin:0 0 10px;font-size:15px}.address-card .badge{position:absolute;top:14px;right:14px}.address-card p{margin:0;color:var(--muted);font-size:13px}.address-actions{display:flex;gap:12px;margin-top:14px}.address-actions button,.address-actions a{border:0;background:none;padding:0;color:var(--green);font-size:12px;font-weight:800;cursor:pointer}.account-detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.account-detail{padding:14px;border-radius:12px;background:var(--sand)}.account-detail small{display:block;color:var(--muted)}.order-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--sand);margin-bottom:24px}.order-detail-head h1{margin:0}.order-progress{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0}.progress-step{position:relative;text-align:center;color:var(--muted);font-size:12px;font-weight:750}.progress-step:before{content:"";display:block;width:18px;height:18px;margin:0 auto 8px;border:3px solid #d8dfda;border-radius:50%;background:#fff;position:relative;z-index:2}.progress-step:after{content:"";position:absolute;top:8px;left:50%;right:-50%;height:3px;background:#d8dfda}.progress-step:last-child:after{display:none}.progress-step.is-complete{color:var(--green)}.progress-step.is-complete:before{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 3px #fff}.progress-step.is-complete:after{background:var(--green)}.tracking-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid #a8d4ca;border-radius:14px;background:var(--leaf);margin:18px 0}.tracking-card p{margin:3px 0;color:var(--muted);font-size:12px}.order-product{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.order-product__image{width:72px;height:72px;border-radius:10px;background:#f8f9f8;overflow:hidden}.order-product__image img{width:100%;height:100%;object-fit:contain}.order-product h3{margin:0;font-size:14px}.order-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.address-form{display:none;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.address-form.is-open{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .option-group{margin:0}.form-grid .full{grid-column:1/-1}
@media(max-width:900px){.account-shell{grid-template-columns:1fr}.account-sidebar{position:static}.account-nav{grid-template-columns:repeat(4,1fr)}.account-nav a{justify-content:center;text-align:center}.order-row{grid-template-columns:1fr 1fr 1fr}.order-row>*:nth-child(4){display:none}.order-row--head{display:none}.order-columns{grid-template-columns:1fr}}
@media(max-width:620px){.account-nav{display:flex;overflow:auto}.account-nav a{min-width:max-content}.account-stats{grid-template-columns:1fr 1fr}.account-stat:last-child{grid-column:1/-1}.account-welcome{align-items:start;flex-direction:column}.order-row{grid-template-columns:1fr auto;padding:15px}.order-row>*:nth-child(2),.order-row>*:nth-child(3){display:none}.account-address-grid,.account-detail-list,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.order-detail-head{flex-direction:column}.tracking-card{align-items:start;flex-direction:column}.order-product{grid-template-columns:60px 1fr}.order-product>strong{grid-column:2}.order-progress{font-size:10px}}