:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20352d;background:#f4f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #68ad82;outline-offset:3px}[hidden]{display:none!important}.app-shell{max-width:1200px;margin:auto;padding:0 32px}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde7dd}.brand{font-size:22px;font-weight:800;letter-spacing:-1.2px;display:flex;align-items:center;gap:10px}.brand-mark{color:#4b9b70;font-size:29px;line-height:1}.header-note,.subtle{color:#718278;font-size:13px}.intro{display:grid;grid-template-columns:1.4fr .6fr;min-height:318px;align-items:center;position:relative;overflow:hidden}.eyebrow{color:#508c66;font-size:11px;letter-spacing:2.1px;font-weight:800;margin:0 0 14px}.intro h1{font-size:clamp(42px,5.2vw,68px);line-height:1.04;letter-spacing:-3.8px;margin:0;font-weight:750}.intro h1 em{color:#63a77e;font-style:normal}.intro-copy{color:#667b6e;line-height:1.7;max-width:450px;margin:19px 0 0;font-size:15px}.intro-art{height:280px;position:relative}.art-circle{width:202px;height:202px;border-radius:50%;background:#deecdc;position:absolute;right:80px;top:26px;display:grid;place-items:center;box-shadow:0 0 0 28px #eaf2e9,0 0 0 56px #eff5ed}.art-circle span{font-size:113px;font-weight:100;color:#68ab80;transform:translateY(-9px);font-family:Georgia,serif}.art-line{position:absolute;width:15px;height:15px;border-radius:50%;background:#8fbd9b}.art-line.one{right:25px;top:61px}.art-line.two{right:45px;bottom:24px;width:9px;height:9px}.notice{border:1px solid #b6d6bd;background:#e9f5e9;border-radius:12px;color:#2b7448;padding:12px 17px;margin-bottom:20px}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:end}.section-heading{margin:18px 0 22px}.section-heading h2,.panel-heading h2{font-size:27px;letter-spacing:-1.1px;margin:0}.section-heading .eyebrow,.panel-heading .eyebrow{margin-bottom:8px}.section-heading .subtle{padding-bottom:4px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{min-height:146px;border:1px solid #e3ebe3;border-radius:17px;background:#fff;padding:24px 25px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 6px 25px #18391d08}.stat-card.current{background:#295b40;border-color:#295b40;color:#fff}.stat-label{font-size:13px;color:#73867a;font-weight:600}.current .stat-label,.current .stat-sub{color:#c6dfcb}.stat-card strong{font-size:32px;letter-spacing:-1.2px;line-height:1.1;margin:13px 0 7px}.stat-sub{font-size:12px;color:#809187}.progress-panel{background:#e9f2e8;border:1px solid #d9e9d8;border-radius:17px;padding:23px 25px;margin-top:15px}.progress-top{display:flex;justify-content:space-between;align-items:center}.progress-top>div{display:flex;flex-direction:column;gap:7px}.progress-top strong{font-size:18px;letter-spacing:-.4px}.progress-top>span{font-size:26px;font-weight:750;color:#347850}.progress-track{height:9px;background:#d1e3d1;border-radius:20px;overflow:hidden;margin:21px 0 12px}.progress-track>div{height:100%;width:0;background:#58a775;border-radius:20px;transition:width .3s}.progress-panel p{margin:0}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.panel{background:#fff;border:1px solid #e3ebe3;border-radius:18px;padding:27px 28px 30px;box-shadow:0 6px 25px #18391d08}.panel-heading{align-items:center}.panel-icon{background:#e7f3e8;color:#49946a;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:24px}.target-icon{background:#f0ede2;color:#a2955a}.panel-copy{color:#718278;font-size:14px;line-height:1.55;margin:15px 0 27px}.field-label,.weight-field label{display:block;color:#344d3e;font-size:13px;font-weight:700;margin:23px 0 9px}.field-group{margin-top:24px}.field-group .field-label{margin-bottom:10px}.unit-tabs{display:flex;background:#f2f5f1;border:1px solid #e3ebe3;border-radius:10px;padding:4px;gap:2px}.unit-tab{flex:1;background:transparent;border:0;border-radius:8px;padding:10px 5px;color:#788a7b;font-size:12px;font-weight:700;white-space:nowrap}.unit-tab.active{color:#24633f;background:#fff;box-shadow:0 2px 8px #21402b17}.weight-field label{display:flex;justify-content:space-between;margin:0 0 9px}.weight-field label span{font-weight:500;color:#829588}input[type=date],input[type=number]{width:100%;height:47px;border:1px solid #dce6dc;border-radius:10px;background:#fbfcfa;padding:0 14px;color:#253e2e;outline:none}input::placeholder{color:#a2aea4}input:focus{border-color:#77b68d;background:#fff}.weight-inputs{margin-top:22px}.stone-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.conversion-card{margin-top:20px;border:1px solid #e7eee6;background:#f5f8f3;border-radius:11px;padding:15px 16px;font-size:13px;color:#41674e;line-height:1.65}.conversion-card>span{display:block;color:#889d8c;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.field-error{color:#b64545;font-size:13px;margin:13px 0 0}.form-actions{display:flex;align-items:center;gap:12px;margin-top:22px}.button{border:0;border-radius:10px;padding:13px 20px;font-size:13px;font-weight:750;min-height:45px}.primary{background:#428f60;color:#fff}.primary:hover{background:#347b4e}.secondary{background:#e4efe2;color:#286d44}.secondary:hover{background:#d5e7d3}.text-button{background:transparent;color:#668073;padding-inline:10px}.text-button:hover{text-decoration:underline}.history-section{margin:45px 0 55px}.history-wrap{background:#fff;border:1px solid #e3ebe3;border-radius:17px;overflow:hidden;box-shadow:0 6px 25px #18391d08}.history-header,.history-row{display:grid;grid-template-columns:1.25fr .9fr .9fr 1.35fr .85fr;gap:12px;align-items:center}.history-header{background:#f8faf7;padding:15px 24px;border-bottom:1px solid #e7eee7;color:#8b9b8f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.history-row{padding:18px 24px;border-bottom:1px solid #eef2ed;font-size:14px}.history-row:last-child{border-bottom:0}.history-date{font-weight:700}.history-value small{display:none}.row-actions{display:flex;gap:12px}.row-button{background:none;border:0;padding:5px 0;color:#3c8a59;font-size:12px;font-weight:750}.row-button:last-child{color:#a87870}.row-button:hover{text-decoration:underline}.empty-state{text-align:center;padding:51px 20px;color:#809187}.empty-state span{display:block;color:#7ab58c;background:#edf5ec;border-radius:50%;width:47px;height:47px;font-size:29px;margin:0 auto 15px}.empty-state strong{color:#355d42;display:block;margin-bottom:7px}.empty-state p{font-size:13px;margin:0}footer{border-top:1px solid #dde7dd;padding:25px 0 35px;text-align:center;color:#8b9b8f;font-size:12px}@media(max-width:800px){.app-shell{padding:0 22px}.intro{grid-template-columns:1fr;min-height:285px}.intro-art{display:none}.workspace-grid{grid-template-columns:1fr}.panel-copy{margin-bottom:15px}.history-header,.history-row{grid-template-columns:1.2fr .9fr .9fr 1.3fr .9fr;gap:8px;padding-inline:16px}.history-header{font-size:10px}.history-row{font-size:12px}}@media(max-width:580px){.app-shell{padding:0 16px}.site-header{height:69px}.brand{font-size:20px}.header-note{display:none}.intro{min-height:240px}.intro h1{font-size:46px;letter-spacing:-2.6px}.intro-copy{font-size:13px}.section-heading h2,.panel-heading h2{font-size:24px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:18px;min-height:120px}.stat-card strong{font-size:26px}.stat-card:last-child{grid-column:span 2;min-height:105px}.progress-panel{padding:20px}.progress-top strong{font-size:15px}.progress-top>span{font-size:22px}.workspace-grid{margin-top:29px;gap:13px}.panel{padding:22px 19px}.history-section{margin-top:35px}.history-header{display:none}.history-row{grid-template-columns:1fr 1fr;gap:12px;padding:18px}.history-date{grid-column:span 2;font-size:14px}.history-value small{display:block;font-size:10px;color:#91a195;font-weight:600;margin-bottom:2px}.row-actions{grid-column:span 2;border-top:1px solid #eef2ed;padding-top:10px}.unit-tab{font-size:11px}.stat-sub{font-size:11px}}

:root{color-scheme:light}
.overview-controls{display:flex;align-items:center;gap:11px;padding-bottom:2px}.overview-controls label{color:#718278;font-size:12px;font-weight:700;white-space:nowrap}.overview-controls select{min-height:37px;border:1px solid #dce6dc;border-radius:9px;background:#fff;color:#2d6742;padding:0 30px 0 10px;font-size:12px;font-weight:700}.overview-controls .subtle{margin-left:9px;white-space:nowrap}.stat-card strong{overflow-wrap:anywhere}@media(max-width:700px){.overview-heading{align-items:flex-start;gap:15px;flex-direction:column}.overview-controls{width:100%;padding-bottom:0}.overview-controls .subtle{margin-left:auto}}@media(max-width:400px){.overview-controls{flex-wrap:wrap}.overview-controls .subtle{margin-left:0}.stat-card strong{font-size:23px}}

.section-heading h1{font-size:27px;letter-spacing:-1.1px;margin:0}
@media(max-width:580px){
  .section-heading h1{font-size:24px}
  .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .stat-card,.stat-card:last-child{grid-column:auto;min-width:0;min-height:78px;padding:9px 8px;border-radius:10px}
  .stat-label{font-size:9px;line-height:1.15;font-weight:700}
  .stat-card strong{font-size:clamp(14px,3.9vw,17px);letter-spacing:-.5px;line-height:1.08;margin:7px 0 0}
  .stat-sub{display:none}
}

.history-heading-actions{display:flex;align-items:center;gap:18px}
.history-heading-actions .subtle{padding-bottom:0}
.export-button{min-height:36px;padding:8px 13px;border:1px solid #cfe2d1;background:#eaf4e9;color:#2c7448;white-space:nowrap}
.export-button:hover:not(:disabled){background:#daebdc}
.export-button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:580px){.history-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.history-heading-actions{width:100%;justify-content:space-between;gap:12px}}

@media(max-width:580px){
  .history-wrap{overflow-x:auto}
  .history-row{grid-template-columns:78px 62px 43px 75px minmax(48px,1fr);min-width:334px;gap:4px;min-height:48px;padding:10px 8px;font-size:11px;line-height:1.2}
  .history-date{grid-column:auto;font-size:11px;white-space:nowrap}
  .history-value{white-space:nowrap}
  .history-value small{display:none}
  .row-actions{grid-column:auto;justify-content:flex-end;gap:6px;border-top:0;padding-top:0;white-space:nowrap}
  .row-button{font-size:11px}
}