diff --git a/src/api/BarAssistantClient.ts b/src/api/BarAssistantClient.ts
index 7c627791..40def81c 100644
--- a/src/api/BarAssistantClient.ts
+++ b/src/api/BarAssistantClient.ts
@@ -29,7 +29,7 @@ const authMiddleware: Middleware = {
     const scopedState = new AppState()
     accessToken = scopedState.token
     request.headers.set("Authorization", `Bearer ${accessToken}`);
-    request.headers.set("Accept", "application/json");
+    // request.headers.set("Accept", "application/json");
     return request;
   },
 };
@@ -172,6 +172,10 @@ export default class BarAssistantClient {
     return (await client.GET('/users/{id}/cocktails/favorites', { params: { path: { id: id }, query: { per_page: 500 } } })).data
   }
 
+  static async getUserCocktailShelf(id: number) {
+    return (await client.GET('/users/{id}/cocktails', { params: { path: { id: id }, query: { per_page: 500 } } })).data
+  }
+
   static async getNotes(query = {}) {
     return (await client.GET('/notes', { params: { query: query } })).data
   }
@@ -526,4 +530,16 @@ export default class BarAssistantClient {
   static async removeFromBarShelf(id: number, data: {}) {
     return (await client.POST('/bars/{id}/ingredients/batch-delete', { params: { path: { id: id } }, body: data })).data
   }
+
+  static async getCocktailPrices(id: string) {
+    return (await client.GET('/cocktails/{id}/prices', { params: { path: { id: id } } })).data
+  }
+
+  static async getBarShelfCocktails(id: number) {
+    return (await client.GET('/bars/{id}/cocktails', { params: { path: { id: id }, query: { per_page: 500 } } })).data
+  }
+
+  static async getMenuExport() {
+    return (await client.GET('/menu/export', {parseAs: 'text'})).data
+  }
 }
\ No newline at end of file
diff --git a/src/api/api.d.ts b/src/api/api.d.ts
index 38b9641f..06ddb7f2 100644
--- a/src/api/api.d.ts
+++ b/src/api/api.d.ts
@@ -355,6 +355,26 @@ export interface paths {
         patch?: never;
         trace?: never;
     };
+    "/cocktails/{id}/prices": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        /**
+         * Show cocktail prices
+         * @description Shows a list of cocktail prices grouped per available price categories. Missing ingredient prices are skipped.
+         */
+        get: operations["getCocktailPrices"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
     "/cocktail-methods": {
         parameters: {
             query?: never;
@@ -839,6 +859,26 @@ export interface paths {
         patch?: never;
         trace?: never;
     };
+    "/menu/export": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        /**
+         * Export menu
+         * @description Export menu as CSV
+         */
+        get: operations["69581b120488a658b86369819bd257e0"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
     "/notes": {
         parameters: {
             query?: never;
@@ -1162,6 +1202,26 @@ export interface paths {
         patch?: never;
         trace?: never;
     };
+    "/bars/{id}/cocktails": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        /**
+         * Show a list bar shelf cocktails
+         * @description Cocktails that the bar can make with ingredients on their shelf
+         */
+        get: operations["40813734b16874942a79324150fb3dd1"];
+        put?: never;
+        post?: never;
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
     "/users/{id}/shopping-list": {
         parameters: {
             query?: never;
@@ -1495,6 +1555,8 @@ export interface components {
             /** @example 1 */
             total_shelf_ingredients: number;
             /** @example 1 */
+            total_bar_shelf_cocktails?: number;
+            /** @example 1 */
             total_bar_members: number;
             /** @example 1 */
             total_collections: number;
@@ -1633,6 +1695,7 @@ export interface components {
             slug: string;
             /** @example Old fashioned */
             name: string;
+            short_ingredients?: string[];
         };
         CocktailExplore: {
             bar?: components["schemas"]["BarBasic"];
@@ -1847,6 +1910,23 @@ export interface components {
             /** @example 20 */
             dilution_percentage: number;
         };
+        CocktailPrice: {
+            /**
+             * @description Number of ingredients that are missing defined prices in this category
+             * @example 1
+             */
+            missing_prices_count: number;
+            price_category: components["schemas"]["PriceCategory"];
+            /** @description Total cocktail price, sum of `price_per_pour` amounts */
+            total_price: components["schemas"]["Price"];
+            prices_per_ingredient: {
+                ingredient: components["schemas"]["IngredientBasic"];
+                /** @description Price per 1 unit of ingredient amount */
+                price_per_amount: components["schemas"]["Price"];
+                /** @description Price per cocktail ingredient part */
+                price_per_pour: components["schemas"]["Price"];
+            }[];
+        };
         CocktailRequest: {
             /** @example Cocktail name */
             name: string;
@@ -3318,7 +3398,7 @@ export interface operations {
                     specific_ingredients?: string;
                     ignore_ingredients?: string;
                 };
-                /** @description Sort by attributes. Available attributes: `name`, `created_at`, `average_rating`, `user_rating`, `abv`, `total_ingredients`, `missing_ingredients`, `favorited_at`. */
+                /** @description Sort by attributes. Available attributes: `name`, `created_at`, `average_rating`, `user_rating`, `abv`, `total_ingredients`, `missing_ingredients`, `missing_bar_ingredients`, `favorited_at`. */
                 sort?: string;
                 /** @description Include additional relationships. Available relations: `glass`, `method`, `user`, `navigation`, `utensils`, `createdUser`, `updatedUser`, `images`, `tags`, `ingredients.ingredient`, `ratings`. */
                 include?: string;
@@ -3864,6 +3944,53 @@ export interface operations {
             };
         };
     };
+    getCocktailPrices: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path: {
+                /** @description Database id or slug of a resource */
+                id: string;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Successful response */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": {
+                        data: components["schemas"]["CocktailPrice"][];
+                    };
+                };
+            };
+            /** @description You are not authorized for this action. */
+            403: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": {
+                        data?: components["schemas"]["APIError"];
+                    };
+                };
+            };
+            /** @description Resource record not found. */
+            404: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": {
+                        data?: components["schemas"]["APIError"];
+                    };
+                };
+            };
+        };
+    };
     "14008654b6c5780b9e826e4e2fcf237a": {
         parameters: {
             query?: {
@@ -5992,6 +6119,43 @@ export interface operations {
             };
         };
     };
+    "69581b120488a658b86369819bd257e0": {
+        parameters: {
+            query?: {
+                /** @description Database id of a bar. Required if you are not using `Bar-Assistant-Bar-Id` header. */
+                bar_id?: number;
+            };
+            header?: {
+                /** @description Database id of a bar. Required if you are not using `bar_id` query string. */
+                "Bar-Assistant-Bar-Id"?: number;
+            };
+            path?: never;
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Successful response */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "text/csv": string;
+                };
+            };
+            /** @description You are not authorized for this action. */
+            403: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": {
+                        data?: components["schemas"]["APIError"];
+                    };
+                };
+            };
+        };
+    };
     "8b1d23cbbf81842599e3e9463477cb58": {
         parameters: {
             query?: {
@@ -7155,6 +7319,56 @@ export interface operations {
             };
         };
     };
+    "40813734b16874942a79324150fb3dd1": {
+        parameters: {
+            query?: {
+                /** @description Set current page number */
+                page?: number;
+                /** @description Set number of results per page */
+                per_page?: number;
+            };
+            header?: never;
+            path: {
+                /** @description Database id of a resource */
+                id: number;
+            };
+            cookie?: never;
+        };
+        requestBody?: never;
+        responses: {
+            /** @description Successful response */
+            200: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": {
+                        data?: components["schemas"]["CocktailBasic"][];
+                        links?: {
+                            first?: string | null;
+                            last?: string | null;
+                            prev?: string | null;
+                            next?: string | null;
+                        };
+                        meta?: {
+                            current_page?: number;
+                            from?: number;
+                            last_page?: number;
+                            links?: {
+                                url?: string;
+                                label?: string;
+                                active?: boolean;
+                            }[];
+                            path?: string;
+                            per_page?: number;
+                            to?: number;
+                            total?: number;
+                        };
+                    };
+                };
+            };
+        };
+    };
     ea114c1013eabd71064b7b33513d13cd: {
         parameters: {
             query?: {
diff --git a/src/assets/dialog.css b/src/assets/dialog.css
index a953250a..f068ec00 100644
--- a/src/assets/dialog.css
+++ b/src/assets/dialog.css
@@ -47,7 +47,8 @@
     outline: none;
     pointer-events: auto;
     contain: layout;
-    background-color: var(--clr-gray-50);
+    /* background-color: var(--clr-gray-50); */
+    background-color: #fcf9fb;
     border-top: 2px solid #fff;
     padding: var(--dialog-padding);
     margin: auto;
diff --git a/src/assets/forms.css b/src/assets/forms.css
index fe0c2959..5d2be197 100644
--- a/src/assets/forms.css
+++ b/src/assets/forms.css
@@ -46,7 +46,8 @@
     --form-clr-text: var(--clr-gray-800);
     --form-clr-bg: #fff;
     --form-clr-bg-focus: #fff;
-    --form-clr-border: var(--clr-gray-100);
+    /* --form-clr-border: var(--clr-gray-100); */
+    --form-clr-border: #ece6ea;
     --form-clr-border-focus: var(--clr-gray-800);
     --form-clr-placeholder: var(--clr-gray-500);
     -webkit-appearance: none;
diff --git a/src/components/Calculator/CocktailPriceCalculator.vue b/src/components/Calculator/CocktailPriceCalculator.vue
new file mode 100644
index 00000000..c46a4e8e
--- /dev/null
+++ b/src/components/Calculator/CocktailPriceCalculator.vue
@@ -0,0 +1,94 @@
+<template>
+    <div>
+        <div class="dialog-title">{{ props.cocktail.name }}</div>
+        <OverlayLoader v-if="isLoadingPrices"></OverlayLoader>
+        <div class="cocktail-price-calculator__prices">
+            <div v-for="cocktailPrice in cocktailPrices">
+                <CocktailPrice :cocktail-price=cocktailPrice></CocktailPrice>
+                <a href="#" @click.prevent="selectedCocktailPrice = cocktailPrice"><span style="letter-spacing: -4px;">&boxur;&rtrif;</span> {{ $t('price.select') }}</a>
+            </div>
+        </div>
+        <div class="form-group">
+            <label class="form-label form-label--required" for="name">{{ $t('target-pour-cost') }}:</label>
+            <input id="name" v-model="targetPourCost" class="form-input" type="text" required>
+            <span class="form-input-hint">{{ $t('target-pour-cost-help') }}</span>
+        </div>
+        <h2 class="cocktail-price-calculator__price" v-if="finalPrice">
+            <small>{{ $t('price.price') }}</small>
+            {{ UnitHandler.formatPrice(parseFloat(finalPrice.price), finalPrice.currency) }}
+        </h2>
+        <div class="dialog-actions">
+            <button class="button button--outline" @click="emit('closed')">{{ $t('cancel') }}</button>
+            <button type="button" class="button button--dark" :disabled="!finalPrice" @click="selectFinalPrice">{{ $t('price.select') }}</button>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import type { components } from '@/api/api'
+import UnitHandler from '@/UnitHandler'
+import BarAssistantClient from '@/api/BarAssistantClient';
+import CocktailPrice from './../Cocktail/CocktailPrice.vue'
+import OverlayLoader from '../OverlayLoader.vue';
+
+type Cocktail = components["schemas"]["Cocktail"]
+type CocktailPrice = components["schemas"]["CocktailPrice"]
+
+const props = defineProps<{
+    cocktail: Cocktail
+}>()
+
+const emit = defineEmits(['closed', 'selectedPrice'])
+
+const targetPourCost = ref(22)
+const isLoadingPrices = ref(false)
+const cocktailPrices = ref([] as CocktailPrice[])
+const selectedCocktailPrice = ref(null as CocktailPrice|null)
+
+const finalPrice = computed(() => {
+    if (!selectedCocktailPrice.value) {
+        return null
+    }
+
+    return {
+        price: ((selectedCocktailPrice.value.total_price.price / targetPourCost.value) * 100).toFixed(2),
+        currency: selectedCocktailPrice.value.price_category.currency,
+    }
+})
+
+async function fetchCocktailPrices() {
+    isLoadingPrices.value = true
+    cocktailPrices.value = (await BarAssistantClient.getCocktailPrices(props.cocktail.id.toString()))?.data ?? [] as CocktailPrice[]
+    isLoadingPrices.value = false
+}
+
+function selectFinalPrice() {
+    emit('selectedPrice', finalPrice.value)
+    emit('closed')
+}
+
+fetchCocktailPrices()
+</script>
+
+<style scoped>
+.cocktail-price-calculator__prices {
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap-size-2);
+    max-height: 450px;
+    overflow-y: auto;
+    margin-bottom: var(--gap-size-3);
+}
+
+.cocktail-price-calculator__price {
+    font-size: 1.5rem;
+    font-weight: var(--fw-bold);
+    text-align: right;
+}
+
+.cocktail-price-calculator__price small {
+    display: block;
+    font-size: 0.85rem;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Cocktail/CocktailDetails.vue b/src/components/Cocktail/CocktailDetails.vue
index 561fb22d..ca5f6a65 100644
--- a/src/components/Cocktail/CocktailDetails.vue
+++ b/src/components/Cocktail/CocktailDetails.vue
@@ -15,6 +15,7 @@ import OverlayLoader from '@/components/OverlayLoader.vue'
 import UnitHandler from '@/UnitHandler'
 import NoteDetails from '@/components/Note/NoteDetails.vue'
 import NoteDialog from '@/components/Note/NoteDialog.vue'
+import CocktailPrice from './CocktailPrice.vue'
 import SaltRimDialog from '@/components/Dialog/SaltRimDialog.vue'
 import CollectionDialog from '@/components/Collections/CollectionDialog.vue'
 import CocktailCollections from '@/components/Collections/CollectionWidget.vue'
@@ -34,6 +35,7 @@ type CocktailIngredient = components["schemas"]["CocktailIngredient"]
 type Note = components["schemas"]["Note"]
 type ShoppingList = components["schemas"]["ShoppingList"]
 type CocktailBasic = components["schemas"]["CocktailBasic"]
+type CocktailPrice = components["schemas"]["CocktailPrice"]
 
 const { t } = useI18n()
 const appState = new AppState()
@@ -43,6 +45,7 @@ const toast = useSaltRimToast()
 const confirm = useConfirm()
 const isLoading = ref(false)
 const isLoadingNotes = ref(false)
+const isLoadingPrices = ref(false)
 const isLoadingShoppingList = ref(false)
 const isLoadingShare = ref(false)
 const isLoadingFavorite = ref(false)
@@ -56,6 +59,7 @@ const currentBatchType = ref('servings')
 const showDownloadImageDialog = ref(false)
 const cocktail = ref({} as Cocktail)
 const userNotes = ref([] as Note[])
+const cocktailPrices = ref([] as CocktailPrice[])
 const userShoppingListIngredients = ref([] as ShoppingList[])
 const ingredientScaleFactor = ref(1)
 const currentUnit = ref(appState.defaultUnit)
@@ -98,6 +102,10 @@ const sortedImages = computed(() => {
     return cocktail.value.images.slice(0).sort((a, b) => (a?.sort ?? 0) - (b?.sort ?? 0))
 })
 
+const completeCocktailPrices = computed(() => {
+    return cocktailPrices.value.filter(price => price.prices_per_ingredient.length > 0)
+})
+
 // Ingredient amount scale factor when batch type is volume
 const volumeScaleFactor = computed(() => {
     const volInMl = parseFloat(cocktail.value?.volume_ml?.toString() ?? '')
@@ -176,7 +184,8 @@ async function fetchCocktail(idOrSlug: string) {
         targetVolumeDilution.value = cocktail.value.method.dilution_percentage
     }
 
-    await fetchCocktailUserNotes()
+    fetchCocktailUserNotes()
+    fetchCocktailPrices()
     fetchFavorites()
 }
 
@@ -202,6 +211,12 @@ async function fetchCocktailUserNotes() {
     isLoadingNotes.value = false
 }
 
+async function fetchCocktailPrices() {
+    isLoadingPrices.value = true
+    cocktailPrices.value = (await BarAssistantClient.getCocktailPrices(cocktail.value.id.toString()))?.data ?? [] as CocktailPrice[]
+    isLoadingPrices.value = false
+}
+
 async function fetchShoppingList() {
     isLoadingShoppingList.value = true
     userShoppingListIngredients.value = (await BarAssistantClient.getShoppingList(appState.user.id))?.data ?? [] as ShoppingList[]
@@ -639,6 +654,13 @@ fetchShoppingList()
                     <h3 class="details-block-container__title">{{ t('garnish') }}</h3>
                     <div v-html="parsedGarnish"></div>
                 </div>
+                <div v-if="completeCocktailPrices.length > 0" class="block-container block-container--padded">
+                    <h3 class="details-block-container__title">{{ t('price.prices') }}</h3>
+                    <p>Prices are categorized by bar price categories. If price category is missing, the ingredients don't have a price in that category. If there are multiple prices in category, the minimum price is used. Keep in mind that the price is just an estimate and might not be accurate.</p>
+                    <div class="cocktail-prices">
+                        <CocktailPrice v-for="cocktailPrice in completeCocktailPrices" :cocktail-price=cocktailPrice></CocktailPrice>
+                    </div>
+                </div>
                 <div v-if="userNotes.length > 0" class="block-container block-container--padded">
                     <OverlayLoader v-if="isLoadingNotes" />
                     <h3 class="details-block-container__title">{{ t('notes') }}</h3>
@@ -666,7 +688,7 @@ swiper-container {
     display: grid;
     gap: var(--gap-size-3);
     grid-template-columns: 500px minmax(0, 1fr);
-    grid-template-rows: 1fr;
+    grid-template-rows: 700px 100%;
     grid-template-areas:
         "image content"
         "sidebar content";
@@ -681,6 +703,7 @@ swiper-container {
 @media (max-width: 800px) {
     .cocktail-details {
         grid-template-columns: minmax(0, 1fr);
+        grid-template-rows: 1fr;
         grid-template-areas:
             "image"
             "content"
@@ -827,4 +850,11 @@ swiper-container {
 .cocktail-ingredients__actions {
     margin-bottom: var(--gap-size-3);
 }
+
+.cocktail-prices {
+    margin-top: var(--gap-size-3);
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap-size-2);
+}
 </style>
diff --git a/src/components/Cocktail/CocktailPrice.vue b/src/components/Cocktail/CocktailPrice.vue
new file mode 100644
index 00000000..31b0a1a1
--- /dev/null
+++ b/src/components/Cocktail/CocktailPrice.vue
@@ -0,0 +1,60 @@
+<template>
+    <div class="block-container block-container--inset cocktail-price">
+        <div class="cocktail-price__price">
+            <h4>
+                {{ UnitHandler.formatPrice(cocktailPrice.total_price.price, cocktailPrice.total_price.currency) }}
+                <small>{{ cocktailPrice.price_category.name }}</small>
+            </h4>
+        </div>
+        <ul class="cocktail-price__ingredients">
+            <li v-for="ingredient in cocktailPrice.prices_per_ingredient" :key="ingredient.ingredient.id">
+                {{ ingredient.ingredient.name }} &middot; {{ UnitHandler.formatPrice(ingredient.price_per_pour.price, ingredient.price_per_pour.currency) }} <small>/per use</small>
+            </li>
+            <li class="cocktail-price__missing-note" v-if="cocktailPrice.missing_prices_count > 0">Some ingredients are missing prices</li>
+        </ul>
+    </div>
+</template>
+
+<script setup lang="ts">
+import UnitHandler from '@/UnitHandler'
+import type { components } from '@/api/api'
+
+type CocktailPrice = components["schemas"]["CocktailPrice"]
+
+defineProps<{
+    cocktailPrice: CocktailPrice
+}>()
+</script>
+
+<style scoped>
+.cocktail-price {
+    padding: var(--gap-size-3);
+    display: flex;
+}
+
+.cocktail-price__price h4 {
+    font-size: 1.25rem;
+    font-weight: var(--fw-bold);
+}
+
+.cocktail-price__price small {
+    font-size: 1rem;
+    font-weight: normal;
+    display: block;
+}
+
+.cocktail-price__ingredients {
+    list-style: none;
+    text-align: right;
+    margin-left: auto;
+}
+
+.cocktail-price__ingredients small {
+    color: var(--clr-gray-400);
+}
+
+.cocktail-price__missing-note {
+    font-size: 0.85rem;
+    color: var(--clr-red);
+}
+</style>
\ No newline at end of file
diff --git a/src/components/Ingredient/IngredientDetails.vue b/src/components/Ingredient/IngredientDetails.vue
index 6133fa37..56381be8 100644
--- a/src/components/Ingredient/IngredientDetails.vue
+++ b/src/components/Ingredient/IngredientDetails.vue
@@ -285,6 +285,7 @@ export default {
     display: grid;
     gap: var(--gap-size-3);
     grid-template-columns: 300px minmax(0, 1fr);
+    grid-template-rows: 400px 100%;
     grid-template-areas:
         "image content"
         "sidebar content";
@@ -299,6 +300,7 @@ export default {
 @media (max-width: 600px) {
     .ingredient-details {
         grid-template-columns: minmax(0, 1fr);
+        grid-template-rows: 1fr;
         grid-template-areas:
             "image"
             "content"
diff --git a/src/components/Menu/MenuIndex.vue b/src/components/Menu/MenuIndex.vue
index 5fdc84d2..3c402f5e 100644
--- a/src/components/Menu/MenuIndex.vue
+++ b/src/components/Menu/MenuIndex.vue
@@ -17,6 +17,11 @@
                         <span>{{ $t('menu.is-active') }}</span>
                     </label>
                 </div>
+                <p>
+                    <a href="#" @click.prevent="quickAddShelf">{{ $t('menu.add-shelf-cocktails') }}</a>
+                    &middot;
+                    <a href="#" @click.prevent="exportMenu">{{ $t('menu.export') }}</a>
+                </p>
             </div>
             <div class="block-container block-container--padded menu-qr-code">
                 <QRCodeVue3
@@ -36,6 +41,8 @@
                         <input :id="'menu-category-' + idx" v-model="category.name" class="form-input" type="text">
                     </div>
                     <a href="#" @click.prevent="removeCategory(category)">{{ $t('menu.remove-category') }}</a>
+                    &middot;
+                    <a href="#" @click.prevent="clearCategory(category)">{{ $t('menu.clear-category') }}</a>
                 </div>
                 <div ref="cocktailsList" class="menu-category-cocktails" :data-category-idx="idx">
                     <div v-for="(cocktail, cidx) in category.cocktails" :key="cocktail.id" class="block-container menu-category__cocktail" :data-id="cocktail.id">
@@ -44,7 +51,17 @@
                             <div>
                                 <h4>{{ cocktail.name }}</h4>
                                 <small>{{ cocktail.short_ingredients.join(', ') }}</small><br>
-                                <a href="#" @click.prevent="copyCurrency(cocktail.price.currency)">{{ $t('menu.copy-currency') }}</a> &middot; <a href="#" @click.prevent="removeCocktail(category, cocktail)">{{ $t('remove') }}</a>
+                                <a href="#" @click.prevent="copyCurrency(cocktail.price.currency)">{{ $t('menu.copy-currency') }}</a> &middot; <a href="#" @click.prevent="removeCocktail(category, cocktail)">{{ $t('remove') }}</a> &middot;
+                                <SaltRimDialog v-model="showCurrencyCalculator[cidx + '-' + idx]">
+                                    <template #trigger>
+                                        <a style="margin-top: 0.5rem; display: inline-block;" href="#addcocktail" @click.prevent="showCurrencyCalculator[cidx + '-' + idx] = !showCurrencyCalculator[cidx + '-' + idx]">
+                                            {{ $t('menu.calculate-price') }}
+                                        </a>
+                                    </template>
+                                    <template #dialog>
+                                        <CocktailPriceCalculator :cocktail="cocktail" @selected-price="price => handleCalculatedPrice(cocktail, price)" @closed="showCurrencyCalculator[cidx + '-' + idx] = false"></CocktailPriceCalculator>
+                                    </template>
+                                </SaltRimDialog>
                             </div>
                             <div class="menu-category__cocktail__content__price">
                                 <div class="form-group">
@@ -85,6 +102,7 @@ import PageHeader from '../PageHeader.vue'
 import Sortable from 'sortablejs'
 import SaltRimDialog from './../Dialog/SaltRimDialog.vue'
 import CocktailFinder from './../CocktailFinder.vue'
+import CocktailPriceCalculator from './../Calculator/CocktailPriceCalculator.vue'
 import AppState from '../../AppState'
 import QRCodeVue3 from 'qrcode-vue3'
 import OverlayLoader from '../OverlayLoader.vue'
@@ -98,11 +116,13 @@ export default {
         SaltRimDialog,
         QRCodeVue3,
         OverlayLoader,
+        CocktailPriceCalculator,
     },
     data() {
         return {
             isLoading: false,
             showCocktailFinder: {},
+            showCurrencyCalculator: {},
             appState: new AppState(),
             categories: [],
             bar: {},
@@ -140,17 +160,11 @@ export default {
         this.refreshBar()
     },
     methods: {
-        selectCocktail(cocktail, category, finderIdx) {
+        addCocktailToCategory(cocktail, category) {
             if (this.cocktails.findIndex(c => parseInt(c.id) == parseInt(cocktail.id)) >= 0) {
-                this.$toast.default(this.$t('menu.cocktail-already-added', {name: cocktail.name}))
-
                 return
             }
 
-            this.$toast.default(this.$t('menu.cocktail-added', {name: cocktail.name}))
-
-            this.showCocktailFinder[finderIdx] = false
-
             category.cocktails.push({
                 id: cocktail.id,
                 slug: cocktail.slug,
@@ -163,11 +177,30 @@ export default {
                 },
             })
         },
-        addCategory() {
-            this.categories.push({
-                name: 'Category name ' + (this.categories.length + 1),
+        selectCocktail(cocktail, category, finderIdx) {
+            if (this.cocktails.findIndex(c => parseInt(c.id) == parseInt(cocktail.id)) >= 0) {
+                this.$toast.default(this.$t('menu.cocktail-already-added', {name: cocktail.name}))
+
+                return
+            }
+
+            this.showCocktailFinder[finderIdx] = false
+
+            this.addCocktailToCategory(cocktail, category)
+
+            this.$toast.default(this.$t('menu.cocktail-added', {name: cocktail.name}))
+        },
+        addCategory(e, name) {
+            if (!name) {
+                name = 'Category name ' + (this.categories.length + 1)
+            }
+
+            const category = {
+                name: name,
                 cocktails: []
-            })
+            };
+
+            this.categories.push(category)
 
             this.$toast.default(this.$t('menu.category-added'))
 
@@ -175,6 +208,8 @@ export default {
                 this.refreshSortable()
                 document.querySelector(`[data-category-idx="${this.categories.length - 1}"]`).scrollIntoView(true)
             })
+
+            return category
         },
         removeCategory(category) {
             if (category.cocktails.length > 0) {
@@ -197,6 +232,19 @@ export default {
                 1
             )
         },
+        clearCategory(category) {
+            if (category.cocktails.length == 0) {
+                return
+            }
+
+            this.$confirm(this.$t('menu.clear-category-confirm', {name: category.name}), {
+                onResolved: (dialog) => {
+                    dialog.close()
+                    this.$toast.default(this.$t('menu.category-cleared'))
+                    category.cocktails = []
+                }
+            })
+        },
         removeCocktail(category, cocktail) {
             this.$confirm(this.$t('menu.delete-cocktail-confirm', {name: cocktail.name}), {
                 onResolved: (dialog) => {
@@ -230,6 +278,19 @@ export default {
             }).catch(() => {
             })
         },
+        async exportMenu() {
+            const csv = await BarAssistantClient.getMenuExport()
+            const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
+
+            const url = window?.URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.setAttribute('download', this.appState.bar.slug + '-menu.csv');
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            window?.URL.revokeObjectURL(url);
+        },
         refreshSortable() {
             this.sortableInstances = []
             const self = this
@@ -267,6 +328,23 @@ export default {
                 })
             })
         },
+        handleCalculatedPrice(cocktail, e) {
+            cocktail.price.price = e.price
+            cocktail.price.currency = e.currency
+        },
+        quickAddShelf() {
+            this.isLoading = true
+            BarAssistantClient.getBarShelfCocktails(this.appState.user.id).then((resp) => {
+                const cat = this.addCategory(null, 'Bar shelf')
+                resp.data.forEach(cocktail => {
+                    this.addCocktailToCategory(cocktail, cat)
+                })
+                this.isLoading = false
+                this.$toast.default(this.$t('menu.added-multiple-cocktails'))
+            }).catch(() => {
+                this.isLoading = false
+            })
+        },
         saveMenu() {
             this.isLoading = true
 
diff --git a/src/components/Menu/MenuPublicIndex.vue b/src/components/Menu/MenuPublicIndex.vue
index 637d16fc..6962252e 100644
--- a/src/components/Menu/MenuPublicIndex.vue
+++ b/src/components/Menu/MenuPublicIndex.vue
@@ -81,7 +81,16 @@ export default {
 </script>
 <style scoped>
 .public-page__header {
-    padding: 2rem 0;
+    padding: var(--gap-size-3);
+    margin: var(--gap-size-3) 0;
+    background-color: #332d46;
+    border-bottom: 1px solid #6b6188;
+    box-shadow:
+        inset 0px 0.4px 0.5px hsl(var(--shadow-color-dark) / 0.25),
+        inset 0px 1.1px 1.2px -0.8px hsl(var(--shadow-color-dark) / 0.25),
+        inset 0px 2.6px 2.9px -1.7px hsl(var(--shadow-color-dark) / 0.25),
+        inset 0px 6.3px 7.1px -2.5px hsl(var(--shadow-color-dark) / 0.25);
+    border-radius: var(--radius-3);
 }
 
 .public-page {
@@ -104,12 +113,17 @@ export default {
     color: var(--clr-gray-200);
 }
 
+.public-page-menu {
+    padding: var(--gap-size-3);
+    background-color: var(--clr-gray-100);
+    border-radius: var(--radius-2);
+}
+
 .public-page-menu__bar {
-    color: var(--clr-gray-200);
+    color: var(--clr-gray-900);
 }
 
 .public-page-menu__bar h2 {
-    color: var(--clr-gray-100);
     font-weight: var(--fw-bold);
 }
 
@@ -118,9 +132,8 @@ export default {
     font-size: 1rem;
     text-transform: uppercase;
     letter-spacing: 1px;
-    color: #DDD4F0;
+    color: var(--clr-gray-800);
     font-weight: var(--fw-bold);
-    text-shadow: 0 2px 0 rgba(0, 0, 0, .7);
 }
 
 .public-page-menu__category__cocktails {
@@ -141,8 +154,8 @@ export default {
     display: flex;
     gap: var(--gap-size-3);
     padding: var(--gap-size-2);
-    border-radius: var(--radius-3);
-    color: var(--clr-gray-600);
+    border-radius: var(--radius-1);
+    /* color: var(--clr-gray-600); */
     box-shadow: var(--shadow-elevation-low-dark);
 }
 
@@ -158,7 +171,7 @@ export default {
     height: 100px;
     flex-basis: 100px;
     flex-shrink: 0;
-    border-radius: var(--radius-2);
+    border-radius: var(--radius-1);
     overflow: hidden;
 }
 
@@ -204,14 +217,15 @@ export default {
 }
 
 .public-page-menu__cocktail__price {
-    font-size: 1.25rem;
+    font-size: 1.5rem;
+    color: var(--clr-gray-900);
     font-weight: var(--fw-bold);
 }
 
 @media (max-width: 545px) {
     .public-page-menu__cocktail__price {
         margin-top: auto;
-        font-size: 1rem;
+        font-size: 1.15rem;
         text-align: right;
     }
 }
diff --git a/src/locales/messages/en-US.json b/src/locales/messages/en-US.json
index c892626e..685f923a 100644
--- a/src/locales/messages/en-US.json
+++ b/src/locales/messages/en-US.json
@@ -508,7 +508,13 @@
     "cocktail-removed": "Cocktail removed from menu category",
     "menu-not-found": "Menu not found",
     "description": "Here you can set up a simple web menu for your bar. You can update your bar link when adding or editing a bar. Use the URL or QR code to share your bar menu with the guests.",
-    "no-cocktails-added": "Menu needs to have at least one cocktail"
+    "no-cocktails-added": "Menu needs to have at least one cocktail",
+    "calculate-price": "Calculate price",
+    "clear-category-confirm": "This will remove all cocktails from category \"{name}\"",
+    "category-cleared": "Category cleared",
+    "clear-category": "Clear category",
+    "add-shelf-cocktails": "Add missing cocktails from bar shelf",
+    "export": "Export as csv"
   },
   "bar": {
     "url": "Custom bar URL",
@@ -596,7 +602,8 @@
     "currency": "Currency",
     "currency-format-notice": "Currency must be in ISO 4271 (Alpha3) format",
     "price-categories-empty": "There is no price categories",
-    "no-matching-units": "No matching unit pricing found"
+    "no-matching-units": "No matching unit pricing found",
+    "select": "Select price"
   },
   "prices": {
     "add": "Add price",
@@ -611,5 +618,7 @@
   "bar_shelf": {
     "cocktails": "Bar shelf cocktails"
   },
-  "bar-shelf-ingredients": "Bar shelf ingredients"
+  "bar-shelf-ingredients": "Bar shelf ingredients",
+  "target-pour-cost": "Target pour cost",
+  "target-pour-cost-help": "Percentage of the cocktail's selling price that comes from the cost of the ingredients."
 }