@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#1a2933;background:#f3f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,DM Sans,sans-serif}h1{font-size:27px;letter-spacing:-1px;margin:6px 0 8px}h2{font-size:19px;letter-spacing:-.5px;margin:0 0 10px}h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#829198;margin:18px 0 9px}.shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#121e28;color:#f5faf9;padding:27px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:3px 12px 37px}.brandmark{border-radius:13px;width:42px;height:42px;background:#b4f1d5;color:#122e29;display:grid;place-items:center;font-weight:800;font-size:25px}.brand strong{font-size:24px;letter-spacing:2px;display:block}.brand span{font-size:8px;letter-spacing:1.2px;color:#a9b5b8}.sideMeta{border:1px solid #31424b;background:#1b2c36;border-radius:15px;padding:17px;margin-bottom:26px;display:flex;flex-direction:column;gap:8px}.sideMeta small{font-size:9px;letter-spacing:1.8px;color:#8ca5ac}.sideMeta strong{font-size:16px}.sideMeta span{font-size:11px;color:#adc0c5}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{border:0;background:transparent;color:#aabcc3;padding:13px 15px;text-align:left;border-radius:10px;display:flex;align-items:center;gap:13px;font-weight:600}.sidebar nav button:hover,.sidebar nav button.selected{background:#2c444b;color:#c4f7db}.sideBottom{margin-top:auto;border-top:1px solid #293b44;padding:20px 5px;display:flex;align-items:center;gap:9px;font-size:11px;color:#a4b8be}.main{margin-left:252px;padding:35px 40px 80px;width:calc(100% - 252px);max-width:1600px}.main header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#458c79}.muted{color:#7d8b94;font-size:13px;line-height:1.6;margin-bottom:0}.headerBadges{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.status,.eventPill,.softPill{border:1px solid #dde6e7;padding:9px 12px;border-radius:20px;background:#fff;color:#667781;font-size:11px;font-weight:700;white-space:nowrap}.eventPill{background:#e0f5e9;color:#387c60;border-color:#d1ecdc}.greenDot{display:inline-block;width:7px;height:7px;background:#43af77;border-radius:50%;margin-right:8px}.datebar{background:#fff;border:1px solid #e3e9eb;border-radius:14px;display:flex;align-items:center;gap:17px;padding:14px 16px;margin-bottom:22px;box-shadow:0 3px 17px #22313a07}.datebar>div{display:flex;flex-direction:column;gap:4px;flex:1}.datebar strong{font-size:14px}.datebar span{font-size:11px;color:#9aabb0}.datebar button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e3e9eb;border-radius:8px;background:#f9fbfb}.datebar input{border:1px solid #e2e9e9;border-radius:8px;padding:8px;color:#50646b}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.metricCard{border-radius:15px;background:#fff;border:1px solid #e3e9eb;padding:19px 20px;box-shadow:0 3px 17px #22313a06;display:flex;flex-direction:column;gap:12px}.metricTop{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.3px;color:#87999f}.metricTop svg{width:17px;height:17px;color:#72a996}.metricCard>strong{font-size:30px;letter-spacing:-1.5px;font-family:Manrope}.metricCard small{color:#8a9ba2;font-size:11px}.twoCol{display:grid;grid-template-columns:1.08fr 1fr;gap:18px;margin-bottom:18px;align-items:start}.panel{background:#fff;border:1px solid #e2e8ea;border-radius:15px;padding:22px;box-shadow:0 3px 17px #22313a06;margin-bottom:18px}.panelHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.panelHead h2{margin-top:5px;margin-bottom:0}.progressbar,.tilebar{height:7px;background:#ebf0f0;overflow:hidden;border-radius:30px}.progressbar>span,.tilebar>span{display:block;background:#4c9b82;height:100%;border-radius:30px;transition:width .2s}.task{display:flex;align-items:center;gap:11px;padding:10px 8px;border-bottom:1px solid #f0f3f4;font-size:13px;cursor:pointer}.task input{accent-color:#35866d;width:16px;height:16px;flex-shrink:0}.task.done span{text-decoration:line-through;color:#a6b1b6}.fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:block;margin-bottom:6px}.field>span{font-size:11px;font-weight:700;color:#657882;display:block;margin-bottom:7px}.field>div{display:flex;align-items:center;background:#f9fbfb;border:1px solid #e5eaeb;border-radius:9px;padding-right:9px}.field input,.field textarea,textarea{min-width:0;width:100%;border:0;outline:0;background:transparent;padding:12px;color:#1b303b}.field small{font-size:11px;color:#8c9ca4}.field.full{margin-top:16px}.field textarea{resize:vertical;border:1px solid #e4e9eb;border-radius:9px}.hint{display:flex;align-items:center;gap:7px;color:#839499;background:#f5faf8;padding:12px;border-radius:9px;font-size:11px;margin-top:14px}.primary{background:#255e4f;color:#fff;border:0;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:700;display:inline-flex;gap:8px;align-items:center}.compact{margin-top:0}.exercise{border:1px solid #e9eff0;border-radius:13px;padding:16px;margin-bottom:13px}.exerciseTitle{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:13px}.exerciseTitle span{color:#83979b;font-size:12px}.sets{display:grid;gap:7px}.set{display:grid;grid-template-columns:55px 1fr 1fr 80px;gap:8px;align-items:center}.set span{font-size:11px;color:#789099}.set input[type=number]{width:100%;border:1px solid #dbe7e6;border-radius:7px;padding:9px}.setDone{font-size:11px;color:#697c83}.setDone input{accent-color:#35866d}.chart{height:240px;margin-top:15px}.empty{padding:38px 18px;text-align:center;color:#8798a0;display:flex;flex-direction:column;align-items:center;gap:12px}.empty h3{font-size:17px;color:#2a414b;text-transform:none;letter-spacing:0;margin:0}.empty p{max-width:420px;font-size:13px;line-height:1.6}.photoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.photo{border:1px solid #e1e8e8;border-radius:10px;overflow:hidden}.photo img{width:100%;height:220px;object-fit:cover}.photo>div{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:12px}.photo button{border:0;background:transparent;color:#c15c59}.upload{margin:15px 0;display:inline-flex;align-items:center;gap:9px;background:#eaf6ee;color:#316b53;border:1px dashed #9fcbb1;border-radius:10px;padding:13px 17px;cursor:pointer;font-size:12px;font-weight:700}.upload input{display:none}.upload.secondary{display:flex;width:max-content}.calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;margin-top:20px}.dayTile{text-align:left;min-height:105px;border:1px solid #e4e9e9;border-radius:11px;background:#fbfcfc;padding:12px;display:flex;flex-direction:column;gap:8px}.dayTile:hover,.dayTile.current{border-color:#348567;background:#eff9f4}.dayTile small,.dayTile>span{font-size:10px;color:#90a0a6}.dayTile strong{font-size:12px}.tilebar{height:5px;margin-top:auto}.login{display:flex;flex-direction:column;gap:15px}.login input{border:1px solid #e1e7e7;border-radius:8px;padding:12px;width:100%}.settingBlock button{border:1px solid #dce7e5;border-radius:9px;background:#f7fbfa;padding:10px;display:flex;gap:8px}.notice{margin-top:20px;border-left:3px solid #77b9a1;background:#f6faf9;padding:14px;line-height:1.6;font-size:12px;color:#678088}.alert{background:#fff3e2;border:1px solid #efcb8a;color:#745533;padding:12px 16px;border-radius:9px;margin-bottom:19px;display:flex;justify-content:space-between}.alert button{background:none;border:0;color:inherit}footer{font-size:11px;color:#9badb3;padding:20px 0}.bottomNav{display:none}@media(max-width:1100px){.metricGrid{grid-template-columns:repeat(2,1fr)}.twoCol{grid-template-columns:1fr}.main{padding:26px}}@media(max-width:700px){.sidebar{display:none}.main{margin:0;width:100%;padding:23px 16px 90px}.main header{flex-direction:column}.headerBadges{width:100%}.datebar{gap:8px;padding:10px}.datebar strong{font-size:12px}.datebar span{font-size:9px}.datebar input{max-width:118px;font-size:10px}.metricGrid{gap:10px}.metricCard{padding:14px}.metricCard>strong{font-size:23px}.metricTop{font-size:9px}.panel{padding:16px}.fieldGrid{gap:10px}.calendarGrid{grid-template-columns:repeat(3,1fr)}.photoGrid{grid-template-columns:repeat(2,1fr)}.exerciseTitle{flex-direction:column;align-items:start}.set{grid-template-columns:40px 1fr 1fr 60px}.bottomNav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:#fff;border-top:1px solid #e3e9e9;padding:8px 0 max(9px,env(safe-area-inset-bottom));z-index:10}.bottomNav button{border:0;background:transparent;color:#8a9ba0;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:10px}.bottomNav button.selected{color:#287e65}}@media(max-width:380px){.datebar input{max-width:102px}.fieldGrid{grid-template-columns:1fr}.metricGrid{grid-template-columns:1fr 1fr}}
