*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111113;--bg-card: #1a1a1e;--bg-card-alt: #222226;--bg-input: #0d0d0f;--border: #2a2a2e;--border-focus: #4ade80;--text: #e4e4e7;--text-dim: #71717a;--text-label: #a1a1aa;--green: #4ade80;--green-dim: #166534;--red: #f87171;--red-dim: #991b1b;--yellow: #facc15;--blue: #60a5fa;--pink: #f472b6;--orange: #fb923c;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}html{font-size:14px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:100}.logo-group{display:flex;align-items:center;gap:.75rem}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:24px;height:24px}.logo-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.logo-sub{font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.header-actions{display:flex;gap:.75rem}.header-btn{display:flex;align-items:center;gap:.4rem;background:none;border:1px solid var(--border);color:var(--text-dim);padding:.4rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;font-family:var(--font-body);text-decoration:none}.header-btn:hover{color:var(--text);border-color:var(--text-dim)}.header-btn svg{width:14px;height:14px}.main-layout{display:grid;grid-template-columns:1fr 320px;gap:0;flex:1}.calc-panel{padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 60px)}.results-panel{border-left:1px solid var(--border);padding:1.25rem;overflow-y:auto;max-height:calc(100vh - 60px);position:sticky;top:60px}.preset-section{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.25rem}.preset-label{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}.preset-label svg{width:14px;height:14px;color:var(--text-dim)}.preset-grid{display:flex;flex-wrap:wrap;gap:.4rem}.preset-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);padding:.35rem .75rem;border-radius:6px;font-size:.78rem;cursor:pointer;font-family:var(--font-body)}.preset-btn:hover{color:var(--text);border-color:var(--text-dim)}.preset-btn.active{background:var(--green-dim);border-color:var(--green);color:var(--green)}.section{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.section-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem}.section-num{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--green);background:var(--green-dim);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.section-title{font-size:1rem;font-weight:600}.input-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:.5rem}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.input-field{background:var(--bg-input);border:1px dashed var(--border);color:var(--text);padding:.5rem .6rem;border-radius:4px;font-family:var(--font-mono);font-size:.85rem;font-weight:500;width:100%;outline:none}.input-field:focus{border-color:var(--green);border-style:solid}.input-field::placeholder{color:var(--text-dim)}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{-moz-appearance:textfield}.section-result{display:flex;justify-content:space-between;align-items:center;padding-top:.6rem;margin-top:.5rem;border-top:1px solid var(--border);font-size:.85rem}.section-result-label{color:var(--text-dim)}.section-result-value{font-family:var(--font-mono);font-weight:700;color:var(--green)}.section-result-note{font-size:.7rem;color:var(--text-dim);margin-left:.4rem;font-weight:400}.additives-toggle{background:none;border:1px dashed var(--border);color:var(--text-dim);padding:.4rem .75rem;border-radius:4px;font-size:.78rem;cursor:pointer;font-family:var(--font-body);width:100%;text-align:left;margin-bottom:.5rem}.additives-toggle:hover{color:var(--text);border-color:var(--text-dim)}.additives-content{display:none;margin-bottom:.5rem}.additives-content.open{display:block}.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:.85rem}.result-card-title{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.6rem}.gm-value{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;text-align:right;line-height:1}.gm-value.strong{color:var(--green)}.gm-value.moderate{color:var(--yellow)}.gm-value.weak{color:var(--red)}.gm-bar{height:8px;background:var(--bg-input);border-radius:4px;margin:.6rem 0 .3rem;overflow:hidden}.gm-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.gm-bar-fill.strong{background:var(--green)}.gm-bar-fill.moderate{background:var(--yellow)}.gm-bar-fill.weak{background:var(--red)}.gm-labels{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-dim)}.gm-label-center{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0}.result-row-label{color:var(--text-dim);font-size:.82rem}.result-row-value{font-family:var(--font-mono);font-weight:600;font-size:.85rem}.result-row-value.profit{color:var(--green)}.result-row-value.loss{color:var(--red)}.result-row-value.big{font-size:1.15rem;font-weight:700}.cost-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;margin-bottom:.6rem}.cost-bar-seg{height:100%}.cost-legend{display:flex;flex-direction:column;gap:.25rem}.cost-legend-item{display:flex;align-items:center;justify-content:space-between;font-size:.78rem}.cost-legend-left{display:flex;align-items:center;gap:.4rem}.cost-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cost-legend-name{color:var(--text-dim)}.cost-legend-val{font-family:var(--font-mono);font-weight:500;color:var(--text)}.cost-legend-pct{font-size:.7rem;color:var(--text-dim);margin-left:.4rem}.cost-total{display:flex;justify-content:space-between;padding-top:.4rem;margin-top:.4rem;border-top:1px solid var(--border);font-weight:600;font-size:.82rem}.cost-total-val{font-family:var(--font-mono);font-weight:700}.proj-section-title{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:.75rem 0 .3rem;display:flex;align-items:center;gap:.4rem}.proj-section-title svg{width:12px;height:12px}.proj-divider{border:none;border-top:1px solid var(--border);margin:.5rem 0}.compare-layout{padding:1.5rem;max-width:1200px;margin:0 auto}.compare-selector{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.25rem}.compare-selector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.select-all-btn{font-size:.7rem;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);padding:.25rem .6rem;border-radius:4px;cursor:pointer;font-family:var(--font-body)}.select-all-btn:hover{color:var(--text)}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.85rem 1rem}.summary-card-label{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.3rem;display:flex;align-items:center;gap:.35rem}.summary-card-label svg{width:14px;height:14px}.summary-card-name{font-size:.82rem;font-weight:600}.summary-card-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--green);text-align:right}.compare-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-bottom:1.25rem}.compare-table{width:100%;border-collapse:collapse;font-size:.82rem}.compare-table th{text-align:right;padding:.6rem .85rem;font-weight:600;border-bottom:1px solid var(--border);background:var(--bg-card-alt)}.compare-table th:first-child{text-align:left}.compare-table td{padding:.5rem .85rem;text-align:right;font-family:var(--font-mono);font-weight:500;border-bottom:1px solid var(--border)}.compare-table td:first-child{text-align:left;font-family:var(--font-body);font-weight:400;color:var(--text-dim)}.compare-table .section-label td{font-family:var(--font-body);font-weight:600;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green);padding-top:.85rem;border-bottom:none;background:transparent}.compare-table .best-val{color:var(--green)}.crop-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.4rem}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.chart-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.bar-chart-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.bar-chart-label{width:120px;font-size:.75rem;color:var(--text-dim);text-align:right;flex-shrink:0}.bar-chart-track{flex:1;height:20px;background:var(--bg-input);border-radius:4px;overflow:hidden}.bar-chart-value{width:60px;font-family:var(--font-mono);font-weight:600;font-size:.8rem;text-align:right}.stacked-bar{display:flex;height:20px;border-radius:4px;overflow:hidden;flex:1}.stacked-seg{height:100%}.chart-legend{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.chart-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-dim)}.footer{text-align:center;padding:1rem;font-size:.7rem;color:var(--text-dim);border-top:1px solid var(--border)}.view{display:none}.view.active{display:block}@media (max-width: 900px){.main-layout{grid-template-columns:1fr}.results-panel{border-left:none;border-top:1px solid var(--border);position:static;max-height:none}.calc-panel{max-height:none}.summary-cards{grid-template-columns:1fr}}@media (max-width: 600px){html{font-size:13px}.header{padding:.75rem 1rem}.calc-panel,.compare-layout{padding:1rem}.input-row{grid-template-columns:1fr 1fr}}.rate-history-panel{margin-top:.75rem;margin-bottom:.5rem}.rate-history-toggle{display:flex;align-items:center;gap:.5rem;width:100%;background:var(--bg-input);border:1px dashed var(--border);color:var(--text-dim);padding:.5rem .75rem;border-radius:6px;font-size:.78rem;cursor:pointer;font-family:var(--font-body);text-align:left}.rate-history-toggle:hover{color:var(--text);border-color:var(--text-dim)}.rate-history-toggle-icon{font-size:.6rem;color:var(--text-dim);transition:transform .2s ease}.rate-history-toggle-sub{margin-left:auto;font-size:.72rem;font-family:var(--font-mono)}.rate-history-content{display:none;padding:.75rem 0 0}.rate-history-content.open{display:block}.rate-history-loading{font-size:.75rem;color:var(--text-dim);text-align:center;padding:1rem 0;font-family:var(--font-mono)}.rate-sparkline-wrap{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:.75rem;margin-bottom:.6rem}.rate-sparkline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rate-sparkline-title{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.rate-sparkline-range{font-size:.65rem;font-family:var(--font-mono);color:var(--text-dim)}.rate-sparkline svg{display:block}.rate-sparkline-dates{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.58rem;color:var(--text-dim);font-family:var(--font-mono)}.rate-today-detail{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:.75rem;margin-bottom:.6rem}.rate-today-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rate-today-title{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.rate-today-date{font-size:.65rem;color:var(--text-dim)}.rate-range-bar-wrap{margin-bottom:.5rem}.rate-range-bar{position:relative;height:8px;background:var(--bg-card-alt);border-radius:4px;overflow:visible}.rate-range-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--green),var(--yellow),var(--orange));opacity:.4}.rate-range-marker{position:absolute;top:-3px;width:3px;height:14px;background:var(--text);border-radius:2px;transform:translate(-50%)}.rate-range-labels{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.62rem;font-family:var(--font-mono);color:var(--text-dim)}.rate-range-label-center{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}.rate-peak-row{display:flex;gap:.5rem}.rate-peak-chip{flex:1;display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:.35rem .5rem}.rate-peak-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.rate-peak-val{font-size:.72rem;font-family:var(--font-mono);font-weight:600;color:var(--text)}.rate-trend-chips{display:flex;gap:.4rem;flex-wrap:wrap}.rate-trend-chip{flex:1;min-width:90px;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:.45rem .55rem;font-size:.68rem}.rate-trend-chip.up{border-color:var(--red-dim)}.rate-trend-chip.down{border-color:var(--green-dim)}.rate-trend-chip.flat{border-color:var(--border)}.rate-trend-arrow{font-size:.85rem;font-weight:700;line-height:1}.rate-trend-chip.up .rate-trend-arrow{color:var(--red)}.rate-trend-chip.down .rate-trend-arrow{color:var(--green)}.rate-trend-chip.flat .rate-trend-arrow{color:var(--text-dim)}.rate-trend-label{color:var(--text-dim);font-weight:500}.rate-trend-pct{font-family:var(--font-mono);font-weight:600}.rate-trend-chip.up .rate-trend-pct{color:var(--red)}.rate-trend-chip.down .rate-trend-pct{color:var(--green)}.rate-trend-chip.flat .rate-trend-pct{color:var(--text-dim)}.rate-trend-ref{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);width:100%}.proj-info{font-size:.82rem;color:var(--text-dim);margin-bottom:1rem;line-height:1.5}.proj-info strong{color:var(--green);font-weight:600}.compare-table td.profit{color:var(--green)}.compare-table td.loss{color:var(--red)}.delete-log-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.delete-log-btn:hover{color:var(--red);background:var(--red-dim)}.delete-log-btn svg{width:14px;height:14px}select.input-field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:1.5rem}.mix-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.mix-actions{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.mix-total{font-size:.82rem;font-family:var(--font-mono);font-weight:600}.mix-total.valid{color:var(--green)}.mix-total.invalid{color:var(--red)}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 900px){.header{flex-direction:column;gap:.5rem;align-items:flex-start}.header-actions{flex-wrap:wrap;gap:.4rem}.mix-row{flex-direction:column;gap:.5rem}.mix-row .input-group{width:100%}}.channel-tabs{display:flex;gap:.35rem;margin-bottom:.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:.3rem}.channel-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .6rem;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-dim);font-size:.75rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .15s ease}.channel-tab:hover{color:var(--text);background:var(--bg-card)}.channel-tab.active{background:var(--bg-card);border-color:var(--border);color:var(--text);box-shadow:0 1px 3px #0000004d}.channel-tab-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.channel-tab-icon svg{width:14px;height:14px}.channel-tab.active .channel-tab-icon{color:var(--green)}.channel-tab-label{white-space:nowrap}.channel-desc{font-size:.72rem;color:var(--text-dim);margin-bottom:1rem;padding:0 .25rem;font-style:italic}.channel-note{font-size:.72rem;color:var(--text-dim);font-style:italic;padding:.35rem 0;margin-bottom:.25rem}.channel-badge-card{text-align:center;padding:.75rem 1rem}.channel-badge-card.grow{border-color:var(--green-dim)}.channel-badge-card.retail{border-color:#1e3a5f}.channel-badge-card.restaurant{border-color:#5f3a1e}.channel-badge-card.livingTray{border-color:#3a5f1e}.channel-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem}.channel-badge svg{width:16px;height:16px}.channel-badge-card.grow .channel-badge{color:var(--green)}.channel-badge-card.retail .channel-badge{color:var(--blue)}.channel-badge-card.restaurant .channel-badge{color:var(--orange)}.channel-badge-card.livingTray .channel-badge{color:#86efac}.channel-badge-desc{font-size:.68rem;color:var(--text-dim)}.mix-pct-label{font-size:.82rem;color:var(--text-dim);font-family:var(--font-mono);align-self:center;padding-top:1.2rem}.mix-remove{background:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;padding:.4rem;border-radius:4px;display:flex;align-items:center;justify-content:center;align-self:center;margin-top:1rem}.mix-remove:hover{color:var(--red);border-color:var(--red-dim);background:#f871711a}.mix-remove svg{width:14px;height:14px}.mix-crop{flex:1}:root{--purple: #a78bfa;--purple-dim: #4c1d95}@media (max-width: 600px){.channel-tab{padding:.4rem .3rem;font-size:.68rem}.channel-tab-icon{display:none}.summary-cards{grid-template-columns:1fr 1fr}}.dash-layout{max-width:1200px;margin:0 auto;padding:1rem}.dash-banner{margin-bottom:1.5rem}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.dash-kpi{background:var(--card, var(--bg-card));border:1px solid var(--border);border-radius:.75rem;padding:1rem;text-align:center}.dash-kpi-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:.4rem}.dash-kpi-label svg{width:14px;height:14px}.dash-kpi-value{font-family:var(--font-mono);font-size:1.6rem;font-weight:700;color:var(--green);line-height:1.2}.dash-kpi-sub{font-size:.7rem;color:var(--text-dim);margin-top:.2rem}.dash-charts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.dash-chart{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1rem}.dash-donut-wrap{display:flex;align-items:center;gap:1rem}.dash-donut-legend{display:flex;flex-direction:column;gap:.35rem;flex:1}.chart-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text)}.bar-chart-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.bar-chart-label{font-size:.7rem;color:var(--text-dim);width:80px;text-align:right;flex-shrink:0}.bar-chart-track{flex:1;height:22px;background:var(--bg);border-radius:4px;overflow:hidden}.bar-chart-fill{height:100%;border-radius:4px;transition:width .3s ease}.bar-chart-value{font-family:var(--font-mono);font-size:.75rem;color:var(--text);width:50px;text-align:right;flex-shrink:0}.dash-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.dash-section-title svg{width:20px;height:20px;color:var(--yellow)}.dash-channel-section{margin-bottom:1.5rem}.dash-channel-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem 0}.dash-channel-icon{display:flex}.dash-channel-icon svg{width:18px;height:18px;color:var(--green)}.dash-channel-title{font-weight:700;font-size:.9rem;color:var(--text)}.dash-channel-desc{font-size:.7rem;color:var(--text-dim);margin-left:.5rem}.dash-table{font-size:.75rem}.dash-table th{font-size:.65rem;padding:.5rem .6rem}.dash-table td{padding:.5rem .6rem}.best-row{background:#4ade8014}.best-row td{font-weight:600}.crop-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.4rem;vertical-align:middle}.chart-title{font-size:.75rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.75rem}@media (max-width: 900px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-charts-row{grid-template-columns:1fr}}@media (max-width: 600px){.dash-kpi-grid{grid-template-columns:1fr}.dash-table{font-size:.65rem}.dash-table th,.dash-table td{padding:.35rem .4rem}}