*{box-sizing:border-box} :root{--bg:#f5f7f5;--card:#fff;--text:#17211b;--muted:#778179;--line:#e6ebe6;--green:#48b878;--green2:#dff5e7;--shadow:0 8px 30px #15251b0d}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,select{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{font-size:24px;font-weight:800;letter-spacing:-.7px;margin:0 12px 42px;display:flex;align-items:center;gap:10px}.brand-dot{width:13px;height:13px;background:var(--green);border-radius:50%;box-shadow:8px 0 0 #bcebcf}.nav-item{border:0;background:none;width:100%;padding:13px 14px;text-align:left;border-radius:11px;color:#7a847c;cursor:pointer;margin:3px 0;font-weight:600}.nav-item span{margin-left:10px}.nav-item.active,.nav-item:hover{background:var(--green2);color:#247b49}.sidebar-bottom{margin-top:auto}.mini-card{background:#f7faf7;border:1px solid var(--line);border-radius:15px;padding:15px;margin:0 4px 18px}.mini-title{font-size:12px;color:var(--muted)}.mini-value{font-size:24px;font-weight:800;margin:5px 0}.progress{height:6px;background:#e8eee9;border-radius:20px;overflow:hidden}.progress span,.big-progress span{display:block;height:100%;background:var(--green);border-radius:20px}.mini-card small{color:var(--muted);display:block;margin-top:8px}.profile{width:100%;border:0;background:none;text-align:left;display:flex;align-items:center;gap:10px;padding:9px;color:var(--muted)}.profile:first-letter,.avatar{background:#183522;color:white}.profile span{color:var(--text);font-weight:600;flex:1}.profile b{font-size:20px}main{flex:1;max-width:1400px;margin:auto;padding:34px 46px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#829087;font-weight:800}.topbar h1{font-size:28px;letter-spacing:-.8px;margin:7px 0 0}.top-actions{display:flex;gap:10px}.icon-btn,.avatar{width:40px;height:40px;border:1px solid var(--line);background:var(--card);border-radius:50%;cursor:pointer}.avatar{border:0;font-size:12px;font-weight:800}.hero{background:#173d28;color:#fff;border-radius:22px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #ffffff18;border-radius:50%;right:50px;top:-150px}.hero h2{font-size:25px;margin:9px 0 7px}.hero p{color:#bed1c4;margin:0}.hero strong{color:#fff}.hero-ring{width:125px;height:125px;border-radius:50%;background:conic-gradient(#6ed897 0 79%,#315641 79%);display:grid;place-items:center;position:relative;z-index:1}.hero-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#173d28}.hero-ring div{position:relative;z-index:2;text-align:center}.hero-ring strong{display:block;font-size:22px}.hero-ring span{font-size:11px;color:#b8cdbf}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stat,.panel{background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.stat{padding:19px}.stat>span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:27px;margin:7px 0 2px}.stat em{font-style:normal;font-size:12px;color:var(--muted);font-weight:500}.stat small{color:var(--muted);font-size:11px;display:block;margin-bottom:12px}.pulse-line{color:var(--green);font-size:22px;letter-spacing:-5px}.cups{display:flex;gap:4px}.cups i{width:16px;height:19px;border:2px solid #cbd8ce;border-radius:3px}.cups i.filled{background:#78c99a;border-color:#78c99a}.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h3{margin:0;font-size:16px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.panel select{border:1px solid var(--line);padding:8px;border-radius:8px;color:var(--muted);background:#fff;font-size:12px}.chart{height:190px;display:flex;align-items:flex-end;gap:15px;padding:20px 10px 0}.bar{flex:1;background:#d9f1e1;border-radius:7px 7px 3px 3px;min-height:18px;position:relative}.bar.today{background:var(--green)}.bar:hover:after{content:attr(data-value);position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--text)}.days{display:flex;justify-content:space-around;color:#98a19b;font-size:10px}.workout-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.workout-row:last-child{border:0}.workout-icon{width:38px;height:38px;border-radius:10px;background:#f0f6f1;display:grid;place-items:center}.workout-row div:nth-child(2){flex:1}.workout-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.check{background:var(--green2);color:#25804a;border-radius:50%;width:25px;height:25px;text-align:center;padding-top:3px}.start,.primary{background:var(--green);color:white;border:0;border-radius:9px;padding:9px 13px;font-weight:700;cursor:pointer}.more,.text-btn{border:0;background:none;color:var(--muted);cursor:pointer}.section{display:none}.section.active{display:block}.section-title{display:flex;justify-content:space-between;align-items:center;margin:10px 0 25px}.section-title h2{font-size:30px;margin:6px 0}.section-title p{color:var(--muted);margin:0}.workout-cards,.nutrition-grid,.progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.workout-card{padding:22px}.workout-card h3{margin:14px 0 5px}.workout-card p{color:var(--muted);font-size:13px}.tag{display:inline-block;padding:5px 9px;background:var(--green2);color:#2a8050;border-radius:20px;font-size:11px;font-weight:700}.nutrition-grid{grid-template-columns:.8fr 1.2fr}.calorie-panel h3{font-size:38px;margin:14px 0}.calorie-panel h3 small{font-size:14px;color:var(--muted);font-weight:500}.big-progress{height:11px;background:#e7ede8;border-radius:20px}.macro{display:flex;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:12px}.macro b{color:var(--text);display:block;margin-top:4px}.meal{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.meal:last-child{border:0}.meal div:nth-child(2){flex:1}.meal small{display:block;color:var(--muted);margin-top:3px}.meal b{font-size:13px}.big-number{font-size:42px;font-weight:800;margin:12px 0}.big-number small{font-size:15px;color:var(--muted)}.progress-grid p{color:var(--muted);font-size:12px}.weight-chart{height:210px;margin-top:20px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#eef2ee 50px)}.weight-line{position:absolute;left:5%;right:4%;top:38%;height:80px;border-bottom:3px solid var(--green);border-radius:50%;transform:skewY(-5deg)}.weight-chart>span{display:block;margin-left:-45px;font-size:10px;color:var(--muted);line-height:50px}.toast{position:fixed;bottom:25px;right:25px;background:#173d28;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.sidebar{width:75px}.brand{font-size:0;justify-content:center}.nav-item span,.profile span,.profile b,.mini-card{display:none}.nav-item{text-align:center}.stats,.grid,.workout-cards,.nutrition-grid,.progress-grid{grid-template-columns:1fr 1fr}main{padding:25px}.topbar h1{font-size:23px}}@media(max-width:600px){.sidebar{display:none}main{padding:20px}.stats,.grid,.workout-cards,.nutrition-grid,.progress-grid{grid-template-columns:1fr}.hero{padding:23px}.hero-ring{width:100px;height:100px}.hero h2{font-size:21px}.section-title{align-items:flex-end}}