@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1d352f;--muted:#69756f;--forest:#153e35;--line:#e0e6df;--paper:#f5f7f3;--lime:#d9e9ad}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #76965a;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:29px;letter-spacing:-1.2px;font-weight:700;line-height:1.2}h2{font-size:16px;letter-spacing:-.4px;font-weight:700}h3{font-size:14px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:#fff;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:8px;font-size:25px;font-weight:700;letter-spacing:-1.4px}.brand-mark{display:grid;place-items:center;background:var(--forest);color:var(--lime);width:30px;height:32px;border-radius:7px;font-size:29px;line-height:1;font-weight:600}.demo-tag{font-size:7px;letter-spacing:1px;padding:5px 6px;background:#edf2e6;color:#50683c;border-radius:3px;margin-left:4px}.workspace{display:flex;align-items:center;gap:10px;margin:33px 0 27px;border:1px solid var(--line);border-radius:7px;padding:12px 10px}.workspace-icon{width:29px;height:29px;display:grid;place-items:center;background:#ecf0e7;border-radius:5px;font-size:13px;font-weight:700}.workspace strong{font-size:10px}.workspace small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:13px 15px;border:0;border-radius:6px;background:none;color:#69756f;font-size:12px}.sidebar nav button span{font-size:18px;width:20px}.sidebar nav button:hover{background:#f1f5ec}.sidebar nav button.active{background:#edf3e5;color:#2c513f;font-weight:600}.sidebar-bottom{margin-top:auto;font-size:10px;color:var(--muted)}.demo-callout{padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:18px;color:var(--forest);font-size:10px}.demo-callout p{font-size:9px;color:var(--muted);line-height:1.8;margin-top:9px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6b8f4f;margin-right:5px}.app{margin-left:238px}header{height:78px;border-bottom:1px solid var(--line);background:#ffffffaa;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:9px;letter-spacing:1px;color:var(--muted);gap:20px}header>div{display:flex;align-items:center;gap:20px}.storage-indicator{font-size:9px;letter-spacing:0}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6eddc;font-size:9px;color:#4e6c40}main{padding:34px 38px 0;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:24px}.eyebrow{font-size:8px;letter-spacing:1.6px;color:#748567;font-weight:700;line-height:1.8;margin-bottom:12px}.page-heading p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:11px}.button{padding:12px 17px;border:1px solid var(--line);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:600;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.primary{background:var(--forest);color:white;border-color:var(--forest)}.primary:hover{background:#285749}.secondary{background:white;color:var(--forest)}.notice{padding:11px 15px;background:#edf2e5;border:1px solid #dfe7d2;border-radius:5px;font-size:10px;line-height:1.7;color:#526248;margin-bottom:12px}.notice span{font-size:8px;font-weight:700;letter-spacing:1px;margin-right:10px}.status-message{font-size:11px;color:#326e4e;line-height:1.8;min-height:18px;margin-bottom:12px}.view[hidden]{display:none}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.kpi-grid article{background:white;border:1px solid var(--line);border-radius:7px;padding:20px}.kpi-grid article>span{font-size:10px;color:var(--muted);line-height:1.5;display:block}.kpi-grid strong{font:700 30px Manrope,sans-serif;letter-spacing:-1px;display:block;margin:15px 0 9px}.kpi-grid strong.text-kpi{font-size:22px;letter-spacing:-.7px;margin-top:21px;margin-bottom:12px}.kpi-grid small{font-size:9px;color:var(--muted);line-height:1.6}.panel{background:white;border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:22px;min-width:0}.overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.panel-heading p{font-size:10px;color:var(--muted);line-height:1.7;margin-top:7px}.legend{font-size:8px;color:var(--muted)}.legend i{display:inline-block;width:6px;height:6px;background:#a3be81;margin-right:4px}.chart{height:194px;display:flex;gap:18px;align-items:flex-end;padding:26px 8px 23px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#eff2ed 40px)}.bar-slot{position:relative;flex:1;height:100%;display:flex;align-items:flex-end}.bar{display:block;width:100%;background:#b5ca99;border-radius:4px 4px 0 0;position:relative;min-height:2px;transition:height .25s}.bar-slot:nth-child(6) .bar{background:#416e52}.bar>span{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:8px;color:#5c6e51;white-space:nowrap}.bar-slot>small{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:8px;color:var(--muted)}.chart-footer{display:flex;justify-content:space-between;gap:20px;margin-top:19px;font-size:8px;color:var(--muted)}.attention-item{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #edf0e9}.attention-item strong{font-size:11px}.attention-item p{font-size:9px;color:var(--muted);margin-top:6px}.attention-dot{width:6px;height:6px;background:#b3a15f;border-radius:50%;flex:none}.attention-item>.low{margin-left:auto;font-size:8px}.attention .text-button{margin-top:21px}.text-button{border:0;background:none;color:#36654d;padding:4px 0;font-size:10px;cursor:pointer}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{font-size:9px;color:var(--muted);font-weight:500;background:#f8faf5;padding:11px 13px;border-bottom:1px solid var(--line)}td{padding:16px 13px;border-bottom:1px solid #edf0e9}tr:last-child td{border-bottom:0}td strong{font-weight:500}td small{display:block;font-size:8px;color:var(--muted);max-width:200px;white-space:normal;overflow-wrap:anywhere;margin-top:5px;line-height:1.6}.reason{font-size:9px;border:1px solid #e2e6dc;padding:4px 7px;border-radius:4px;color:#66735f}.seed-label{font-size:9px;color:#7b8578}.low,.good{display:inline-block;background:#f6f1df;color:#806d32;font-size:9px;padding:5px 7px;border-radius:4px}.good{background:#eaf3e7;color:#4b7341}.toolbar{display:flex;align-items:flex-end;gap:20px;padding-bottom:22px}.toolbar p{font-size:11px;color:var(--muted);padding-bottom:10px}label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:500;color:#536357}input,select{background:white;border:1px solid #ccd7c8;border-radius:4px;color:var(--ink);padding:11px 12px;font-size:12px;min-width:0}input[type=search]{width:240px}.panel-note{font-size:10px;line-height:1.9;color:var(--muted);margin-top:20px}.receipt-list>p{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:16px 0;font-size:11px;margin-top:15px}.receipt-list strong{font-weight:500}.method-note{padding:20px;background:#eaf0e2;border:1px solid #dce5d2;border-radius:6px;margin-bottom:22px;line-height:1.8}.method-note strong{font-size:12px}.method-note p{font-size:11px;color:#5a6b50;margin-top:5px}.method-note.compact{padding:15px}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recipe h2{font-size:19px}.recipe-total{margin:25px 0}.recipe-total strong{display:block;font-size:35px;letter-spacing:-1px}.recipe-total>span{font-size:10px;color:var(--muted)}dl{font-size:10px;margin:20px 0 28px}dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;font-weight:600}.recipe h3{font-size:11px;margin-bottom:10px}.component{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:12px 0;border-bottom:1px solid #edf0e9}.component small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.component strong{font-size:10px;font-weight:500}.order-total{display:flex;justify-content:flex-end;align-items:center;gap:25px;margin-top:22px;font-size:11px}.order-total strong{font-size:25px}.empty{padding:25px 12px;color:var(--muted);font-size:11px;line-height:1.8;white-space:normal}.muted{color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:24px 0;font-size:9px;color:var(--muted)}dialog{width:min(490px,92%);max-height:90vh;overflow:auto;border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;padding:30px}dialog::backdrop{background:#122c2490;backdrop-filter:blur(3px)}dialog h2{font-size:23px;margin:12px 0}dialog>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:22px}.close{position:absolute;top:10px;right:13px;background:none;border:0;font-size:25px;color:#687562}form label{margin-top:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-hint{font-size:10px;color:var(--muted);margin-top:9px}.optional{font-size:9px;color:var(--muted)}.form-error{font-size:11px;color:#ae3c31;line-height:1.7;margin-top:15px}.submit{width:100%;margin-top:10px}.skip{position:fixed;top:-100px;left:15px;background:var(--forest);color:white;padding:15px;z-index:20}.skip:focus{top:10px}
@media(min-width:1600px){main{padding-top:45px}.kpi-grid article{padding:25px}.chart{height:230px}}@media(max-width:1200px){.sidebar{width:205px;padding:25px 16px}.app{margin-left:205px}main{padding:28px 25px 0}header{padding:0 25px}.workspace{padding:10px 7px}.workspace strong{font-size:9px}.overview-grid{grid-template-columns:1.25fr 1fr;gap:15px}.panel{padding:20px}.kpi-grid{gap:10px}.kpi-grid article{padding:16px}.kpi-grid strong{font-size:27px}.kpi-grid strong.text-kpi{font-size:20px}.chart{gap:12px}.recipe-grid{grid-template-columns:1fr}.recipe .component{max-width:500px}.recipe dl{max-width:500px}h1{font-size:25px}}
@media(max-width:950px){.sidebar{width:180px;padding:22px 12px}.app{margin-left:180px}.brand{font-size:23px}.brand-mark{width:27px}.demo-tag{font-size:6px;padding:4px}.workspace{gap:7px}.workspace-icon{display:none}.sidebar nav button{padding:12px;font-size:11px}.overview-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.page-heading .button{font-size:10px;padding:11px}.chart-footer{font-size:8px}.panel-heading p{max-width:330px}.storage-indicator{font-size:8px}h1{font-size:24px}}
@media(max-width:680px){.sidebar{position:relative;width:100%;height:auto;padding:18px 5% 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:25px}.workspace,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:3px;padding:16px 0 12px}.sidebar nav button{width:auto;white-space:nowrap;padding:10px;font-size:10px;gap:5px}.sidebar nav button span{font-size:15px;width:15px}.app{margin:0}header{height:50px;padding:0 5%;font-size:7px}.avatar{width:24px;height:24px;font-size:7px}header>div{gap:9px}.storage-indicator{font-size:8px}main{padding:25px 5% 0}.page-heading{display:block}.page-heading h1{font-size:28px;line-height:1.25;max-width:350px}.page-heading>button{margin-top:20px;padding:12px 17px;font-size:11px}.page-heading p{font-size:11px}.notice{font-size:9px}.kpi-grid article{padding:16px}.kpi-grid article>span{font-size:9px}.kpi-grid strong{font-size:27px}.kpi-grid small{font-size:8px}.kpi-grid strong.text-kpi{font-size:21px}.panel{padding:18px;margin-bottom:18px}.panel-heading{align-items:flex-start;gap:12px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:9px}.panel-heading .button{font-size:9px;padding:10px}.chart{height:180px;gap:11px;padding-inline:2px}.bar>span{font-size:7px}.chart-footer{font-size:7px}.table-scroll{margin-inline:-4px}th,td{padding:13px 10px}.toolbar{align-items:stretch;flex-wrap:wrap;gap:12px}.toolbar label{flex:1;min-width:120px}input[type=search]{width:100%}.toolbar p{padding:0}.form-row{grid-template-columns:1fr;gap:0}.recipe-grid{gap:0}.order-total{justify-content:space-between}.panel-heading label{max-width:100px}footer{font-size:8px;align-items:flex-start;line-height:1.8}.method-note{padding:16px}.status-message{font-size:10px}dialog{padding:26px}.sidebar nav button:last-child{padding-right:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}