:root{--bg:#f5f7fa;--surface:#fff;--surface-alt:#f8fafc;--text:#182c3e;--muted:#7a8996;--border:#e6ecf0;--primary:#087f8c;--primary-dark:#086775;--tint:#eaf6f6;--green:#1a9d77;--red:#d54b57;--shadow:0 4px 20px #132e4504;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Cairo,Arial,sans-serif;font-size:14px;line-height:1.75}body.dark{--bg:#0e1821;--surface:#16232f;--surface-alt:#1b2b38;--text:#e5edf4;--muted:#9caebd;--border:#2b3e4c;--primary:#4bc4c4;--primary-dark:#32aaa9;--tint:#203b43;--green:#5ecaa5;--red:#fc8991;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{stroke:currentColor;stroke-width:1.7px;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;width:20px;height:20px}a:focus-visible,button:focus-visible{outline:3px solid var(--primary);outline-offset:4px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #087f8c15}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.8px;font-size:29px;font-weight:900}h2{font-size:17px}h2,h3{font-weight:800}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.num{font-variant-numeric:tabular-nums;font-family:Manrope,Cairo,sans-serif}.skip-link{z-index:20;background:var(--primary);color:#fff;padding:10px 24px;position:fixed;top:-80px;right:20px}.skip-link:focus{top:12px}.sidebar{background:var(--surface);border-left:1px solid var(--border);z-index:30;flex-direction:column;width:238px;padding:32px 20px;display:flex;position:fixed;inset:0 0 0 auto}.brand{align-items:center;gap:10px;padding:0 5px;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:13px;place-items:center;width:43px;height:47px;display:grid;transform:rotate(-5deg);box-shadow:0 5px 14px #087f8c26}.brand-mark svg{width:27px;height:27px;transform:rotate(5deg)}.brand b{letter-spacing:-.8px;font-family:Manrope,sans-serif;font-size:20px;line-height:1.4;display:block}.brand b span{color:var(--primary)}.brand small{color:var(--muted);font-size:9.5px;font-weight:600}.workspace-label{color:var(--muted);letter-spacing:.5px;justify-content:space-between;margin:46px 12px 15px;font-size:10px;font-weight:800;display:flex}.version{border:1px solid var(--border);border-radius:4px;padding:0 5px;font-family:Manrope;font-size:9px}.main-nav{flex-direction:column;gap:6px;display:flex}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:flex}.nav-link svg{width:19px;height:19px}.nav-link:hover{background:var(--surface-alt);color:var(--text)}.nav-link.active{background:var(--tint);color:var(--primary);border-color:#087f8c0a}.nav-link.active:after{content:"";background:var(--primary);border-radius:50%;width:5px;height:5px;margin-right:auto}.nav-count{text-align:center;background:var(--surface-alt);border-radius:5px;min-width:20px;margin-right:auto;font-size:10px}.nav-link.active .nav-count{display:none}.sidebar-bottom{margin-top:auto;padding-top:28px}.local-status{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:12px 0;font-size:10px;display:flex}.local-status i,.status-dot{background:#2bab8e;border-radius:50%;width:6px;height:6px;display:inline-block}.sidebar-bottom .btn{width:100%;font-size:11px}.sidebar-credit{text-align:center;color:var(--muted);margin-top:25px;font-size:10px;line-height:2}.sidebar-credit span{opacity:.8;font-size:9px}.app-shell{flex-direction:column;min-height:100vh;margin-right:238px;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;gap:16px;height:78px;padding:0 36px}.breadcrumb,.topbar{align-items:center;display:flex}.breadcrumb{color:var(--muted);gap:12px;font-size:11px}.breadcrumb svg{width:16px;height:16px}.breadcrumb strong{color:var(--text);font-weight:600}.breadcrumb-slash{opacity:.45}.topbar-actions{align-items:center;gap:13px;display:flex}.today{color:var(--muted);padding-left:8px;font-size:10px}.avatar{color:#546b7e;border:3px solid var(--surface);outline:1px solid var(--border);background:#e9f0f6;border-radius:50%;place-items:center;width:33px;height:33px;font-family:Manrope;font-size:10px;font-weight:800;display:grid}.icon-button{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);background:0 0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--primary);background:var(--tint)}.icon-button svg{width:16px;height:16px}.icon-button.danger{color:var(--red)}main{flex:1;width:100%;max-width:1540px;margin:auto;padding:32px 36px 20px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.4px;margin-bottom:4px;font-size:10px;font-weight:800}.page-subtitle{color:var(--muted);margin-top:4px;font-size:12px}.heading-actions{flex-wrap:wrap;gap:9px;display:flex}.btn{white-space:normal;background:var(--surface-alt);min-height:42px;color:var(--text);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:12px;font-weight:700;line-height:1.7;transition:background .15s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 3px 6px #087f8c0e}.dark .btn-primary{color:#0a2631}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border-color:var(--border);background:var(--surface);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--primary);background:0 0}.btn-danger{color:var(--red);background:#df53600d;border-color:#df536026}.btn-sm{min-height:32px;padding:6px 11px;font-size:10px}.btn-full{width:100%}.chip{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;display:inline-flex}.chip.green{color:var(--green);background:#2bab8e0a;border-color:#2bab8e24}.chip.red{color:var(--red);background:#df53600d;border-color:#df536026}.chip.teal{background:var(--tint);color:var(--primary);border-color:#0000}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;margin-bottom:20px;padding:23px}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;margin-bottom:20px;padding-bottom:19px}.panel-head,.panel-title{align-items:center;display:flex}.panel-title{gap:10px;font-size:15px;font-weight:800}.panel-title>svg{color:var(--primary);width:19px;height:19px}.panel-desc{color:var(--muted);margin-top:3px;font-size:11px}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>label,.label{color:var(--text);font-size:11px;font-weight:700;display:block}.control{border:1px solid var(--border);background:var(--surface-alt);width:100%;color:var(--text);border-radius:8px;min-height:44px;padding:10px 12px;font-size:12px;transition:box-shadow .2s,border-color .2s}select.control{cursor:pointer}textarea.control{resize:vertical;min-height:95px}.control::placeholder{color:var(--muted);opacity:.7}input[type=number]{font-family:Manrope,Cairo,sans-serif}.field-hint{color:var(--muted);font-size:10px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-row{gap:8px;display:flex}.field-row select{flex-shrink:0;width:100px}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;margin-top:20px;padding-top:15px}.form-actions,.note{gap:10px;display:flex}.note{color:var(--muted);background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;align-items:flex-start;padding:12px 14px;font-size:10px;line-height:1.9}.note svg{width:16px;height:16px;color:var(--primary);margin-top:3px}.demo-note{color:#997329;background:#fff8e9;border:1px solid #f1dfb6;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:10px 15px;font-size:11px;display:flex}.dark .demo-note{color:#e4c283;background:#43361f;border-color:#665334}.demo-note span{align-items:center;gap:8px;display:flex}.error-message{color:var(--red);background:#df536009;border:1px solid #df536020;border-radius:8px;margin:12px 0;padding:10px 14px;font-size:11px}.error-message:empty{display:none}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:0;padding:19px 21px;position:relative}.stat-top{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.stat-top>span:first-child{font-weight:600}.stat-icon{background:var(--tint);width:32px;height:32px;color:var(--primary);border-radius:9px;place-items:center;display:grid}.stat-icon svg{width:16px;height:16px}.stat .value{letter-spacing:-1px;text-align:right;direction:ltr;margin:7px 0 0;font-family:Manrope,Cairo,sans-serif;font-size:29px;font-weight:800;line-height:1.5}.stat .value small{letter-spacing:0;color:var(--muted);font-family:Cairo;font-size:11px;font-weight:500}.stat-foot{color:var(--muted);margin-top:4px;font-size:9px}.stat.highlight{background:var(--primary);border-color:var(--primary);color:#fff}.stat.highlight .stat-foot,.stat.highlight .stat-top,.stat.highlight small{color:#ffffffb9}.stat.highlight .stat-icon{color:#fff;background:#fff2}.dark .stat.highlight{color:#0a2631}.dark .stat.highlight .stat-foot,.dark .stat.highlight .stat-top,.dark .stat.highlight small{color:#183f48}.production-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;display:grid}.production-grid>.main-column{min-width:0}.setup-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;display:grid}.input-unit{position:relative}.input-unit .control{padding-left:52px}.input-unit>span{color:var(--muted);font-size:11px;position:absolute;top:12px;left:13px}.quick-weights{gap:6px;margin-top:8px;display:flex}.quick-weight{color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:2px 9px;font-size:9px}.quick-weight.active,.quick-weight:hover{background:var(--tint);color:var(--primary);border-color:#087f8c30}.table-wrap{border:1px solid var(--border);border-radius:10px;overflow:auto}.table{border-collapse:collapse;white-space:nowrap;width:100%}.table th{background:var(--surface-alt);color:var(--muted);text-align:right;padding:12px 15px;font-size:10px;font-weight:600}.table td{border-bottom:1px solid var(--border);padding:16px 15px;font-size:11px}.table tr:last-child td{border-bottom:0}.table td.name{font-weight:700}.table td.numeric{text-align:right;direction:ltr;font-family:Manrope,Cairo;font-weight:600}.table td.cost{color:var(--primary)}.table tfoot td{background:var(--surface-alt);font-weight:800}.row-marker{border-radius:50%;width:7px;height:7px;margin-left:9px;display:inline-block}.table-note{color:var(--muted);justify-content:space-between;gap:10px;margin-top:14px;font-size:9px;display:flex}.production-actions{gap:10px;margin-top:22px;display:flex}.production-actions .btn-primary{flex:1}.plot-wrap{justify-content:center;align-items:center;min-height:187px;margin:8px 0 18px;display:flex;position:relative}.donut{background:var(--border);border-radius:50%;width:167px;height:167px;position:relative;transform:rotate(0)}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:19px}.donut-center{z-index:1;text-align:center;pointer-events:none;flex-direction:column;display:flex;position:absolute}.donut-center strong{letter-spacing:-1px;font:800 27px Manrope,sans-serif}.donut-center small{color:var(--muted);font-size:10px}.chart-legend{flex-direction:column;gap:11px;display:flex}.legend-row{justify-content:space-between;gap:8px;font-size:10px;display:flex}.legend-label{align-items:center;gap:7px;min-width:0;display:flex}.legend-label span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legend-label i{border-radius:50%;flex-shrink:0;width:7px;height:7px}.legend-row strong{font:600 11px Manrope}.info-list{margin:0;padding:0;list-style:none}.info-list li{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:8px;padding:11px 0;font-size:10px;display:flex}.info-list li:last-child{border:0}.info-list strong{color:var(--text);font-weight:600}.side-callout{color:#547a80;background:linear-gradient(130deg,#e5f4f3,#eef6f8);border:1px solid #d6e9e9;border-radius:14px;padding:20px;font-size:10px}.side-callout>svg{color:#087f8c;width:25px;height:25px;margin-bottom:9px}.side-callout h3{color:#176572;margin-bottom:5px;font-size:12px}.side-callout .btn{color:#087f8c;min-height:28px;padding:5px 0;font-size:10px}.empty-state{text-align:center;padding:35px 20px}.empty-state>svg{stroke-width:1.1px;width:42px;height:42px;color:var(--primary);margin-bottom:12px}.empty-state h3{margin-bottom:6px;font-size:15px}.empty-state p{color:var(--muted);max-width:370px;margin:0 auto 18px;font-size:11px}.empty-state .btn{margin:3px}.onboarding{background:var(--tint);border:1px solid #087f8c15;border-radius:12px;gap:14px;margin-bottom:23px;padding:16px 18px;display:flex}.onboarding>svg{color:var(--primary);margin-top:4px}.onboarding h3{color:var(--primary);font-size:12px}.onboarding p{color:var(--muted);margin-top:4px;font-size:10px}.onboarding button{flex-shrink:0;align-self:center;margin-right:auto}.steps{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.steps span{border:1px solid var(--border);border-radius:50%;place-items:center;width:20px;height:20px;font:600 9px Manrope;display:grid}.steps .done{background:var(--tint);border-color:var(--primary);color:var(--primary)}.recipe-grid,.science-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.recipe-card,.science-card{background:var(--surface);border:1px solid var(--border);border-radius:13px;min-width:0;padding:22px}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.card-actions{gap:6px;display:flex}.recipe-symbol{background:var(--tint);width:38px;height:38px;color:var(--primary);border-radius:10px;place-items:center;margin-bottom:15px;display:grid}.recipe-card h3,.science-card h3{font-size:14px}.recipe-meta{color:var(--muted);margin-top:4px;font-size:10px}.ingredient-badges{flex-wrap:wrap;gap:5px;margin:16px 0;display:flex}.ingredient-badges span{background:var(--surface-alt);border:1px solid var(--border);border-radius:5px;padding:3px 7px;font-size:9px}.recipe-card-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:17px;padding-top:14px;display:flex}.recipe-card-bottom>span{color:var(--muted);font-size:10px}.recipe-card-bottom strong{color:var(--text);margin-left:5px;font-family:Manrope;font-size:15px}.science-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:11px;line-height:2.2}.toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.search-box{flex:1;max-width:340px;position:relative}.search-box svg{width:16px;height:16px;color:var(--muted);position:absolute;top:14px;right:12px}.search-box .control{background:var(--surface);padding-right:37px}.editor-row{grid-template-columns:minmax(0,1fr) 125px 34px;align-items:end;gap:12px;margin-bottom:13px;display:grid}.ratio-box{background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;justify-content:space-between;align-items:center;margin:20px 0;padding:12px 15px;font-size:11px;display:flex}.ratio-box strong{color:var(--primary);font:700 20px Manrope}.tab-list{border-bottom:1px solid var(--border);gap:7px;margin-bottom:23px;padding-bottom:15px;display:flex;overflow:auto}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font:700 12px Cairo;display:inline-flex}.tab svg{width:17px;height:17px}.tab.active{background:var(--tint);color:var(--primary)}.result-box{background:var(--tint);border:1px solid #087f8c26;border-radius:12px;margin:18px 0;padding:20px}.result-box .stats{margin-bottom:0}.result-box .stat{box-shadow:none}.calc-section .panel{max-width:1040px}.calc-note{color:var(--muted);margin:15px 0;font-size:11px}.calculator-row{grid-template-columns:2fr 1fr 1fr 34px;align-items:end;gap:12px;margin-bottom:12px;display:grid}.profit-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.profit-summary{background:var(--primary);color:#fff}.profit-summary .panel-head{border-color:#ffffff20}.profit-summary .muted{color:#ffffffa0}.profit-price{letter-spacing:-2px;margin:12px 0 0;font:800 43px Manrope}.profit-price-unit{color:#ffffffba;margin-bottom:25px;font-size:10px}.profit-summary .info-list li{color:#ffffffc0;border-color:#ffffff20}.profit-summary .info-list strong{color:#fff;font-family:Manrope,Cairo}.profit-summary .btn{color:#fff;background:#ffffff15;border-color:#ffffff30;width:100%;margin-top:20px}.app-footer{color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:20px 36px;font-size:9px;display:flex}.app-footer>div{gap:20px;display:flex}.app-footer a{align-items:center;gap:5px;display:flex}.app-footer svg{width:12px;height:12px}.app-footer a:hover{color:var(--primary)}.app-dialog{border:1px solid var(--border);background:var(--surface);width:calc(100% - 32px);max-width:630px;color:var(--text);border-radius:17px;max-height:90dvh;padding:27px;overflow:auto;box-shadow:0 20px 80px #0003}.app-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#13253280}.dialog-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.dialog-head h2{font-size:19px}.dialog-section-label{color:var(--primary);border-bottom:1px solid var(--border);margin:23px 0 15px;padding-bottom:10px;font-size:11px;font-weight:800}.logo-setting{align-items:center;gap:12px;margin-bottom:20px;display:flex}.logo-preview{-o-object-fit:contain;object-fit:contain;border:1px solid var(--border);border-radius:10px;width:55px;height:55px;padding:5px}.settings-bottom{flex-wrap:wrap;gap:8px;display:flex}.toast{z-index:100;background:var(--text);max-width:calc(100vw - 40px);color:var(--surface);border:1px solid var(--border);opacity:0;pointer-events:none;border-radius:10px;padding:12px 20px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;bottom:25px;left:30px;transform:translateY(20px);box-shadow:0 5px 25px #0002}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{color:#fff;background:#a62f40}.print-area{display:none}.no-results{text-align:center;color:var(--muted);padding:35px;font-size:12px}.pagination-caption{color:var(--muted);margin-top:15px;font-size:10px}.comparison{background:#2bab8e08;border:1px solid #2bab8e30;border-radius:10px;margin-top:16px;padding:15px;font-size:11px;line-height:2}.comparison strong{color:var(--primary)}.full-width{grid-column:1/-1}.history-card{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:14px 0;font-size:11px;display:flex}.history-card small{color:var(--muted);font-size:9px;display:block}.status-line{color:var(--green);align-items:center;gap:6px;font-size:10px;display:flex}@media (width>=1550px){main{padding-top:40px}.production-grid{grid-template-columns:minmax(0,1fr) 340px}.stat{padding:22px 24px}.table td{padding:20px 18px}}@media (width<=1200px){.sidebar{width:210px;padding:28px 14px}.app-shell{margin-right:210px}main{padding:26px 24px}.topbar{padding:0 24px}.production-grid{grid-template-columns:minmax(0,1fr) 265px;gap:17px}.panel{padding:19px}.stat{padding:16px}.stat .value{font-size:26px}.profit-layout{grid-template-columns:minmax(0,1fr) 280px}.brand b{font-size:18px}.brand small{font-size:9px}.brand-mark{width:37px;height:42px}.page-heading h1{font-size:26px}}@media (width<=1050px){.production-grid,.profit-layout{grid-template-columns:minmax(0,1fr)}.side-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.side-column .panel{margin-bottom:0}.side-callout{display:none}.profit-layout>aside{max-width:none}.profit-price{font-size:35px}.today{display:none}.topbar{height:68px}.stats{gap:12px}.fields.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.sidebar{width:100%;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-left:0;border-top:1px solid var(--border);background:var(--surface);height:auto;inset:auto 0 0}.sidebar-bottom,.sidebar>.brand,.workspace-label{display:none}.main-nav{flex-direction:row;justify-content:space-around;gap:1px}.nav-link{border-radius:8px;flex-direction:column;flex:1;gap:4px;padding:7px 2px;font-size:9px}.nav-link svg{width:19px;height:19px}.nav-count,.nav-link.active:after{display:none}.app-shell{margin-right:0;padding-bottom:80px}.topbar{height:65px;padding:0 20px}.topbar-actions{gap:8px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb>svg{display:none}main{padding:24px 20px 10px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.page-heading h1{font-size:25px}.page-subtitle{max-width:340px;font-size:11px}.heading-actions .btn{min-height:38px;padding:9px 12px;font-size:10px}.eyebrow{font-size:9px}.app-footer{flex-wrap:wrap;padding:20px;font-size:8px}.app-footer>div{gap:13px}.toast{bottom:95px;left:20px}.recipe-grid,.science-grid{gap:14px}.stats{gap:9px;margin-bottom:18px}.stat{padding:13px}.stat-icon{width:27px;height:27px}.stat .value{font-size:24px}.stat-top{font-size:10px}.stat-foot{font-size:8px}.onboarding{gap:10px}.onboarding .btn{padding:8px 10px;font-size:10px}.onboarding p{font-size:9px}.steps{display:none}}@media (width<=510px){main{padding:20px 14px 8px}.topbar{padding:0 15px}.page-heading{flex-wrap:wrap;gap:14px}.page-heading h1{font-size:25px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.production-grid,.profit-layout{gap:16px}.panel{margin-bottom:16px;padding:17px}.panel-title{font-size:13px}.panel-head{margin-bottom:17px;padding-bottom:15px}.panel-desc{font-size:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>.stat:last-child:nth-child(3){grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;display:grid}.stats>.stat:last-child:nth-child(3) .value{text-align:left;grid-area:1/2/3}.stats>.stat:last-child:nth-child(3) .stat-foot{grid-column:1}.stat .value{font-size:26px}.stat-top{font-size:10px}.stat-icon{display:none}.fields,.fields.three,.setup-grid{grid-template-columns:1fr}.setup-grid{gap:17px}.table td,.table th{padding:12px 10px;font-size:10px}.table-note{font-size:8px}.production-actions{flex-direction:column}.production-actions .btn{width:100%}.recipe-grid,.science-grid,.side-column{grid-template-columns:1fr}.onboarding{flex-wrap:wrap;padding:14px}.onboarding>svg{display:none}.onboarding p{font-size:10px}.onboarding button{width:100%;min-height:35px;margin-right:0}.editor-row{grid-template-columns:minmax(0,1fr) 80px 30px;gap:8px}.editor-row .icon-button{width:30px}.toolbar{gap:9px}.toolbar>.btn{padding:9px 12px}.search-box .control,.toolbar>.btn{font-size:10px}.dialog-head h2{font-size:17px}.app-dialog{padding:20px}.calculator-row{grid-template-columns:1fr 1fr 34px}.calculator-row>.field:first-child{grid-column:1/-1}.tab{padding:9px 12px;font-size:11px}.app-footer>div{flex-wrap:wrap}.demo-note,.demo-note .btn{font-size:9px}.form-actions{flex-wrap:wrap}.field-row{flex-wrap:nowrap}.profit-layout .stats{grid-template-columns:1fr}.profit-layout .stats>.stat:last-child:nth-child(3){display:block}.profit-layout .stats>.stat:last-child:nth-child(3) .value{text-align:right}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{@page{size:A4;margin:15mm}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:11px;color:#1b2c3c!important;background:#fff!important}.app-dialog,.app-shell,.sidebar,.skip-link,.toast{display:none!important}.print-area{display:block!important}.print-header{border-bottom:2px solid #087f8c;justify-content:space-between;margin-bottom:25px;padding-bottom:16px}.print-brand,.print-header{align-items:center;display:flex}.print-brand{gap:15px}.print-brand img{-o-object-fit:contain;object-fit:contain;max-width:90px;max-height:60px}.print-header h1{font-size:20px}.print-header p{color:#64748b;font-size:10px}.print-title{margin-bottom:20px;font-size:20px}.print-meta{color:#64748b;font-size:10px}.print-area table{border-collapse:collapse;width:100%;margin:18px 0;font-size:11px}.print-area td,.print-area th{text-align:right;border:1px solid #cbd5e1;padding:10px}.print-area th{background:#eaf6f6!important}.print-area .print-total{border:1px solid #cbd5e1;margin-top:15px;padding:15px;background:#f1f5f9!important}.print-area .print-signatures{-moz-column-break-inside:avoid;break-inside:avoid;justify-content:space-between;gap:35px;margin-top:70px;display:flex}.print-signatures span{text-align:center;border-top:1px solid #94a3b8;min-width:130px;padding-top:10px}.print-area .stat,.print-area .stats{color:#1b2c3c;background:0 0;border:0;margin:10px 0;padding:0;display:block}.print-area .stat .value{color:#1b2c3c;font-size:18px}.print-area .muted,.print-area .stat small{color:#64748b}.print-area p{white-space:pre-wrap;overflow-wrap:anywhere}.print-area tr{-moz-column-break-inside:avoid;break-inside:avoid}.print-area .btn,.print-area button,.print-area svg{display:none}.print-area .result-box{background:0 0;border:0}}.calc-section .stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}