@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@600;700&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#22242a;--muted:#7c7f89;--line:#e7e6e0;--paper:#f4f3ed;--card:#fffefa;--yellow:#f2d02f;--yellow-soft:#fff5ae;--navy:#252b3d;--green:#2d8c67;--red:#c95843}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% 8%, #f2d02f1f, transparent 26rem), var(--paper);color:var(--ink);margin:0;font-family:Manrope,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:26px 18px 20px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:210px;height:210px;position:absolute;bottom:35px;right:-105px;box-shadow:0 0 0 34px #ffffff06,0 0 0 68px #ffffff05}.brand{z-index:1;align-items:center;gap:12px;padding:0 8px 32px;display:flex;position:relative}.brand-mark{background:var(--yellow);width:41px;height:41px;color:var(--navy);border-radius:12px 4px;place-items:center;font:700 22px/1 Unbounded,sans-serif;display:grid;transform:rotate(-3deg)}.brand strong{letter-spacing:.08em;font:700 16px/1 Unbounded,sans-serif;display:block}.brand span{color:#9297a7;letter-spacing:.04em;font-size:9px}nav{z-index:1;position:relative}nav p{color:#777d91;letter-spacing:.16em;text-transform:uppercase;margin:19px 12px 8px;font-size:9px;font-weight:800}.nav-item{color:#ccd0dc;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:12px;transition:all .2s;display:flex}.nav-item i{text-align:center;color:#8990a4;width:19px;font-size:17px;font-style:normal}.nav-item span{color:#83899a;margin-left:auto;font-size:10px}.nav-item em{color:#6e7487;text-transform:uppercase;margin-left:auto;font-size:8px;font-style:normal}.nav-item.active{background:var(--yellow);color:var(--navy);font-weight:800;box-shadow:0 7px 22px #00000029}.nav-item.active i{color:var(--navy)}.nav-item.disabled{cursor:default}.sidebar-note{z-index:1;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;margin-top:auto;padding:17px;position:relative}.sidebar-note>span{color:var(--yellow);letter-spacing:.13em;font-size:8px;font-weight:800}.sidebar-note strong{margin:6px 0 11px;font-size:12px;display:block}.sidebar-note div{background:#ffffff1f;border-radius:2px;height:3px;overflow:hidden}.sidebar-note div b{background:var(--yellow);height:100%;display:block}.sidebar-note small{color:#8f95a6;margin-top:8px;font-size:9px;display:block}main{min-width:0;padding:0 32px 50px}.topbar{justify-content:space-between;align-items:center;height:104px;display:flex}.eyebrow{color:#92928d;letter-spacing:.15em;font-size:9px;font-weight:800;display:block}h1{letter-spacing:-.04em;margin:6px 0 0;font:700 28px/1.2 Unbounded,sans-serif}.top-actions{gap:9px;display:flex}.top-actions button{border:0;border-radius:9px;height:41px;font-size:11px;font-weight:800}.ghost{background:#e7e5de;width:41px}.save{background:var(--navy);color:#fff;min-width:150px;padding:0 19px;transition:all .25s}.save.saved{background:var(--green)}.batch-strip{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(210px,1fr) auto auto 220px;align-items:center;gap:22px;min-height:78px;padding:13px 18px;display:grid;box-shadow:0 8px 30px #24273109}.batch-name span,.pack-picker>span,.flavor-picker>span,.field>span:first-child{color:var(--muted);margin-bottom:6px;font-size:9px;font-weight:700;display:block}.batch-name strong{font-size:14px}.pack-picker>div{background:#eeece5;border-radius:8px;padding:3px;display:flex}.pack-picker button{color:#777970;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:10px;font-weight:800}.pack-picker button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px #00000014}.flavor-picker>div{background:var(--navy);border-radius:8px;gap:3px;padding:3px;display:flex}.flavor-picker button{color:#aeb3c1;background:0 0;border:0;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:800;transition:all .2s}.flavor-picker button.active{background:var(--yellow);color:var(--navy);box-shadow:0 3px 9px #0000002e}.input-wrap{background:#f1f0e9;border:1px solid #e2e0d8;border-radius:8px;align-items:center;height:35px;display:flex}.input-wrap input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 10px;font-weight:800}.input-wrap b{color:#92938d;white-space:nowrap;padding:0 10px;font-size:9px}.hero-grid{grid-template-columns:minmax(340px,1.55fr) repeat(3,minmax(150px,1fr));gap:12px;margin-top:18px;display:grid}.unit-hero{background:var(--yellow);border-radius:16px;justify-content:space-between;gap:20px;min-height:145px;padding:24px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #a8890024}.unit-hero:before{content:"";border:34px solid #fff3;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-120px;left:-90px}.eyebrow.dark{color:#252b3d9e}.hero-price{letter-spacing:-.06em;margin-top:16px;font:700 35px/1 Unbounded,sans-serif;display:block}.unit-hero small{color:#252b3da6;margin-top:7px;font-size:10px;display:block}.hero-meta{border-left:1px solid #252b3d2e;grid-template-columns:auto auto;align-content:center;gap:6px 18px;padding-left:22px;display:grid}.hero-meta span{color:#252b3d99;font-size:9px}.hero-meta strong{text-align:right;font-size:11px}.hero-sticker{text-align:center;background:#ffffff2e;border:1px solid #252b3d40;border-radius:50%;place-items:center;width:68px;height:68px;font-size:8px;font-weight:800;display:grid;position:absolute;top:-14px;right:-15px;transform:rotate(12deg)}.metric-card{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;justify-content:center;padding:21px;display:flex}.metric-card>span{color:var(--muted);font-size:9px;font-weight:700}.metric-card strong{letter-spacing:-.05em;margin:13px 0 8px;font:700 19px/1.2 Unbounded,sans-serif}.metric-card small{color:#9a9b95;font-size:9px}.metric-card small.positive{color:var(--green)}.metric-card small.warning{color:var(--red)}.content-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px;margin-top:16px;display:grid}.left-column,.right-column{gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 35px #24273108}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:18px 20px;display:flex}.card-head>div:first-child{align-items:center;gap:13px;display:flex}.step{color:#b7b6ae;font:700 15px/1 Unbounded,sans-serif}h2{letter-spacing:-.03em;margin:0;font:700 14px/1.3 Unbounded,sans-serif}.card-head p{color:var(--muted);margin:5px 0 0;font-size:9px}.add{background:0 0;border:1px solid #d9d8d1;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:800}.add:hover{background:var(--yellow-soft);border-color:var(--yellow)}.table-scroll{overflow-x:auto}.ingredients-table{min-width:1260px}.tr{border-bottom:1px solid #eeede8;grid-template-columns:1.55fr .72fr .75fr .78fr .78fr .78fr 1fr .82fr 1.08fr;align-items:center;min-height:74px;display:grid}.tr>span{flex-direction:column;gap:3px;min-width:0;padding:10px 12px;display:flex}.tr.th{color:#96978f;text-transform:uppercase;letter-spacing:.06em;background:#faf9f4;min-height:34px;font-size:7px;font-weight:800}.ingredient-name input,.ingredient-name select{background:0 0;border:0;outline:0;width:100%;padding:0}.ingredient-name input{font-size:11px;font-weight:800}.ingredient-name select{color:#96978f;appearance:none;font-size:8px}.ingredient-name .source-note{color:#867114;font-size:7px;line-height:1.25}.ingredient-name .flavor-note{color:#b06442;font-size:7px;line-height:1.25}.cell-input{background:#f3f2ec;border:1px solid #e5e3dc;border-radius:7px;align-items:center;height:32px;margin:0 5px;flex-direction:row!important;padding:0 7px!important;display:flex!important}.cell-input input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px;font-weight:700}.cell-input b{color:#9a9a93;font-size:8px}.logistics-cell{gap:2px!important}.logistics-cell small{padding-left:9px}.formula-cell{border-left:2px solid var(--yellow)}.unit-price.ready strong{color:var(--green)}.unit-price.missing strong{color:#a09f98;font-weight:700}.tr strong{font-size:10px}.tr small{color:#9b9b95;font-size:7px}.total-row{background:#f5f4ed;border:0;min-height:48px;font-weight:800}.total-row span:last-child{font:700 11px Unbounded,sans-serif}.cost-fields{grid-template-columns:1.3fr .85fr .9fr .85fr;display:grid}.cost-group{border-right:1px solid var(--line);min-width:0;padding:19px;position:relative}.cost-group:last-child{border-right:0}.cost-index{color:#f0efe8;z-index:0;font:700 26px Unbounded,sans-serif;position:absolute;top:14px;right:15px}.cost-group h3{margin:0 0 18px;font:700 11px Unbounded,sans-serif;position:relative}.cost-group .field{margin-top:12px;display:block;position:relative}.loss-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chart-card{padding-bottom:19px}.card-head.simple>div:first-child{display:block}.donut-wrap{place-items:center;padding:25px 20px 19px;display:grid}.donut{border-radius:50%;width:184px;height:184px;position:relative;transform:rotate(-22deg);box-shadow:inset 0 0 0 1px #0000000a}.donut:after{content:"";background:var(--card);border-radius:50%;position:absolute;inset:36px;box-shadow:0 0 0 1px #0000000a}.donut>div{z-index:1;text-align:center;place-content:center;display:grid;position:absolute;inset:36px;transform:rotate(22deg)}.donut strong{letter-spacing:-.05em;font:700 15px/1.2 Unbounded,sans-serif}.donut span{color:var(--muted);margin-top:4px;font-size:8px}.legend{gap:10px;padding:0 20px;display:grid}.legend>div{grid-template-columns:8px 1fr auto 32px;align-items:center;gap:8px;font-size:9px;display:grid}.legend i{border-radius:2px;width:7px;height:7px}.legend>div>span{gap:1px;display:grid}.legend>div>span small{color:#a09f98;font-size:7px}.legend strong{font-size:9px}.legend small{color:#999a94;text-align:right;font-size:8px}.coverage-note{color:#85847c;background:#f2f0e8;border-radius:9px;margin:17px 20px 0;padding:11px 12px;font-size:8px;line-height:1.5}.insight-card{background:var(--navy);color:#fff;padding:20px}.insight-label{color:var(--yellow);letter-spacing:.14em;font-size:8px;font-weight:800}.insight-card h3{margin:10px 0 9px;font:700 13px/1.35 Unbounded,sans-serif}.insight-card p{color:#bfc3cf;font-size:9px;line-height:1.55}.insight-card p strong{color:#fff}.loss-scale{background:#ffffff1f;border-radius:3px;height:4px;margin:15px 0 7px;overflow:hidden}.loss-scale span{background:var(--yellow);height:100%;transition:width .4s;display:block}.insight-card>small{color:#848a9c;font-size:8px}.formula-card{background:var(--yellow-soft);border-color:#e9d966;padding:18px 20px}.formula-card>span{letter-spacing:.13em;font-size:8px;font-weight:800}.formula-card p{margin:9px 0;font-size:9px;line-height:1.5}.formula-card small{color:#8b7e3e;font-size:8px}input[type=number]::-webkit-inner-spin-button{opacity:.25}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #6c72d9}@media (width<=1180px){.hero-grid{grid-template-columns:1.4fr repeat(3,1fr)}.content-grid{grid-template-columns:minmax(0,1fr) 275px}.cost-fields{grid-template-columns:1fr 1fr}.cost-group{border-bottom:1px solid var(--line)}}@media (width<=900px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:22px 10px}.brand{padding:0 5px 28px}.brand>div:last-child,.nav-item:not(.active),nav p,.nav-item span,.sidebar-note{display:none}.nav-item.active{justify-content:center;height:48px;padding:0}.nav-item.active i{font-size:20px}main{padding:0 18px 40px}.batch-strip{grid-template-columns:1fr 1fr}.flavor-picker,.batch-strip>.field{grid-column:span 2}.hero-grid{grid-template-columns:1fr 1fr}.unit-hero{grid-column:span 2}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.chart-card{grid-row:span 2}}@media (width<=620px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;width:100%;height:64px;padding:11px 16px;position:static}.brand{padding:0}.brand>div:last-child{display:block}.sidebar nav,.sidebar:after{display:none}main{padding:0 12px 35px}.topbar{height:88px}h1{font-size:20px}.ghost{display:none}.save{min-width:0;padding:0 12px;font-size:9px!important}.batch-strip{grid-template-columns:1fr;gap:16px;padding:17px}.flavor-picker,.batch-strip>.field{grid-column:auto}.pack-picker>div{width:100%}.pack-picker button{flex:1;padding-inline:5px}.flavor-picker>div{width:100%}.flavor-picker button{flex:1;padding-inline:5px}.hero-grid{grid-template-columns:1fr 1fr}.unit-hero{min-height:185px;display:block}.hero-meta{border:0;grid-template-columns:1fr auto;width:75%;padding:18px 0 0}.metric-card{min-height:110px;padding:16px}.metric-card strong{font-size:14px}.cost-fields{grid-template-columns:1fr}.cost-group{border-right:0}.right-column{grid-template-columns:1fr}.chart-card{grid-row:auto}.card-head{padding:16px}.add{white-space:nowrap}}