:root{--green:#176b45;--dark:#15241c;--bg:#f4f7f3;--card:#fff;--text:#17231c;--muted:#66736a;--line:#dce5dd;--warn:#fff2dd;--danger:#aa3030}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.wrap{max-width:1050px;margin:auto;padding:16px}header{background:linear-gradient(120deg,#14281d,var(--green));color:#fff;padding:24px;border-radius:16px}h1{margin:0;font-size:28px}h2{font-size:19px;margin:0 0 12px}h3{margin:0;font-size:16px}.sub{opacity:.85;margin:6px 0 0}.tabs{display:flex;gap:8px;overflow:auto;padding:18px 0}.tabs button,.button{border:0;border-radius:9px;padding:10px 14px;font-weight:bold;cursor:pointer}.tabs button{background:#e7ece7;color:#3e5044;white-space:nowrap}.tabs button.active,.button{background:var(--green);color:white}.button.secondary{background:#e7ece7;color:var(--text)}.button.danger{background:#f8e1e1;color:var(--danger)}.page{display:none}.page.active{display:block}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.two{grid-template-columns:1.25fr .75fr;margin-top:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:17px}.label{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:bold}.value{font-size:25px;font-weight:bold;margin:4px 0}.small,.hint{font-size:13px;color:var(--muted)}.exercise{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.exercise:last-child{border-bottom:0}.exercise input{width:18px;height:18px;accent-color:var(--green)}.exercise .body{flex:1}.exercise small{display:block;color:var(--muted);margin-top:2px}.pill{font-size:11px;background:#e6f2e9;color:var(--green);padding:4px 7px;border-radius:20px;font-weight:bold}.progress{background:#e7ece7;border-radius:20px;height:10px;overflow:hidden}.bar{height:100%;background:var(--green);width:0%;transition:.2s}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:13px}.day{font-size:12px;padding:8px 3px;text-align:center;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.day.done{background:#daf0e1;color:var(--green);border-color:#9dcead;font-weight:bold}.notice{background:var(--warn);color:#704d18;border-radius:10px;padding:12px;font-size:13px;margin-top:14px}.row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}label{font-weight:bold;font-size:13px;display:block;margin:9px 0 4px}input,select{width:100%;padding:10px;border:1px solid #cfd9d0;border-radius:8px;font-size:15px;background:#fff}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.history{margin-top:14px}.history-item{padding:10px 0;border-bottom:1px solid var(--line)}.history-item:last-child{border:0}.plan{margin:13px 0}.plan ul{margin:6px 0;padding-left:19px;color:#435248}.habit-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.habit-row input{width:18px;height:18px;accent-color:var(--green)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.status{font-size:12px;color:var(--muted)}.edit-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.edit-row button{padding:5px 8px;border:0;border-radius:6px;cursor:pointer;background:#e7ece7}.edit-row .delete{color:var(--danger);background:#f8e1e1}@media(max-width:700px){.grid,.two{grid-template-columns:1fr 1fr}.two .card{grid-column:span 2}.formgrid{grid-template-columns:1fr}}@media(max-width:410px){.grid{grid-template-columns:1fr 1fr}}