.top-nav{align-items:flex-end;gap:7px;padding-top:10px;padding-left:2px;border-bottom:2px solid #627d4b;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.nav-btn{position:relative;border:1px solid #3c4b39;border-bottom:0;border-radius:12px 12px 0 0;background:#182018;color:#b5c3ae;padding:13px 20px 12px;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.nav-btn:hover{background:#243322;color:#fff;transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(180deg,#354930,#253526);border-color:#8db467;color:#e6f7ce;box-shadow:0 -5px 22px #b9de7614;transform:translateY(-3px)}.nav-btn.active::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:4px;background:#253526}
.dashboard-hero{padding:12px 0 15px;align-items:end}.dashboard-hero h1{font-size:clamp(31px,4vw,44px);line-height:1.05;margin:7px 0}.dashboard-hero p{font-size:13px;margin:4px 0 0}.dashboard-hero .text-button{flex:none}
.goal-panel{border:1px solid #597247;border-radius:18px;background:radial-gradient(circle at 95% 0%,#354c30 0%,#1d281d 42%,#172017 100%);padding:21px 24px 17px;margin:0 0 16px}.goal-heading{display:flex;align-items:baseline;gap:12px}.goal-heading strong{font-size:20px}.goal-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.goal-figures>div{min-width:0;display:grid;gap:4px}.goal-figures small{color:#a5b99d;font-size:10px;font-weight:800;letter-spacing:.12em}.goal-figures strong{font-size:clamp(21px,3vw,32px);line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.goal-remain strong{color:#d3ef9d}.goal-track,.food-track{height:7px;background:#354530;border-radius:20px;overflow:hidden}.goal-track i,.food-track i{display:block;height:100%;background:linear-gradient(90deg,#8cbb66,#d4ef9c);border-radius:20px;transition:width .45s ease}.goal-foot{display:flex;gap:18px;flex-wrap:wrap;color:#b9c8b2;font-size:12px;margin-top:11px}.goal-foot span:first-child{color:#d4ef9c;font-weight:700}
.food-progress{border-top:1px solid #40503b;margin-top:17px;padding-top:14px}.food-progress-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.food-progress-head span{font-size:10px;letter-spacing:.1em;font-weight:800;color:#a8ba9e}.food-progress-head strong{font-size:18px;color:#d3ef9d;white-space:nowrap}.food-track{margin:11px 0 9px}.food-remaining{display:flex;gap:7px;flex-wrap:wrap}.food-remaining span{font-size:11px;color:#d7e6ce;border:1px solid #4b6041;border-radius:100px;padding:5px 8px}.food-progress small{display:block;color:#a9b8a2;margin:9px 0}.food-link{display:inline-flex;align-items:center;gap:5px;color:#d2ee9d;font-size:12px;font-weight:800;text-decoration:none}.food-link:hover{text-decoration:underline}.food-link svg{width:14px;height:14px}
.program-card{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:auto auto auto 1fr;column-gap:9px;align-content:start;min-height:320px}.program-card>.eyebrow,.program-card>strong,.program-card>#dashboard-plan-meta,.program-card>.program-focus,.program-card>.program-action{grid-column:1;min-width:0}.program-card>strong{font-size:clamp(30px,3.8vw,50px);max-width:none;line-height:1.05}.program-card>#dashboard-plan-meta{font-size:12px;color:#b9c9af}.program-card>.program-focus{font-size:12px;color:#d6ebbf;font-weight:700}.program-card>.program-action{align-self:end;margin-top:12px}.program-anatomy{grid-column:2;grid-row:1/6;display:grid;grid-template-columns:1fr 1fr;gap:5px;align-self:stretch;min-height:225px}.program-anatomy-view{margin:0;min-width:0;display:grid;align-content:end;justify-items:center;border:1px solid #6c875855;border-radius:12px;background:linear-gradient(180deg,#24352399,#172417cc);overflow:hidden}.program-anatomy-crop{display:block;width:100%;height:213px;overflow:hidden;text-align:center}.program-anatomy-crop svg{display:block;width:112px;height:auto;max-width:none;margin:0 auto;transform:translateX(calc((100% - 112px)/2))}.program-anatomy-crop.show-lower svg{width:86px;transform:translateX(calc((100% - 86px)/2))}.program-anatomy-view figcaption{font-size:9px;letter-spacing:.11em;color:#c7dbb9;font-weight:800;padding:4px 0 8px}
.program-anatomy-crop svg{position:relative;left:50%;width:170px;margin:0;transform:translateX(-50%)}.program-anatomy-crop.show-lower svg{width:86px;transform:translateX(-50%)}
@media(max-width:750px){.dashboard-hero{display:flex}.dashboard-hero button{margin:0}.program-card{min-height:300px}}
@media(max-width:520px){.top-nav{gap:3px;margin-bottom:15px}.nav-btn{flex:1;padding:11px 7px;font-size:11px;text-align:center;border-radius:10px 10px 0 0}.dashboard-hero{gap:8px;padding:5px 0 13px}.dashboard-hero h1{font-size:31px;margin:5px 0}.dashboard-hero p{font-size:11px}.dashboard-hero .text-button{font-size:10px;padding:7px 8px;align-self:end}.goal-panel{padding:17px 15px;margin-bottom:12px}.goal-heading strong{font-size:17px}.goal-figures{gap:5px;margin:12px 0}.goal-figures small{font-size:9px}.goal-figures strong{font-size:20px}.goal-foot{font-size:11px;gap:5px}.food-progress-head{display:block}.food-progress-head strong{display:block;margin-top:5px}.program-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto;min-height:0}.program-card>.eyebrow,.program-card>strong,.program-card>#dashboard-plan-meta,.program-card>.program-focus,.program-card>.program-action{grid-column:1}.program-anatomy{grid-column:1;grid-row:5;display:flex;gap:8px;min-height:0;margin:5px 0}.program-anatomy-view{flex:1;max-width:130px}.program-anatomy-crop{height:145px}.program-anatomy-crop svg{width:94px;transform:none}.program-anatomy-crop.show-lower svg{width:74px;transform:none}.program-card>.program-action{grid-row:6;margin-top:4px}}
@media(max-width:520px){.program-anatomy-crop svg{width:150px;transform:translateX(-50%)}.program-anatomy-crop.show-lower svg{width:74px;transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.nav-btn,.goal-track i,.food-track i{transition:none}}