@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--bg:#061b14;--side:#071e16;--card:#0d2a20;--card2:#103528;--line:#224437;--muted:#9ab6a6;--white:#f2f8f0;--lime:#b4f33d;--green:#36d58b;--orange:#f8b977;--red:#ff9c93}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--side);border-right:1px solid #244034;padding:28px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:3px 8px 42px}.mark{color:var(--lime);font-size:45px;line-height:1}.brand strong{font-family:Outfit;font-size:23px;letter-spacing:-.7px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#9bcbb0;margin-top:4px}.side-label,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#78ae92}.side-label{padding:0 13px 12px}nav{display:grid;gap:7px}nav button{width:100%;border:0;background:transparent;color:#c3d7ca;text-align:left;border-radius:11px;padding:13px 16px;font-size:14px;display:flex;gap:13px;align-items:center}nav button.active{background:linear-gradient(90deg,#5e9c18,#2b6923);color:white;font-weight:700;box-shadow:0 5px 20px #0003}nav button:hover:not(.active){background:#173b2c}.side-bottom{margin-top:auto;padding:15px 10px;font-size:11px;color:#a6c6b1}.side-bottom p{line-height:1.7;color:#6e9681}.status-dot{display:inline-block;background:var(--green);width:7px;height:7px;border-radius:50%;margin-right:5px}main{padding:0 30px;min-width:0;max-width:1600px;width:100%;margin:auto}.topbar{height:72px;display:flex;justify-content:space-between;align-items:center}.top-actions{display:flex;gap:9px}.ghost{background:#153529;border:1px solid #2a5140;color:#d8ecdc;border-radius:9px;padding:10px 13px;font-size:12px}.ghost:hover{background:#1d4835}.hero{position:relative;overflow:hidden;min-height:240px;border-radius:20px;border:1px solid #2a523d;background:radial-gradient(ellipse at 85% 50%,#336d31 0%,transparent 40%),linear-gradient(110deg,#103e29,#09291d 65%,#113b27);display:flex;align-items:center;padding:30px 36px}.hero-content{position:relative;z-index:1;max-width:680px}.hero-pill{font-size:10px;letter-spacing:1.8px;color:var(--lime);font-weight:800}.hero h1{font-family:Outfit;font-size:clamp(30px,4vw,52px);line-height:1.05;margin:12px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:13px;max-width:570px;color:#c5d8c9;line-height:1.7}.hero-actions{display:flex;gap:15px;align-items:center;margin-top:19px;flex-wrap:wrap}.primary{border:0;background:linear-gradient(115deg,#b9f648,#6ab827);color:#12300b;font-weight:800;border-radius:10px;padding:12px 18px;box-shadow:0 5px 20px #2d5f1833}.primary:hover{filter:brightness(1.1)}#saveStatus{font-size:11px;color:#a5c4ad}.hero-art{margin-left:auto;min-width:200px;text-align:center;color:#baf765}.leaf{font-size:120px;line-height:1;transform:rotate(-20deg);text-shadow:0 0 70px #adf63b66}.plant-label{font-size:9px;letter-spacing:2px;color:#a9c9a6}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 18px;gap:12px}.section-head h2{font:700 29px Outfit;margin:6px 0 0}.scenario-control{display:flex;flex-direction:column;gap:6px}.scenario-control label{font-size:10px;letter-spacing:1px;color:var(--muted)}select,input{background:#0a241a;border:1px solid #365747;border-radius:9px;color:var(--white);padding:11px 12px;outline:0;min-width:0}input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 2px #b4f33d20}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric,.panel{background:linear-gradient(150deg,#113528,#0b281e);border:1px solid #254938;border-radius:16px}.metric{padding:20px 18px;min-height:120px}.metric .label{font-size:12px;color:#a9c7b4}.metric .value{font:700 clamp(20px,2.3vw,32px) Outfit;letter-spacing:-.6px;margin:13px 0 6px;white-space:nowrap}.metric .sub{font-size:11px;color:#8eb49b}.metric.highlight{background:linear-gradient(135deg,#265a27,#16452c);border-color:#558f31}.metric.highlight .value{color:var(--lime)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.panel{padding:22px;min-width:0}.panel h3{font:600 18px Outfit;margin:0 0 6px}.panel .desc{color:var(--muted);font-size:12px;margin:0 0 19px;line-height:1.6}.panel.full{grid-column:1/-1}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field label{display:block;font-size:12px;color:#b9d3c2;margin-bottom:7px}.field input{width:100%;font-variant-numeric:tabular-nums}.hint{font-size:11px;color:#83a990;margin-top:6px;line-height:1.5}.data-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #284738;font-size:13px}.data-row:last-child{border:0}.data-row span{color:#a9c9b4}.data-row strong{font-weight:800;text-align:right}.lime{color:var(--lime)!important}.muted{color:var(--muted)}.badge{display:inline-flex;border:1px solid #4a793b;color:#c3f88a;background:#20432a;padding:7px 10px;border-radius:99px;font-size:11px}.bar-chart{height:220px;display:flex;align-items:end;gap:12px;padding:15px 0 2px;border-bottom:1px solid #41634c}.bar-wrap{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;height:100%;gap:7px}.bar{width:100%;max-width:95px;background:linear-gradient(#a9e846,#277a39);border-radius:7px 7px 0 0;min-height:4px}.bar-label{font-size:11px;color:#c9e1d0;text-align:center}.bar-value{font-size:11px;font-weight:700;color:#e5f7d5;text-align:center}.progress{height:12px;border-radius:20px;background:#214332;overflow:hidden;margin:16px 0}.progress>div{height:100%;background:linear-gradient(90deg,#46bc5d,#b9f448);border-radius:20px}.big-number{font:700 39px Outfit;color:var(--lime);margin:14px 0}.note{border:1px solid #4b5933;background:#2c3820;color:#e5dcae;padding:13px 15px;border-radius:10px;font-size:12px;line-height:1.7;margin-top:14px}.cost-table{display:grid;gap:9px}.cost-row{display:grid;grid-template-columns:1.5fr 1fr auto;align-items:center;gap:12px}.cost-row input{width:100%}.cost-row button{background:#2e4938;color:#fff;border:0;border-radius:7px;padding:9px 12px}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.kpi-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini{border:1px solid #2d5340;background:#123629;padding:15px;border-radius:12px}.mini small{color:#9fc0aa}.mini strong{display:block;font:700 25px Outfit;margin-top:9px}.scenario-card{padding:20px;border:1px solid #386247;background:#153728;border-radius:13px}.scenario-card strong{font-size:18px}.scenario-card p{font-size:12px;color:#a9c7b4;line-height:1.7}footer{padding:35px 0;color:#6e9a80;font-size:11px;text-align:center}.toast{position:fixed;bottom:22px;right:22px;background:#b4f33d;color:#183414;border-radius:12px;padding:12px 18px;font-weight:800;font-size:12px;opacity:0;transform:translateY(20px);transition:.2s;pointer-events:none;z-index:4}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1050px){.app{grid-template-columns:75px minmax(0,1fr)}.sidebar{padding:25px 9px}.brand{padding:0 4px 35px}.brand strong,.brand small,.side-label,nav span,.side-bottom{display:none}.mark{font-size:36px}nav button{justify-content:center;padding:13px}.hero-art{min-width:110px}.leaf{font-size:85px}.plant-label{display:none}}@media(max-width:700px){.app{display:block}.sidebar{height:auto;position:sticky;top:0;z-index:3;display:flex;flex-direction:row;align-items:center;padding:8px 10px;overflow:auto;border-bottom:1px solid #315440}.brand{padding:0 12px 0 0}.mark{font-size:29px}nav{display:flex;gap:4px}nav button{font-size:14px;padding:9px 12px;white-space:nowrap}main{padding:0 14px}.topbar{height:56px}.eyebrow{font-size:9px}.ghost{font-size:10px;padding:9px}.hero{padding:24px 19px;min-height:225px}.hero h1{font-size:34px}.hero-art{display:none}.hero p{font-size:12px}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:26px}.scenario-control{width:100%}.scenario-control select{width:100%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:14px 12px;min-height:105px}.metric .value{font-size:23px}.dashboard-grid{grid-template-columns:1fr}.panel{padding:17px}.field-grid{gap:12px}.cost-row{grid-template-columns:1.2fr .8fr auto}.cost-row input{padding:9px 6px;font-size:12px}.cost-row button{padding:8px} .bar-chart{gap:5px}.bar-label,.bar-value{font-size:9px}}@media(max-width:380px){.field-grid{grid-template-columns:1fr}.metric .value{font-size:19px}}