#bodyProgress{max-width:980px;margin:auto}.body-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.body-page-head>.primary{white-space:nowrap}.body-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:16px}.body-summary-grid article{padding:17px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow)}.body-summary-grid small,.body-summary-grid strong,.body-summary-grid span{display:block}.body-summary-grid small{color:var(--muted);font-size:.68rem}.body-summary-grid strong{margin:7px 0 4px;color:var(--ink);font-size:1.45rem}.body-summary-grid span{color:var(--muted);font-size:.68rem}.target-progress-card,.body-chart-card,.measurements-card,.progress-photo-card,.body-vai-card{padding:20px;margin-bottom:16px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.target-progress-card{background:linear-gradient(120deg,#eff8ff,#f4f0ff)}.target-progress-card .section-title strong{color:#6846d6;font-size:1.35rem}.target-progress-bar{height:12px;margin:17px 0 10px;border-radius:99px;background:#dce4f1;overflow:hidden}.target-progress-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#08bd82,#4e6fe7);transition:.4s}.target-progress-card>p,.progress-photo-card>p,.body-vai-card p{color:var(--muted);font-size:.78rem;line-height:1.5}.body-chart{height:230px;margin-top:18px}.body-chart svg{width:100%;height:100%;overflow:visible}.body-chart .grid-line{stroke:#dde4ef;stroke-width:1}.body-chart .trend-line{fill:none;stroke:#6e4bd4;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.body-chart .trend-area{fill:url(#bodyArea)}.body-chart circle{fill:#fff;stroke:#6e4bd4;stroke-width:3}.body-chart text{fill:#71809c;font-size:10px}.body-chart-empty{padding:34px;text-align:center;color:var(--muted);background:var(--bg);border-radius:16px}.body-vai-card{display:flex;align-items:flex-start;gap:15px;background:linear-gradient(120deg,#f6f2ff,#effcff)}.body-vai-card h2{margin:4px 0 5px}.measurement-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:17px 0}.measurement-grid div{padding:13px 8px;text-align:center;border-radius:15px;background:var(--bg)}.measurement-grid small,.measurement-grid strong{display:block}.measurement-grid small{color:var(--muted);font-size:.65rem}.measurement-grid strong{margin-top:5px;color:var(--ink)}.body-history{display:grid;gap:7px}.body-history-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.body-history-row span,.body-history-row small{display:block}.body-history-row small{color:var(--muted);font-size:.68rem}.body-history-row button{border:0;background:var(--bg);color:#d1495b;border-radius:9px;padding:7px 9px}.photo-upload{display:grid;place-items:center;min-height:120px;margin-top:14px;border:2px dashed #b8c6dc;border-radius:18px;background:var(--bg);color:var(--blue);font-weight:800;cursor:pointer}.photo-upload input{position:absolute;opacity:0}.progress-photo-card img{display:block;width:100%;max-height:460px;object-fit:cover;margin-top:14px;border-radius:18px}.body-dialog form>label{display:grid;gap:7px;margin-top:12px;color:var(--muted);font-size:.78rem;font-weight:750}.body-dialog input,.body-dialog textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text);font:inherit}.body-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.body-form-grid label{display:grid;gap:6px;color:var(--muted);font-size:.75rem;font-weight:750}.body-progress-link{margin-top:17px}@media(max-width:760px){.body-summary-grid{grid-template-columns:1fr 1fr}.measurement-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.body-page-head{align-items:flex-start;flex-direction:column}.body-page-head>.primary{width:100%}.body-summary-grid{gap:8px}.body-summary-grid article{padding:14px}.body-form-grid{grid-template-columns:1fr}.body-history-row{grid-template-columns:1fr auto}.body-history-row>b{grid-column:1/-1}.target-progress-card,.body-chart-card,.measurements-card,.progress-photo-card,.body-vai-card{padding:17px;border-radius:21px}}@media(prefers-color-scheme:dark){.target-progress-card{background:linear-gradient(120deg,#152d3b,#251f3d)}.body-vai-card{background:linear-gradient(120deg,#27213e,#15323a)}.body-chart .grid-line{stroke:#343d50}.body-chart circle{fill:#181d2a}}
