@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";.app-shell{height:100vh;height:100dvh;max-height:100dvh;padding:1.2rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden;background:radial-gradient(circle at top,#18312c,#0b1214 60%,#06090b);color:#eaf7f1}.page-header{border:1px solid #2d4a42;border-radius:18px;background:linear-gradient(120deg,#162b27,#1b3330 45%,#11252b);padding:1rem 1.2rem;box-shadow:0 10px 30px #00000047}.page-header-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-header-title-block{min-width:0;flex:1}.page-header-title-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.repository-picker-row{display:flex;align-items:center;gap:.4rem}.repository-picker-row select,.export-mode-select{min-width:10rem;padding:.5rem .7rem;background:#1a2c2a;border:1px solid #35544f;color:#dff7ee}.repository-create-button{width:2.3rem;padding:.5rem 0}.export-dropdown{display:flex;align-items:center;gap:.4rem}.page-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.auth-user-pill{border-radius:999px;border:1px solid #3a5d53;background:#162725;color:#cde8dd;padding:.35rem .65rem;font-size:.8rem;white-space:nowrap}.header-link-button{border-radius:10px;border:1px solid #35544f;background:#1a2c2a;color:#dff7ee;text-decoration:none;padding:.45rem .7rem}.auth-loading{min-height:100vh;min-height:100dvh;display:grid;place-items:center;color:#214742;font-size:1rem;font-weight:600}.page-header h1{margin:0;letter-spacing:.02em;font-size:clamp(1.4rem,3vw,2.2rem)}.page-header p{margin:.4rem 0 0;color:#c6e3d6}.workspace-grid{flex:1;display:grid;grid-template-columns:minmax(300px,28%) minmax(420px,43%) minmax(300px,28%);gap:1rem;min-height:0}.left-panel,.middle-panel,.right-panel{min-height:0;display:flex;flex-direction:column;gap:1rem}.left-panel>.panel-block,.middle-panel>.panel-block,.right-panel>.panel-block{flex:1;min-height:0}.left-panel>.panel-block.create-item-panel.is-collapsed{flex:0 0 auto}.left-panel>.panel-block.create-item-panel.is-collapsed .collapsible-header{margin-bottom:0}.left-panel>.panel-block.repository-panel.is-collapsed{flex:0 0 auto}.left-panel>.panel-block.repository-panel.is-collapsed .items-header-row{margin-bottom:0}.left-panel>.panel-block.repository-panel.is-collapsed .items-header-row h2{margin-bottom:0}.panel-block{border-radius:18px;border:1px solid #2d4a42;background:#111a1c;padding:1rem;box-shadow:0 10px 28px #0000003d;display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-block h2{margin:0 0 .7rem;font-size:1.1rem}.panel-block h3{margin:0;font-size:.95rem}label,.field-input-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.7rem;font-size:.92rem;color:#c6e3d6}.name-batch-currency-row{display:grid;grid-template-columns:minmax(0,1fr) min-content min-content min-content;gap:.55rem;align-items:start}.name-field,.batch-size-field,.currency-toggle-field,.workload-toggle-field{margin:0;display:grid;grid-template-rows:1.2rem auto;gap:.35rem;align-content:start}.batch-size-field{width:fit-content;white-space:nowrap}.batch-size-field,.currency-toggle-field,.workload-toggle-field{font-size:.92rem;color:#c6e3d6}.name-field input,.batch-size-field input{height:42px;box-sizing:border-box;padding:.58rem .6rem;width:100%;min-width:0}.currency-toggle-field,.workload-toggle-field{width:fit-content;align-items:center;white-space:nowrap}.currency-toggle-caption{display:block;line-height:1.2}.currency-toggle-button,.workload-toggle-button{min-width:3.2rem;height:42px;padding:.6rem .65rem;border:1px solid #35544f;background:#161f22;color:#dff7ee;font-weight:700}.currency-toggle-button:hover,.workload-toggle-button:hover{border-color:#4a7668;background:#1c2b30;box-shadow:none;transform:none}.currency-toggle-button.is-active,.workload-toggle-button.is-active{border-color:#2f6a5d;background:#155f53;color:#fff}.currency-toggle-button:focus-visible{outline:2px solid #6ecfb0;outline-offset:2px}.workload-toggle-button:focus-visible{outline:2px solid #6ecfb0;outline-offset:2px}.inline-checkbox{display:flex;flex-direction:row;align-items:center;gap:.45rem;margin:0;justify-content:flex-start}.inline-checkbox-compact{font-size:.84rem;color:#b7d9ce}.inline-checkbox input{margin:0}input,textarea,select,button{font:inherit}input,textarea,select{border-radius:10px;border:1px solid #35544f;padding:.6rem .65rem;color:#e8f3ef;background:#161f22}button{border-radius:10px;border:1px solid #2f6a5d;background:#155f53;color:#fff;padding:.5rem .7rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 14px #09534733}button.secondary{border-color:#35544f;background:#1a2c2a;color:#dff7ee}button.danger{border-color:#ad3f3f;background:#cf4646}.action-row{display:flex;gap:.5rem;flex-wrap:wrap}.action-row.compact button{padding-inline:.56rem}.collapsible-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}.create-panel-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}.cost-input-row{display:flex;gap:.55rem;margin-bottom:.7rem}.cost-input-row .cost-input-label{flex:1;margin:0}.cost-input-row .cost-input-label input{width:100%;min-width:0}.ingredients-header-row,.items-header-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}.ingredients-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.7rem;flex:1;min-height:0;overflow:auto;padding-right:.2rem}.ingredient-row{display:grid;grid-template-columns:1fr 100px auto;gap:.5rem}.ingredient-search-block{display:flex;flex-direction:column;gap:.35rem}.ingredient-select{width:100%}.ingredient-select__control{background:#0d1a17!important;border:1px solid #2d4a42!important;border-radius:10px!important;box-shadow:none!important}.ingredient-select__control:hover{border-color:#4a7668!important}.ingredient-select__menu{background:#13221e!important;border:1px solid #2d4a42!important;border-radius:10px!important;box-shadow:0 10px 24px #00000047!important;z-index:9999!important}.ingredient-select__menu-list{max-height:14rem!important}.ingredient-select__menu-portal{z-index:9999!important}.ingredient-select__option{color:#ebf8f1!important;padding:.6rem .7rem!important}.ingredient-select__option--is-focused{background:#1c342d!important}.ingredient-select__single-value{color:#ebf8f1!important}.ingredient-select__placeholder{color:#7b968e!important}.ingredient-select__input-container{color:#ebf8f1!important}.ingredient-option-label{display:flex;flex-direction:column;gap:.15rem}.ingredient-option-meta{font-size:.8rem;color:#85b29d}.item-list{display:flex;flex-direction:column;gap:.6rem;flex:1;min-height:0;overflow:auto}.item-card{border:1px solid #2d4a42;border-radius:12px;padding:.7rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;background:linear-gradient(120deg,#172827,#121d20)}.item-card h3{margin:0}.item-card p{margin:.25rem 0 0;color:#b7d9ce;font-size:.9rem}.item-meta{color:#8fe0c3}.shopping-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.shopping-content{display:flex;flex-direction:column;gap:.6rem;min-height:0;overflow:auto;padding-right:.2rem}.shopping-list li{border:1px dashed #35544f;border-radius:10px;padding:.45rem .6rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:#141d20}.shopping-list li.checked{background:#182925;border-color:#2e6b5d}.shopping-list li.checked .shopping-check span{text-decoration:line-through;opacity:.65}.shopping-check{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin:0;color:#eaf7f1}.shopping-check input{width:16px;height:16px}.shopping-row-right{display:flex;align-items:center;gap:.7rem}.shopping-row-right .currently-have{width:3rem;height:28px;padding:.35rem .4rem;margin-right:0;text-align:right;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.shopping-row-right .currently-have::-webkit-outer-spin-button,.shopping-row-right .currently-have::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shopping-breakdown-toggle{display:flex;flex-direction:row;align-items:center;gap:.4rem;margin:0;color:#b7d9ce;font-size:.86rem;white-space:nowrap}.shopping-breakdown-toggle input{width:14px;height:14px}.shopping-base-totals{margin-top:.8rem;border-top:1px solid #2d4a42;padding-top:.7rem}.shopping-base-totals h3{margin:0 0 .45rem;font-size:.95rem;color:#eaf7f1}.totals-header-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.45rem}.totals-header-row h3{margin:0}.shopping-base-totals ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.shopping-base-totals li{display:flex;align-items:center;justify-content:space-between;border:1px solid #2d4a42;border-radius:8px;padding:.35rem .5rem;background:#172827}.base-cost-block{margin-top:.7rem;border-top:1px dashed #35544f;padding-top:.65rem}.target-controls{display:grid;gap:.65rem;grid-template-columns:minmax(0,1fr) min-content}.target-controls .target-count-label{display:flex;align-items:flex-end;justify-content:flex-end}.search-controls{display:grid;gap:.65rem;grid-template-columns:minmax(0,1fr) min-content}.search-controls .sort-by-label{display:flex;align-items:flex-end;justify-content:flex-end}.status-message{margin:.5rem 0 0;color:#8fe0c3}.error-message{margin:.5rem 0 0;color:#ff7f7f}.inline-note{margin:0;color:#c6e3d6}.hidden-input{display:none}.graph-panel{height:100%;display:flex;flex-direction:column}.graph-panel-header p{margin:.3rem 0 .7rem;color:#c6e3d6}.graph-canvas{flex:1;min-height:0;border-radius:14px;border:1px solid #2d4a42;overflow:hidden;background:#0f1719}@media (max-width: 1020px){.app-shell{overflow-y:auto;overflow-x:hidden}.workspace-grid{grid-template-columns:1fr;min-height:auto}.left-panel>.panel-block,.middle-panel>.panel-block,.right-panel>.panel-block{flex:0 0 auto}.left-panel>.panel-block.repository-panel{max-height:62vh}.left-panel>.panel-block.repository-panel .item-list{min-height:0;overflow-y:auto}.graph-canvas{min-height:360px}}@media (max-width: 540px){.name-batch-currency-row{grid-template-columns:1fr}.currency-toggle-field,.workload-toggle-field{align-items:flex-start}.ingredient-row,.target-controls{grid-template-columns:1fr}.cost-input-row{flex-direction:column}.app-shell:after{content:"";position:absolute;width:min(52vw,34rem);aspect-ratio:1 / 1;border-radius:999px;left:calc(50% - 18rem);top:calc(50% - 17rem);background:radial-gradient(circle at 50% 50%,rgba(86,143,123,.4),rgba(21,46,52,.12) 58%,transparent 72%),radial-gradient(circle at 50% 50%,rgba(79,164,135,.26),transparent 64%);filter:blur(8px);pointer-events:none}}.admin-page-shell{height:100vh;height:100dvh;max-height:100dvh;padding:1.2rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden;background:radial-gradient(circle at top,#18312c,#0b1214 60%,#06090b);color:#eaf7f1}.admin-page-header{border:1px solid #2d4a42;border-radius:18px;background:linear-gradient(120deg,#162b27,#1b3330 45%,#11252b);padding:1rem 1.2rem;box-shadow:0 10px 30px #00000047;display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.admin-page-header h1{margin:0}.admin-page-header p{margin:.35rem 0 0;color:#c6e3d6}.admin-page-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.admin-nav-link{border-radius:10px;border:1px solid #35544f;background:#1a2c2a;color:#dff7ee;text-decoration:none;padding:.45rem .7rem}.admin-grid{flex:1;min-height:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));overflow:auto;padding-right:.2rem}.admin-panel-block{min-height:0}.admin-form{display:grid;gap:.6rem}.admin-inline-field{margin-bottom:.65rem}.admin-list{display:grid;align-content:start;gap:.6rem;flex:1;min-height:0;overflow:auto;border:1px solid #2a4540;border-radius:12px;padding:.55rem;background:#0f1b1f}.admin-list-item{border:1px solid #2f4f48;border-radius:10px;padding:.65rem;background:#122024;height:min-content}.admin-list-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.admin-user-flags{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.admin-disabled-pill{border-radius:999px;border:1px solid #8b5d3b;background:#3f2a1d;color:#ffd8c0;padding:.35rem .65rem;font-size:.8rem;white-space:nowrap}.admin-user-actions{margin-top:.55rem;display:flex;gap:.5rem;flex-wrap:wrap}.admin-status-message,.admin-error-message{margin:.8rem 0 0}.admin-status-message{color:#8be3c4}.admin-error-message{color:#ffb4b4}@media (max-width: 900px){.admin-page-shell{padding:.9rem;gap:.8rem}.admin-grid{grid-template-columns:1fr}}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:1.5rem;position:relative;overflow:hidden;background:radial-gradient(circle at top,#18312c,#0b1214 60%,#06090b)}.login-page:before{content:"";position:absolute;width:min(52vw,34rem);aspect-ratio:1 / 1;border-radius:999px;left:calc(50% - 18rem);top:calc(50% - 17rem);background:radial-gradient(circle at 50% 50%,rgba(86,143,123,.4),rgba(21,46,52,.12) 58%,transparent 72%),radial-gradient(circle at 50% 50%,rgba(79,164,135,.26),transparent 64%);filter:blur(8px);pointer-events:none}.login-panel{width:min(28rem,100%);border-radius:18px;border:1px solid #2d4a42;background:linear-gradient(160deg,#10211e,#111d22);color:#e8f4ef;padding:1.35rem;box-shadow:0 26px 52px #00000070,-14px 14px #0c1c19b8;position:relative;z-index:1}.login-panel h1{margin:0;font-size:clamp(1.4rem,3vw,1.9rem);letter-spacing:.01em}.login-panel p{margin:.6rem 0 1.1rem;color:#b9dacf}.login-form{display:grid;gap:.75rem}.login-form label{margin:0}.login-form button{margin-top:.3rem}.login-form button:disabled{opacity:.7;cursor:wait}.login-error{margin:0;color:#ffafaf;font-size:.92rem}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--surface: #fffffb;--line: #b6ddd0;--text-main: #1b2f2d;--text-muted: #40615d;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;line-height:1.45;font-weight:400;color:var(--text-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(255,248,194,.75),transparent 40%),radial-gradient(circle at 88% 92%,rgba(171,236,215,.7),transparent 33%),linear-gradient(140deg,#f6fff9,#edf8ff);color:var(--text-main)}code,pre{font-family:IBM Plex Mono,monospace}