@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#163a30;--muted:#7b8978;--lime:#ddf993;--line:#dde5d5;--bg:#f4f6ef}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}header{display:flex;align-items:center;gap:25px;padding:20px 35px;background:#fff;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:800;letter-spacing:-1px}.logo>span{color:#8dae4d;margin-left:-8px}.demo-badge{font-size:9px;letter-spacing:1px;background:#eff4e5;color:#6e8653;padding:7px 11px;border-radius:20px}.walkthrough{margin-left:auto;font-size:12px}.demo-notice{text-align:center;font-size:10px;letter-spacing:.4px;background:#e9f0de;padding:10px;color:#61734f}.shell{display:flex;min-height:calc(100vh - 121px)}aside{width:245px;padding:30px 22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0}.factory-name{display:flex;align-items:center;gap:12px;margin-bottom:35px}.factory-icon{font-size:29px;color:#8baa55}.factory-name strong{display:block;font-size:12px}.factory-name small{font-size:9px;color:var(--muted);display:block;margin-top:6px}nav{display:grid;gap:7px}nav button{display:flex;align-items:center;gap:13px;padding:15px;border:0;background:transparent;text-align:left;color:#819075;border-radius:5px}nav button b{margin-left:auto;font-weight:400;font-size:9px}nav button[aria-current=page]{background:var(--ink);color:var(--lime)}.demo-help{border-top:1px solid var(--line);margin-top:40px;padding-top:25px}.demo-help>span{font-size:8px;letter-spacing:1px;color:#8b9b7d}.demo-help p{font-size:20px;line-height:1.6;font-family:Manrope,sans-serif}.demo-help a{font-size:10px;color:#6a8447}.reset{margin-top:auto;padding:13px;border:1px solid var(--line);background:white;border-radius:5px;color:#6e825c}.back{font-size:10px;color:var(--muted);margin:20px 0 0;text-align:center}main{padding:40px;flex:1;min-width:0;max-width:1550px;margin:auto}.page-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#8a9a77;margin:0 0 10px}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.8px}h1{font-size:32px;margin:0;font-weight:600}.scenario-label{font-size:9px;color:var(--muted);min-width:190px}select{display:block;margin-top:8px;width:100%;padding:10px 12px;border:1px solid #cfdac3;border-radius:5px;background:white;color:var(--ink);font-size:12px}.guide{display:flex;align-items:center;gap:17px;padding:21px;background:#e3edcf;border:1px solid #d1dfb7;border-radius:8px;margin-bottom:25px}.guide-number{display:grid;place-items:center;background:#fff9;width:36px;height:36px;border-radius:50%;font-size:12px;flex-shrink:0}.guide strong{font-size:13px}.guide p{font-size:11px;color:#708257;margin:6px 0 0;line-height:1.5}.guide-arrow{margin-left:auto;font-size:23px;color:#89a657}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.metric{padding:23px;background:white;border:1px solid var(--line);border-radius:8px}.metric>span{display:block;font-size:10px;color:var(--muted)}.metric strong{font-family:Manrope,sans-serif;display:block;font-size:31px;letter-spacing:-1px;margin:13px 0 8px}.metric small{font-size:10px;color:#8c9c7d}.metric.dark{background:var(--ink);color:#f0f6e4}.metric.dark>span,.metric.dark small{color:#b6c8a2}.panel{padding:27px;background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.panel h2{font-size:20px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:7px 0 0}.badge{font-size:9px;padding:7px 11px;border-radius:20px;background:#ecf3df;color:#6d864c;white-space:nowrap}.badge.alert{background:#f9e9e1;color:#9a593c}.order-details{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;background:#f6f8f2;padding:18px;border-radius:5px}.order-details small{display:block;font-size:8px;letter-spacing:1px;color:#8a997a;margin-bottom:9px}.order-details strong{font-size:12px}.route{display:grid;grid-template-columns:repeat(5,1fr);margin:35px 0 28px}.route>div{position:relative;text-align:center}.route>div:before{content:'';position:absolute;height:2px;top:15px;left:0;right:0;background:#e5ebdd}.route>div:first-child:before{left:50%}.route>div:last-child:before{right:50%}.route b{display:grid;place-items:center;position:relative;z-index:1;margin:auto;width:32px;height:32px;border-radius:50%;background:#f1f4ec;color:#9cac8e;font-size:10px}.route small{display:block;margin-top:12px;font-size:9px;color:#91a17f}.route .complete:before{background:#bad78a}.route .complete b{background:#dfeeC5;color:#607e3a}.route .current b{background:var(--ink);color:var(--lime);box-shadow:0 0 0 5px #e7efd9}.route .current small{color:var(--ink);font-weight:600}.action-zone{padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.action-zone h3{font-size:17px;margin:0 0 7px}.action-zone p{font-size:11px;color:var(--muted);margin:0;line-height:1.6;max-width:390px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:13px 18px;border:0;border-radius:5px;font-size:12px;font-weight:600;white-space:nowrap}.primary{background:var(--ink);color:var(--lime)}.secondary{border:1px solid #d6e0c9;background:white;color:#6c8156}.buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.quality-entry{margin:20px 0 0;padding:20px;background:#f5f8ef;border-radius:5px;display:flex;align-items:center;gap:20px}.quality-entry label{font-size:11px;color:#71865a;flex:1}.quality-entry small{display:block;margin-top:5px;color:#8c9c7b;font-size:9px;line-height:1.5}input{width:100px;padding:11px;border:1px solid #cad9b9;border-radius:4px;background:white;color:var(--ink)}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.events{list-style:none;padding:0;margin:0}.events li{position:relative;border-left:1px solid #dbe5cd;padding:0 0 19px 20px;margin-left:4px;font-size:11px;color:#77896a;line-height:1.5}.events li:before{content:'';width:7px;height:7px;border-radius:50%;background:#9abb6d;position:absolute;left:-4px;top:4px}.events li:last-child{padding-bottom:0}.events li:first-child{color:var(--ink)}.stock-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;font-size:12px}.stock-bar{height:9px;background:#edf1e6;border-radius:5px;margin:23px 0 10px;overflow:hidden}.stock-bar i{display:block;height:100%;background:#94b65e;transition:width .4s}.low .stock-bar i{background:#bb8157}.stock-key{display:flex;justify-content:space-between;font-size:9px;color:#8c9d7a}.receive{display:flex;gap:12px;align-items:end;margin-top:25px}.receive label{font-size:10px;color:#7d9169}.receive input{display:block;margin-top:8px;width:130px}.cost-list{margin:0;padding:0;list-style:none}.cost-list li{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.cost-list li:last-child{font-weight:700;border:0}.chart{display:flex;align-items:flex-end;gap:15px;height:200px;padding:25px 10px 25px;border-bottom:1px solid var(--line);margin:25px 0 10px}.bar-wrap{flex:1;display:flex;gap:5px;height:100%;align-items:flex-end;position:relative}.bar-wrap i{flex:1;border-radius:3px 3px 0 0;background:#345746;min-height:2px;transition:height .5s}.bar-wrap i+ i{background:#b3cf81}.bar-wrap small{position:absolute;top:calc(100% + 10px);font-size:8px;color:#8a9b79;width:100%;text-align:center}.legend{display:flex;gap:20px;color:#849771;font-size:9px;margin-top:30px}.legend span:before{content:'';display:inline-block;width:7px;height:7px;background:#345746;margin-right:6px}.legend span+span:before{background:#b3cf81}.footnote{font-size:9px;color:#91a080;line-height:1.7;max-width:800px;margin-top:28px}.blocked{background:#fbf0e8;border:1px solid #ead3bf;color:#a56942;padding:13px 16px;font-size:11px;border-radius:4px;margin:20px 0}.ship-success{padding:28px;background:#edf5df;border:1px solid #ccdfb2;border-radius:6px;text-align:center}.ship-success>b{font-size:32px;color:#86a956}.ship-success h3{font-size:23px}.ship-success p{font-size:12px;color:#758d5c}.empty{font-size:11px;color:#92a181}.notice{color:#8c9d79;font-size:10px;line-height:1.7;margin:20px 0 0}#toast:not(:empty){background:#eef4e4;border:1px solid #cfdfbb;padding:13px 18px;border-radius:5px;margin-bottom:20px;font-size:12px}#toast.error{background:#fff0e9;border-color:#e9c9b5;color:#9c5a38}dialog{border:1px solid var(--line);border-radius:10px;background:#f9fbf4;color:var(--ink);padding:30px;max-width:440px;width:90%}dialog::backdrop{background:#0e2f26a8;backdrop-filter:blur(4px)}dialog h2{margin-top:0}dialog p{line-height:1.7;color:#7d8f6c;font-size:13px}dialog>div{display:flex;gap:12px;margin-top:25px}@media(max-width:1100px){aside{width:200px;padding:25px 15px}main{padding:30px}.action-zone{align-items:start;flex-direction:column}.split{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:18px}}@media(max-width:760px){header{padding:15px 20px;gap:12px}.logo{font-size:22px}.logo img{width:29px;height:29px}.demo-badge{font-size:7px;padding:6px 8px}.walkthrough{font-size:0}.walkthrough:after{content:'Book a meeting ↗';font-size:10px}.demo-notice{font-size:9px;padding:10px 18px}.shell{display:block}aside{width:100%;padding:15px 20px;display:block;border-right:0;border-bottom:1px solid var(--line)}.factory-name,.demo-help,.back{display:none}nav{display:flex;gap:8px}nav button{flex:1;padding:11px;font-size:11px;gap:7px;justify-content:center}nav button b{display:none}.reset{display:block;width:100%;font-size:10px;padding:9px;margin-top:12px}main{padding:25px 20px}.page-top{display:block;margin-bottom:20px}h1{font-size:28px}.scenario-label{display:block;margin-top:20px}.scenario-label select{padding:12px}.guide{padding:15px;gap:12px}.guide strong{font-size:12px}.guide p{font-size:10px}.guide-arrow{display:none}.metrics{grid-template-columns:repeat(3,1fr);gap:7px}.metric{padding:14px 10px}.metric>span{font-size:8px;min-height:20px}.metric strong{font-size:23px}.metric small{font-size:8px;line-height:1.4;display:block}.panel{padding:20px 16px}.panel h2{font-size:18px}.panel-head{gap:10px}.order-details{grid-template-columns:1fr 1fr;gap:18px;padding:14px}.order-details>div:first-child{grid-column:1/-1}.route{margin:28px 0}.route small{font-size:8px;line-height:1.5}.route b{width:28px;height:28px}.route>div:before{top:13px}.action-zone h3{font-size:16px}.action-zone p{font-size:11px}.buttons{width:100%}.buttons .primary{flex:1}.primary,.secondary{font-size:11px;padding:13px 14px}.quality-entry{padding:14px;gap:10px}.quality-entry input{width:75px}.badge{font-size:8px}.guide-number{width:30px;height:30px;font-size:10px}.chart{gap:8px;height:170px}.footnote{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}[hidden]{display:none!important}
@media(max-width:760px){.metric strong{font-size:clamp(14px,4vw,22px);letter-spacing:-.6px}.page-top h1{font-size:27px}.route small{overflow-wrap:anywhere}.receive{flex-wrap:wrap}.receive input{width:120px}.panel-head .badge{white-space:normal;text-align:center;max-width:100px}.metric strong{overflow-wrap:anywhere}input,select{font-size:16px}.guide p{font-size:11px}.guide strong{font-size:13px}}
@media(max-width:760px){.metric .count-value{font-size:26px}.metric .money-value{font-size:clamp(14px,4vw,22px)}}@media(max-width:360px){.demo-badge{display:none}.walkthrough:after{white-space:nowrap;font-size:10px}}
.meeting-cta{background:#153b2f;border:1px solid #416b48;color:#f6faeb;padding:38px;border-radius:10px;display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:28px;position:relative;overflow:hidden;scroll-margin-top:25px}.meeting-cta:after{content:'';width:240px;height:240px;border:1px solid #dafa8b18;border-radius:50%;position:absolute;right:-80px;top:-80px;pointer-events:none;box-shadow:0 0 0 35px #dafa8b05,0 0 0 70px #dafa8b05}.meeting-kicker{display:block;font-size:9px;letter-spacing:1.3px;color:#bfd995;margin-bottom:17px}.meeting-cta h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 15px}.meeting-cta p{font-size:12px;line-height:1.7;color:#b4cba3;margin:0;max-width:440px}.meeting-cta-button{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#ddfa88;color:#17392d;padding:20px 23px;border-radius:6px;box-shadow:0 8px 25px #001b1833;font-size:14px;font-weight:700;min-width:260px;transition:transform .2s}.meeting-cta-button:hover{transform:translateY(-3px);background:#eaffac}.meeting-cta-button span{font-size:24px}@media(max-width:1100px){.meeting-cta{flex-direction:column;align-items:stretch;padding:30px}.meeting-cta-button{min-width:0;max-width:370px}}@media(max-width:760px){.meeting-cta{padding:25px 20px;gap:24px;scroll-margin-top:15px}.meeting-kicker{font-size:8px;letter-spacing:1px;line-height:1.7}.meeting-cta h2{font-size:28px}.meeting-cta p{font-size:12px}.meeting-cta-button{padding:18px;font-size:13px;gap:12px;min-height:58px}.meeting-cta-button span{font-size:22px}}