Build a Food Cost Calculator with AI

Build a static HTML food cost calculator for restaurants. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #dc2626 (red). All data stored in inline JavaScript arrays and objects — no backend required. Include three main tools: (1) Recipe Cost Builder — enter recipe name, yield (servings), and add ingredients with name, unit, unit cost, and quantity used; auto-calculates total recipe cost and cost per serving. (2) Menu Price Analyzer — input your target food cost percentage (e.g. 28–32%), enter recipe cost per serving, and get the recommended menu price, actual food cost %, and gross profit per plate. (3) Ingredient Master List — a searchable, editable table of all ingredients with unit costs that auto-populates recipe ingredient fields. Calculations must update in real-time as user types. Display a summary dashboard showing: average food cost % across all recipes, highest-margin and lowest-margin dishes, total theoretical food cost if all items sold equally. Include a print/export button that generates a clean PDF-friendly summary table. Add a "target vs actual" gauge chart using SVG for each recipe. Seed 8 sample recipes (pasta, burger, salad, steak, soup, dessert, cocktail, pizza) with realistic 2024 ingredient costs. Include tooltips explaining food cost % benchmarks by cuisine type. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Research current wholesale ingredient prices for common restaurant staples (proteins, produce, dairy, dry goods). Update the ingredient master list with realistic Q1 2025 costs per unit. Recalculate all sample recipe costs and flag any dishes where food cost % has risen above 35%. Redeploy.