@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#f5f4f0;--paper:#fff;--ink:#20221e;--muted:#797b73;--line:#e6e5df;--accent:#c7f36b;--dark:#20231f;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{max-width:1440px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:8px 0 26px;display:flex}.brand{letter-spacing:-.8px;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;display:flex}.brandmark{background:var(--accent);border-radius:11px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.nav{flex-wrap:wrap;gap:6px;display:flex}.nav button,.lang,.ghost{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:10px 13px}.nav button.active,.nav button:hover,.lang:hover{color:var(--ink);background:#e9e8e1}.top-actions{align-items:center;gap:10px;display:flex}.pill{background:var(--dark);color:#fff;border:0;border-radius:999px;padding:12px 18px;font-weight:600}.pill.lime{background:var(--accent);color:var(--ink)}.hero{grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px;display:grid}.hero-main{background:var(--dark);color:#fff;border-radius:30px;min-height:340px;padding:clamp(26px,4vw,54px);position:relative;overflow:hidden}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.hero .eyebrow{color:#c7f36b}.hero h1{letter-spacing:-2.8px;max-width:620px;margin:22px 0 18px;font:700 clamp(38px,5vw,66px)/1.03 Manrope,sans-serif}.hero p{color:#c9cbc4;max-width:490px;line-height:1.65}.hero-buttons{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-side{background:var(--accent);border-radius:30px;flex-direction:column;justify-content:space-between;min-height:340px;padding:28px;display:flex;position:relative;overflow:hidden}.hero-side h2{letter-spacing:-1.2px;max-width:300px;margin:14px 0;font:700 32px/1.1 Manrope,sans-serif}.orb{border:1px solid #789b3f;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-68px;right:-46px}.orb:before,.orb:after{content:"";border:1px solid #789b3f;border-radius:50%;position:absolute;inset:20px}.orb:after{inset:43px}.metric-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric,.panel,.feature-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.metric-label{color:var(--muted);font-size:13px}.metric-value{letter-spacing:-1px;margin:12px 0 4px;font:700 30px Manrope,sans-serif}.metric-foot{color:var(--muted);font-size:12px}.section-head{justify-content:space-between;align-items:end;gap:16px;margin:32px 0 16px;display:flex}.section-head h2{letter-spacing:-1px;margin:7px 0 0;font:700 26px Manrope,sans-serif}.section-head p{color:var(--muted);margin:0;font-size:13px}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.panel h3,.feature-card h3{margin:0 0 8px;font:700 18px Manrope,sans-serif}.sub{color:var(--muted);font-size:13px;line-height:1.55}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.field label{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.field input,.field select{border:1px solid var(--line);background:#fbfbf9;border-radius:12px;outline:none;width:100%;padding:12px 13px}.field input:focus,.field select:focus{border-color:#9cba62}.result{background:#f2f6e9;border-radius:16px;margin-top:16px;padding:18px}.result strong{font:700 28px Manrope,sans-serif}.result small{color:var(--muted);margin-top:5px;display:block}.exercise{border:1px solid var(--line);border-radius:18px;align-items:start;gap:14px;padding:17px;display:flex}.exercise-icon{background:#f0f1eb;border-radius:15px;flex-shrink:0;place-items:center;width:62px;height:62px;display:grid}.exercise p{color:var(--muted);margin:6px 0;font-size:12px;line-height:1.5}.exercise-top{justify-content:space-between;align-items:start;gap:8px;display:flex}.tag{color:#64665e;background:#f0f0e9;border-radius:99px;padding:6px 9px;font-size:11px;display:inline-block}.food-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.food-art{background:linear-gradient(135deg,#e8e7de,#f7f2e7);place-items:center;height:130px;font-size:52px;display:grid}.food-body{padding:16px}.food-body h3{margin:0 0 6px}.macros{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:12px;font-size:11px;display:flex}.plan-day{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 0;display:flex}.plan-day:last-child{border:0}.day-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;margin-right:9px;display:inline-block}.locked{text-align:center;background:#f6f6f0;border:1px dashed #d8d9cf;border-radius:16px;padding:22px}.footer{color:var(--muted);justify-content:space-between;gap:20px;padding:30px 4px 12px;font-size:12px;display:flex}.notice{color:#6f5b20;background:#fff7df;border:1px solid #f0e1ac;border-radius:14px;margin-top:14px;padding:13px 15px;font-size:12px;line-height:1.5}.admin-stat{background:#f4f4ee;border-radius:14px;padding:16px}.admin-stat strong{margin:8px 0;font:700 25px Manrope;display:block}.chart{align-items:end;gap:8px;height:130px;padding:14px 0;display:flex}.bar{background:#dcebbd;border-radius:8px 8px 3px 3px;flex:1;min-width:8px;position:relative}.bar.active{background:#b6e75d}.chart-labels{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.hidden{display:none!important}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-side{min-height:230px}.metric-row{grid-template-columns:repeat(2,1fr)}.nav{order:3;width:100%;overflow:auto}.topbar{flex-wrap:wrap}.top-actions{margin-left:auto}.grid3{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}@media (max-width:560px){.app{padding:14px}.hero-main,.hero-side{border-radius:22px;padding:24px}.hero h1{letter-spacing:-1.6px}.metric{padding:16px}.metric-value{font-size:25px}.grid3{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:start}.footer{flex-direction:column}.top-actions .pill{padding:10px 12px}.nav button{padding:9px 10px}}