:root{--bg-color: #1e1e2e;--panel-bg: #2a2a3f;--section-bg: #313244;--text-main: #cdd6f4;--text-muted: #a6adc8;--accent: #89b4fa;--accent-green: #a6e3a1;--border: #45475a;--btn-hover: #b4befe;--btn-green-hover: #94e2d5;--danger: #f38ba8;--danger-hover: #eba0ac;--warning: #f9e2af;--storefront: #f5c2e7}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-main);margin:0;padding:20px;display:flex;gap:20px;height:100vh;box-sizing:border-box}.panel{background-color:var(--panel-bg);border:1px solid var(--border);border-radius:8px;padding:20px;overflow-y:auto;transition:all .3s ease}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:15px}.right-panel{flex:1;display:flex;flex-direction:column;min-width:0}h2{margin:0;color:var(--accent)}h3{color:var(--accent);margin:0;font-size:16px}label{display:block;margin-bottom:5px;font-weight:700;font-size:13px;color:var(--text-muted)}input,select,button{width:100%;padding:10px;margin-bottom:15px;border-radius:4px;border:1px solid var(--border);background-color:var(--bg-color);color:var(--text-main);box-sizing:border-box}button{background-color:var(--accent);color:var(--bg-color);font-weight:700;cursor:pointer;border:none;transition:background-color .2s}button:hover{background-color:var(--btn-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.ready{background-color:var(--accent-green)!important;color:var(--bg-color)!important;cursor:pointer!important;opacity:1!important}.form-section{background-color:var(--section-bg);padding:15px;border-radius:6px;border:1px solid var(--border)}.ingredient-row{display:flex;gap:10px;margin-bottom:10px}.ingredient-row input{margin-bottom:0}.ingredient-row input[type=text]{flex:2}.ingredient-row input[type=number]{flex:1}.btn-delete{background-color:var(--danger);color:var(--bg-color)}.btn-delete:hover{background-color:var(--danger-hover)}.btn-update{background-color:var(--accent-green);color:var(--bg-color)}.btn-update:hover{background-color:var(--btn-green-hover)}.btn-delete-small{width:40px;margin-bottom:0;background-color:var(--danger);color:var(--bg-color)}.btn-delete-small:hover{background-color:var(--danger-hover)}.btn-small{width:auto;background-color:var(--border);color:var(--text-main);margin-bottom:0;padding:6px 12px;font-size:13px}.btn-tiny{width:auto;padding:3px 8px;font-size:11px;margin:0}.input-tiny{width:80px;padding:4px 6px;margin:0;font-size:12px;text-align:center}.action-row{display:flex;gap:10px;margin-top:10px}.action-row button{margin-bottom:0}.calc-controls-row{display:flex;gap:10px;margin-bottom:10px;align-items:flex-end}.calc-controls-row input{flex:1;margin-bottom:0}.calc-controls-row button{flex:2;margin-bottom:0}.btn-json-export{background-color:#cba6f7;color:var(--bg-color)}.btn-json-export:hover{background-color:#f5c2e7}.btn-json-import{background-color:#fab387;color:var(--bg-color)}.btn-json-import:hover{background-color:#f9e2af}.btn-server-up{background-color:#89b4fa;color:var(--bg-color)}.btn-server-up:hover{background-color:#74c7ec}.btn-server-down{background-color:#94e2d5;color:var(--bg-color)}.btn-server-down:hover{background-color:#a6e3a1}.sync-status{align-self:center;font-size:12px;opacity:.85;white-space:nowrap}.auth-box{max-width:380px;width:90%}.auth-box input{width:100%}.auth-error{color:#f38ba8;min-height:18px;font-size:13px;margin:4px 0 10px}.auth-actions{display:flex;gap:10px}.auth-actions button{flex:1}.file-input-wrapper{position:relative;flex:1}.file-input-wrapper input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;cursor:pointer}.queue-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.queue-item{background:var(--section-bg);border:1px solid var(--border);padding:10px;border-radius:6px;font-size:13px;display:flex;flex-direction:column;min-width:200px;box-shadow:0 2px 5px #0003}.queue-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border);padding-bottom:5px;margin-bottom:5px;font-weight:700}.queue-item span.remove{color:var(--danger);cursor:pointer;font-size:12px;background:#f38ba81a;padding:2px 6px;border-radius:4px}.queue-item span.remove:hover{background:var(--danger);color:var(--bg-color)}.queue-ingredients{font-size:12px;color:var(--text-muted);line-height:1.5}.tree-container{margin-top:10px;background-color:#00000026;padding:15px;border-radius:4px;border:1px solid var(--border);overflow-y:auto;flex:1}.tree-node{margin:4px 0}.tree-children{margin-left:15px;border-left:1px solid var(--border);padding-left:10px}details>summary,.flat-summary{cursor:pointer;font-size:13px;padding:6px 8px;background-color:#ffffff08;border-radius:4px;list-style:none;display:flex;align-items:center;transition:background .2s}.flat-summary{cursor:default;justify-content:space-between}details>summary:hover{background-color:#ffffff14}summary:before{content:"▶";font-size:10px;margin-right:8px;color:var(--accent);transition:transform .2s;display:inline-block}details[open]>summary:before{transform:rotate(90deg)}.craft-inline-box{margin:4px 0 6px 25px;padding:6px 10px;background-color:#a6e3a10d;border:1px dashed var(--accent-green);border-radius:4px;font-size:12px;display:inline-flex;align-items:center;gap:8px}.base-item{color:var(--warning);font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.4)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;justify-content:center;align-items:center}.modal-content{background:var(--bg-color);border:1px solid var(--border);border-radius:8px;padding:20px;width:90%;max-width:750px;max-height:85vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:15px}.modal-body{overflow-y:auto;flex:1;padding-right:10px}.modal-footer{border-top:1px solid var(--border);padding-top:15px;margin-top:15px;display:flex;justify-content:flex-end;gap:10px}.btn-close-modal{background:none;border:none;color:var(--text-main);font-size:20px;cursor:pointer;padding:0;width:auto;margin:0}.btn-close-modal:hover{color:var(--danger);background:none}#custom-dialog .modal-content{max-width:400px;height:auto}#custom-dialog .modal-body{overflow:visible;padding-right:0}#cd-message{margin-top:0;font-size:14px;line-height:1.5}.complex-summary{padding:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.complex-summary::-webkit-details-marker{display:none}.complex-summary:hover{background-color:#ffffff0d}.details-arrow{display:inline-block;width:15px;font-size:10px;color:var(--text-muted);transition:transform .2s}details[open]>summary .details-arrow{transform:rotate(90deg)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.inv-grid-item{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;border-left:3px solid transparent;background:#0003;border-radius:4px;margin-bottom:6px}.inv-grid-item:hover{border-left-color:var(--accent);background:#0006}.inv-actions{display:flex;gap:5px;align-items:center}.inv-amount{width:60px;text-align:right;font-weight:700;color:var(--accent-green);font-size:15px;padding-right:10px}.price-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap;display:inline-block;margin-bottom:2px}.badge-cost{background:#f9e2af26;border:1px solid var(--warning);color:var(--warning)}.badge-purch{background:#89b4fa26;border:1px solid var(--accent);color:var(--accent)}.badge-warning{background:#f38ba826;border:1px solid var(--danger);color:var(--danger);cursor:help}#dependency-list label:hover{background:#ffffff1a!important}.tag-chip{padding:4px 10px;border-radius:12px;background:#ffffff1a;cursor:pointer;font-size:11px;-webkit-user-select:none;user-select:none;border:1px solid transparent;color:var(--text-muted);transition:all .2s}.tag-chip:hover{background:#fff3;color:var(--text-main)}.tag-chip.active{background:#89b4fa33;border-color:var(--accent);color:var(--accent);font-weight:700}.tag-label{font-size:10px;background:#ffffff1a;padding:2px 5px;border-radius:4px;margin-right:4px;color:var(--text-muted);white-space:nowrap;display:inline-block}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;min-width:15px;cursor:pointer;margin:0}.modal-content.modal-fullscreen{width:calc(100vw - 60px);height:calc(100vh - 60px);max-width:calc(100vw - 60px);max-height:calc(100vh - 60px)}.db-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border)}.db-toolbar button{width:auto;margin:0;padding:8px 14px;font-size:13px}.db-toolbar .db-search{flex:1;min-width:200px;margin:0}.recipe-db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:15px;align-content:start;align-items:start}.recipe-db-grid:empty{display:none}.recipe-row-list+.recipe-db-grid,.recipe-db-grid+.recipe-db-grid{margin-top:20px}.recipe-row-list{display:flex;flex-direction:column;gap:8px}.recipe-row-list:empty{display:none}.recipe-row{display:flex;align-items:center;gap:14px;background-color:var(--section-bg);border:1px solid var(--border);border-radius:6px;padding:10px 14px}.recipe-row:hover{border-color:var(--accent)}.recipe-row-name{flex:1 1 auto;min-width:60px;text-align:left;font-weight:700;color:var(--warning);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-row-tags{flex:0 0 auto;display:flex;gap:2px;flex-wrap:wrap;justify-content:flex-end;max-width:160px}.recipe-row-prices,.recipe-row-stock{flex:0 0 auto;display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.recipe-row-actions-full{flex:0 0 auto;display:flex;gap:4px}.recipe-row-actions-full button{width:auto;margin:0;padding:6px 8px;font-size:12px}.recipe-row-menu{position:relative;flex:0 0 auto;display:none}.recipe-row-menu-toggle{width:auto;margin:0;padding:6px 10px;font-size:14px}.recipe-row-menu-dropdown{display:none;position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-color);border:1px solid var(--border);border-radius:6px;z-index:50;min-width:190px;box-shadow:0 6px 16px #0006;flex-direction:column;overflow:hidden}.recipe-row-menu-dropdown.open{display:flex}.recipe-row-menu-dropdown button{width:100%;margin:0;border-radius:0;text-align:left;padding:8px 12px;font-size:12px;display:flex;align-items:center;gap:8px}@media(max-width:900px){.recipe-row-actions-full{display:none}.recipe-row-menu{display:block}}.recipe-card{display:flex;flex-direction:column;height:265px;background-color:var(--section-bg);border:1px solid var(--border);border-radius:6px;padding:12px;gap:6px;overflow:hidden}.recipe-card.recipe-card-base{height:auto}.recipe-card:hover{border-color:var(--accent)}.recipe-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.recipe-card-name{font-weight:700;color:var(--accent);font-size:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}.recipe-card-name.base-item{color:var(--warning)}.recipe-card-tags{display:flex;flex-wrap:wrap;gap:2px;min-height:16px}.recipe-card-body{flex:1;overflow-y:auto;font-size:12px;color:var(--text-muted);border-top:1px dashed var(--border);padding:6px 2px 0}.recipe-card-body div{margin-bottom:2px}.recipe-card-stats{display:flex;flex-direction:column;gap:4px;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);padding:6px 0}.recipe-card-prices{display:flex;gap:4px}.recipe-card-prices .price-badge{flex:1;text-align:center}.recipe-card-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:auto;padding-top:4px}.recipe-card-actions button{padding:6px 4px;font-size:12px;margin:0}.recipe-card-actions button.queue-added-flash{background-color:var(--accent-green)!important;color:var(--bg-color)!important}