:root{--bg: #0b0d10;--panel: #12161c;--panel2: #0f1318;--text: #e7edf5;--muted: #9aa7b5;--border: #222a33;--accent: #6aa6ff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text)}.appShell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.appShell.navCollapsed{grid-template-columns:72px 1fr}.sidebar{border-right:1px solid var(--border);background:var(--panel2);padding:16px;display:flex;flex-direction:column;gap:14px}.sidebarTop{display:flex;flex-direction:column;gap:10px}.brandRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:800;letter-spacing:.3px;white-space:nowrap}.iconBtn{background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:10px;padding:6px 10px;cursor:pointer;font-weight:800}.iconBtn:hover{color:var(--text)}.nav{display:flex;flex-direction:column;gap:8px}.nav a{display:flex;align-items:center;gap:10px;color:var(--muted);text-decoration:none;padding:10px;border-radius:10px;border:1px solid transparent}.nav a:hover{color:var(--text)}.nav a.active{color:var(--text);background:var(--panel);border:1px solid var(--border)}.navIcon{width:22px;text-align:center;flex-shrink:0}.appShell.navCollapsed .navLabel{display:none}.appShell.navCollapsed .nav a{justify-content:center}.hint{margin-top:auto;color:var(--muted);font-size:12px;line-height:1.35}.appShell.navCollapsed .hint{display:none}.main{padding:20px}.page{max-width:90vw;margin:0 auto}.pageTitleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}h1{margin:0;font-size:26px}button{background:var(--accent);color:#08101b;border:none;padding:10px 12px;border-radius:10px;font-weight:700;cursor:pointer}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}button.ghost:hover{color:var(--text)}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.cardHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid var(--border)}.cardTitle{font-weight:800}.cardBody{padding:14px}.grid2{display:grid;grid-template-columns:360px 1fr;gap:14px;align-items:start}.muted{color:var(--muted)}.small{font-size:12px}.rightMuted{color:var(--muted);font-size:12px;text-align:right}.list{display:flex;flex-direction:column;gap:10px}.listRow{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--border);border-radius:14px;background:#ffffff05}.listRow.compact{align-items:center}.rowTitle{font-weight:800}.rowButtons{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.table{display:flex;flex-direction:column;gap:8px}.tr{display:grid;grid-template-columns:1.6fr .8fr .4fr .4fr .4fr .6fr;gap:8px;padding:10px;border:1px solid var(--border);border-radius:12px}.tr.head{color:var(--muted);background:#ffffff05;font-weight:700}.trActions{display:flex;justify-content:flex-end}.macroLine{display:flex;gap:10px;color:var(--muted);font-size:12px;margin-top:4px}.plannerGrid{display:grid;grid-template-columns:180px repeat(7,minmax(160px,1fr));gap:10px}.plannerHeaderCorner{height:1px}.plannerColHeader{padding:10px;border:1px solid var(--border);border-radius:12px;background:#ffffff05;font-weight:800}.plannerRow{display:contents}.plannerRowHeader{padding:10px;border:1px solid var(--border);border-radius:12px;background:#ffffff05}.plannerPage{display:flex;flex-direction:column;gap:14px}.plannerWeekCard,.plannerRecipesCard{width:100%}.recipeStrip{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.recipeStripItem{flex:0 0 auto;width:320px;border:1px solid var(--border);background:#ffffff05;border-radius:14px;padding:10px}.recipeStripMacros{margin-top:6px}.recipeStripItem .recipeTile{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:10px}.cell{min-height:160px;border:1px solid var(--border);border-radius:12px;padding:10px;background:#ffffff03}.cell.over{outline:2px solid rgba(106,166,255,.5)}.cellTop{margin-bottom:8px}.cellEntries{display:flex;flex-direction:column;gap:8px}.tile{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:10px}.recipeTile{display:flex;gap:10px;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none}.entryTile .tileTop{display:flex;gap:8px;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none}.dragHandle{color:var(--muted)}.tileTitle{font-size:13px}.tileMeta{display:flex;gap:8px;align-items:center;margin-top:6px}.pill{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.tileActions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.bullets{margin:0;padding-left:18px;color:var(--muted)}.personCard{border:1px solid var(--border);border-radius:14px;padding:12px;background:#ffffff05;display:flex;flex-direction:column;gap:12px}.personTopRow{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.personActions{display:flex;gap:8px;align-items:center}.targetsRow{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) 140px;gap:10px;align-items:end}.field{display:flex;flex-direction:column;gap:6px}.fieldLabel{color:var(--muted);font-size:12px;font-weight:700}.input{background:#ffffff08;border:1px solid var(--border);color:var(--text);padding:10px;border-radius:12px;outline:none}.input:focus{border-color:#6aa6ffa6}.targetsButtons{display:flex;justify-content:flex-end}@media(max-width:900px){.targetsRow{grid-template-columns:repeat(2,minmax(120px,1fr))}.targetsButtons{justify-content:flex-start}}.recipesLayout{display:grid;grid-template-columns:380px 1fr;gap:14px;align-items:start}.recipesLeft,.recipesRight{width:100%}.recipesList{display:flex;flex-direction:column;gap:10px}.recipesListItem{text-align:left;width:100%;background:#ffffff05;border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;justify-content:space-between;gap:12px;cursor:pointer;color:var(--text)}.recipesListItem:hover{border-color:#6aa6ff59}.recipesListItem.selected{border-color:#6aa6ffcc;box-shadow:0 0 0 1px #6aa6ff40 inset}.recipesListItemActions{display:flex;align-items:flex-start;gap:8px}.recipeDetail{display:flex;flex-direction:column;gap:14px}.detailHeader{display:grid;grid-template-columns:1fr 180px 1fr;gap:12px;align-items:end}.detailMacros{border:1px solid var(--border);border-radius:14px;padding:10px;background:#ffffff05}.detailSectionHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.ingredientsTable{display:flex;flex-direction:column;gap:8px}.ingRow{display:grid;grid-template-columns:1fr 140px 110px;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px;background:#ffffff05}.ingHead{color:var(--muted);font-weight:800;background:#ffffff03}.ingActions{display:flex;justify-content:flex-end}.select{width:100%;background:#ffffff08;border:1px solid var(--border);color:var(--text);padding:10px;border-radius:12px;outline:none}.select:focus{border-color:#6aa6ffa6}@media(max-width:1000px){.recipesLayout,.detailHeader{grid-template-columns:1fr}.ingRow{grid-template-columns:1fr 120px 100px}}.trClickable{cursor:pointer}.trClickable:hover{border-color:#6aa6ff59}.modalOverlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:18px;z-index:1000}.modal{width:min(720px,100%);background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 18px 60px #00000080}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid var(--border)}.modalTitle{font-weight:900}.modalBody{padding:14px}.modalFooter{padding:12px 14px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.formGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.fieldHint{color:var(--muted);font-size:12px;margin-top:6px}.btnDisabled{opacity:.6;cursor:not-allowed}@media(max-width:720px){.formGrid{grid-template-columns:1fr}}.addIngRow{display:grid;grid-template-columns:1fr 1.2fr 140px 140px;gap:10px;align-items:end;padding:12px;border:1px solid var(--border);border-radius:14px;background:#ffffff05}.addIngCol{display:flex;flex-direction:column;gap:6px}.gramsCol{min-width:120px}.addBtnCol button{width:100%}@media(max-width:1000px){.addIngRow{grid-template-columns:1fr}.addBtnCol button{width:auto}}.weekNav{display:flex;align-items:center;gap:8px}.weekLabel{padding:6px 10px;border:1px solid var(--border);border-radius:10px;background:#ffffff05;font-weight:700;font-size:13px;white-space:nowrap}