Merge pull request 'Jednostki' (#16) from jednostki into master

Reviewed-on: #16

.env.example

@@ -1,3 +1,8 @@
+# UWAGA:
+# Po zmianie pliku .env samo `docker compose restart` może nie wystarczyć.
+# Aby nowe wartości zostały na pewno wczytane do kontenerów, użyj:
+# docker compose up -d --force-recreate
+
 # APP_PORT:
 # Domyślny port, na którym uruchamiana jest aplikacja Flask
 # Domyślnie: 8000
@@ -6,27 +11,30 @@ APP_PORT=8000
 # SECRET_KEY:
 # Klucz używany przez Flask do zabezpieczenia sesji, tokenów i formularzy
 # Powinien być długi i trudny do odgadnięcia
-SECRET_KEY=supersekretnyklucz123
+# Może zawierać znaki specjalne
+SECRET_KEY="supersekretnyklucz123"
 
 # SYSTEM_PASSWORD:
 # Hasło główne administratora systemowego, używane np. przy inicjalizacji
 # Domyślnie: admin
-SYSTEM_PASSWORD=admin
+# Może zawierać znaki specjalne
+SYSTEM_PASSWORD="admin"
 
 # DEFAULT_ADMIN_USERNAME:
 # Domyślna nazwa użytkownika administratora (tworzona przy starcie)
 # Domyślnie: admin
-DEFAULT_ADMIN_USERNAME=admin
+DEFAULT_ADMIN_USERNAME="admin"
 
 # DEFAULT_ADMIN_PASSWORD:
 # Domyślne hasło administratora
 # Domyślnie: admin123
-DEFAULT_ADMIN_PASSWORD=admin123
+# Może zawierać znaki specjalne
+DEFAULT_ADMIN_PASSWORD="admin123"
 
 # UPLOAD_FOLDER:
 # Ścieżka (względna) do katalogu, gdzie zapisywane są wgrywane pliki
 # Domyślnie: uploads
-UPLOAD_FOLDER=uploads
+UPLOAD_FOLDER="uploads"
 
 # SESSION_TIMEOUT_MINUTES:
 # Czas bezczynności użytkownika (w minutach), po którym sesja wygasa
@@ -41,8 +49,12 @@ AUTH_COOKIE_MAX_AGE=86400
 # AUTHORIZED_COOKIE_VALUE:
 # Wartość ciasteczka uprawniającego do dostępu (np. do zasobów zabezpieczonych)
 # Powinna być trudna do przewidzenia
-# Chodzi to o zabezpieczenie strony "hasłęm głównym czyli endpointem /system-auth"
-AUTHORIZED_COOKIE_VALUE=twoj_wlasny_hash
+# Chodzi o zabezpieczenie strony "hasłem głównym", czyli endpointem /system-auth
+# Może zawierać znaki specjalne
+# UWAGA: zmiana SYSTEM_PASSWORD nie unieważnia automatycznie wcześniej wydanych ciasteczek.
+# Aby wymusić ponowną autoryzację, zmień także AUTHORIZED_COOKIE_VALUE
+# lub wyczyść ciasteczka w przeglądarce.
+AUTHORIZED_COOKIE_VALUE="twoj_wlasny_hash"
 
 # SESSION_COOKIE_SECURE:
 # Określa, czy ciasteczko sesyjne (Flask session) ma mieć ustawiony atrybut "Secure".
@@ -54,39 +66,54 @@ SESSION_COOKIE_SECURE=0
 # BCRYPT_PEPPER:
 # Dodatkowy „sekretny klucz” (pepper) dodawany do hasła przed zahashowaniem
 # Zwiększa bezpieczeństwo przechowywanych haseł
-BCRYPT_PEPPER=sekretnyKluczbcrypt
+# Może zawierać znaki specjalne
+BCRYPT_PEPPER="sekretnyKluczbcrypt"
 
 # HEALTHCHECK_TOKEN:
 # Token wykorzystywany do sprawdzania stanu aplikacji (np. w Docker Compose)
 # Domyślnie: alamapsaikota123
-HEALTHCHECK_TOKEN=alamapsaikota123
+# Może zawierać znaki specjalne
+HEALTHCHECK_TOKEN="alamapsaikota123"
 
 # Rodzaj bazy: sqlite, pgsql, mysql
-# Mozliwe wartosci: sqlite / pgsql / mysql
-DB_ENGINE=sqlite
+# Możliwe wartości: sqlite / pgsql / mysql
+DB_ENGINE="sqlite"
 
 # --- Konfiguracja dla sqlite ---
-# Plik bazy bedzie utworzony automatycznie w katalogu ./instance
-# Pozostale zmienne sa ignorowane przy DB_ENGINE=sqlite
+# Plik bazy będzie utworzony automatycznie w katalogu ./instance
+# Pozostałe zmienne są ignorowane przy DB_ENGINE=sqlite
 
 # --- Konfiguracja dla pgsql ---
 # Ustaw DB_ENGINE=pgsql
-# Domyslny port PostgreSQL to 5432
-# Wymaga dzialajacego serwera PostgreSQL (np. kontener `postgres`)
+# Domyślny port PostgreSQL to 5432
+# Wymaga działającego serwera PostgreSQL (np. kontener `postgres`)
 
 # --- Konfiguracja dla mysql ---
 # Ustaw DB_ENGINE=mysql
-# Domyslny port MySQL to 3306
-# Wymaga kontenera z MySQL i uzytkownika z dostepem do bazy
+# Domyślny port MySQL to 3306
+# Wymaga kontenera z MySQL i użytkownika z dostępem do bazy
 
-# Wspolne zmienne (dla pgsql, mysql)
+# Wspólne zmienne (dla pgsql, mysql)
 # DB_HOST = pgsql lub mysql zgodnie z deployem (profil w docker-compose.yml)
 
-DB_HOST=pgsql 
+DB_HOST="pgsql"
 DB_PORT=5432
-DB_NAME=myapp
-DB_USER=user
-DB_PASSWORD=pass
+
+# DB_NAME:
+# Nazwa bazy danych
+# Może zawierać znaki specjalne, ale zalecane są proste nazwy
+DB_NAME="myapp"
+
+# DB_USER:
+# Użytkownik bazy danych
+# Może zawierać znaki specjalne
+DB_USER="user"
+
+# DB_PASSWORD:
+# Hasło do bazy danych
+# Może zawierać znaki specjalne
+# Zalecane jest używanie wartości w cudzysłowach
+DB_PASSWORD="pass"
 
 # ========================
 # Nagłówki bezpieczeństwa
@@ -164,8 +191,14 @@ UPLOADS_CACHE_CONTROL="max-age=3600, immutable"
 # Lista domyślnych kategorii tworzonych automatycznie przy starcie aplikacji,
 # jeśli nie istnieją w bazie danych.
 # Podaj w formacie CSV (oddzielone przecinkami) – kolejność zostanie zachowana.
-# Możesz dodać własne kategorie
-# UWAGA: Wielkość liter w nazwach jest zachowywana, ale porównywanie odbywa się
+# Możesz dodać własne kategorie.
+# UWAGA: wielkość liter w nazwach jest zachowywana, ale porównywanie odbywa się
 # bez rozróżniania wielkości liter (case-insensitive).
 # Domyślnie: poniższa lista
 DEFAULT_CATEGORIES="Spożywcze,Budowlane,Zabawki,Chemia,Inne,Elektronika,Odzież i obuwie,Artykuły biurowe,Kosmetyki i higiena,Motoryzacja,Ogród i rośliny,Zwierzęta,Sprzęt sportowy,Książki i prasa,Narzędzia i majsterkowanie,RTV / AGD,Apteka i suplementy,Artykuły dekoracyjne,Gry i hobby,Usługi,Pieczywo"
+
+# Waluta używana w całej aplikacji (kwoty, paragony, analizy)
+# Użyj kodu ISO 4217 (np. PLN, EUR, USD, GBP)
+# Domyślnie: PLN (jeśli zmienna nie jest ustawiona)
+
+CURRENCY_CODE=PLN

.gitignore

@@ -10,4 +10,5 @@ db/pgsql/*
 db/shopping.db
 *.swp
 version.txt
-deploy/varnish/default.vcl
+deploy/varnish/default.vcl
+*.zip

CLI_OPIS.txt

@@ -9,22 +9,53 @@ flask admins promote <username|id>
 flask admins demote <username|id>
 flask admins set-password <username|id> <password>
 
+Opis:
+- list: pokazuje wszystkich uzytkownikow wraz z ID i rola
+- create: tworzy konto admina lub zwyklego uzytkownika
+- promote: nadaje uprawnienia administratora
+- demote: odbiera uprawnienia administratora
+- set-password: ustawia nowe haslo dla wskazanego konta
+
 Listy
 -----
 flask lists copy-schedule --source-list-id 12 --when "2026-03-20 18:30"
 flask lists copy-schedule --source-list-id 12 --when "2026-03-20 18:30" --owner admin
 flask lists copy-schedule --source-list-id 12 --when "2026-03-20 18:30" --title "Zakupy piatkowe"
+flask lists move --list-id 12 --when "2026-03-21 09:00"
+flask lists move --list-id 12 --when "2026-03-21 09:00" --keep-item-times --keep-expiry
+flask lists archive --list-id 12
+flask lists unarchive --list-id 12
+flask lists assign-owner --list-id 12 --owner admin
+flask lists create-from-template --template-id 5 --owner admin --when "2026-03-22 08:00"
+flask lists create-from-template --template-id 5 --owner admin --title "Weekend"
+flask lists delete --list-id 12
+flask lists rename --list-id 12 --title "Nowa nazwa listy"
+flask lists duplicate-many --source-list-id 12 --when-list "2026-03-23 08:00,2026-03-24 08:00,2026-03-25 08:00"
+flask lists duplicate-many --source-list-id 12 --when-list "2026-03-23 08:00,2026-03-24 08:00" --owner admin --title-prefix "Sklep"
 
 Zasady dzialania
 ----------------
 - copy-schedule tworzy nowa liste na podstawie istniejacej
-- kopiuje pozycje i przypisane kategorie
-- ustawia nowy created_at na wartosc z parametru --when
+- copy-schedule kopiuje pozycje i przypisane kategorie
+- copy-schedule ustawia nowy created_at na wartosc z parametru --when
 - gdy lista byla tymczasowa i miala expires_at, termin wygasniecia jest przesuwany o ten sam odstep czasu
 - wydatki i paragony nie sa kopiowane
-
+- move przenosi istniejaca liste na wskazany dzien/godzine
+- move domyslnie przesuwa rowniez czasy pozycji i expires_at o ten sam offset czasu
+- move z opcja --keep-item-times zostawia added_at i purchased_at bez zmian
+- move z opcja --keep-expiry zostawia expires_at bez zmian
+- archive oznacza liste jako archiwalna
+- unarchive przywraca liste z archiwum
+- assign-owner zmienia wlasciciela listy
+- create-from-template tworzy nowa liste z szablonu dla wskazanego wlasciciela
+- create-from-template bez --when ustawia biezacy czas UTC
+- delete usuwa liste wraz z powiazanymi pozycjami, historią i paragonami zaleznymi od relacji bazy
+- rename zmienia tytul listy
+- duplicate-many tworzy wiele kopii tej samej listy dla wielu terminow przekazanych w --when-list
+- duplicate-many opcjonalnie pozwala zmienic wlasciciela i nadac prefiks nazwy nowym listom
 
 SZABLONY I HISTORIA:
-- Historia zmian listy jest widoczna w widoku listy właściciela.
-- Szablon można utworzyć z panelu admina lub z poziomu listy właściciela.
-- Admin może szybko utworzyć listę z szablonu i zduplikować listę jednym kliknięciem.
+- Historia zmian listy jest widoczna w widoku listy wlasciciela.
+- Szablon mozna utworzyc z panelu admina lub z poziomu listy wlasciciela.
+- Admin moze szybko utworzyc liste z szablonu i zduplikowac liste jednym kliknieciem.
+- Operacje CLI takie jak copy-schedule, move, archive, unarchive, assign-owner, rename i create-from-template sa zapisywane w historii listy.

README.md

@@ -1,51 +1,21 @@
 # Aplikacja List Zakupów
 
-Prosta aplikacja webowa do zarządzania listami zakupów z obsługą użytkowników, OCR paragonów, statystykami i trybem współdzielenia.
-
-## Główne funkcje
-
-- Logowanie i zarządzanie użytkownikami (admin/user)
-- Tworzenie list zakupów z pozycjami i ilością
-- Wgrywanie paragonów (podstawowa obsługa OCR)
-- Archiwizacja i udostępnianie list (publiczne/prywatne)
-- Statystyki wydatków z podziałem na okresy, statystyki dla użytkowników
-- Panel administracyjny (statystyki, produkty, paragony, zarządzanie, użytkowmicy)
-- Tokeny API administratora i endpoint do pobierania ostatnich wydatków
-- Ujednolicony UI formularzy, tabel i przycisków oraz drobne usprawnienia UX
+Aplikacja webowa do zarządzania listami zakupów z obsługą użytkowników, OCR paragonów, statystykami i trybem współdzielenia.
 
 ## Wymagania
 
-- Python 3.9+
-- Docker (opcjonalnie dla produkcji)
+- Docker
 
-## Instalacja lokalna (deweloperska)
+## Instalacja
 
 1. Sklonuj repozytorium:
 
    ```bash
-   git https://git.linuxiarz.pl/gru/lista_zakupowa_live.git
+   git pull https://git.linuxiarz.pl/gru/lista_zakupowa_live.git
    cd lista_zakupowa_live
    ```
 
-2. Utwórz i uzupełnij plik `.env` (zobacz `.env example`).
-
-3. Utwórz środowisko i zainstaluj zależności:
-
-   ```bash
-   python -m venv venv
-   source venv/bin/activate
-   pip install -r requirements.txt
-   ```
-
-4. Uruchom aplikację:
-
-   ```bash
-   flask --app app.py run
-   ```
-
-## Deploy z Docker Compose - stack (zalecana)
-
-1. Skonfiguruj `.env`.
+1. Skonfiguruj `.env` z pliku `.env.example` 
 
 2.1 Uruchom: (pgsql)
 
@@ -65,9 +35,16 @@ Prosta aplikacja webowa do zarządzania listami zakupów z obsługą użytkownik
    bash deploy_docker.sh sqlite
    ```
 
+2.3 Restart: 
+   ```bash
+   bash deploy_docker.sh pgsql restart
+   lub
+   bash deploy_docker.sh sqlite restart
+   ```
+
 Aplikacja będzie dostępna pod `http://localhost:8000`.
 
-## Domyślne dane logowania
+## Domyślne dane logowania - konfigurowane z pliku `.env`
 
 - Główne hasło systemowe: `admin`
 - Admin: `admin` / `admin123`
@@ -80,15 +57,35 @@ Ustaw `DB_ENGINE` oraz odpowiednie zmienne w `.env`:
 
 Przykład dla PostgreSQL:
 
-```env
-DB_ENGINE=pgsql
-DB_HOST=db
-DB_PORT=5432
-DB_NAME=myapp
-DB_USER=user
-DB_PASSWORD=pass
-```
+   ```bash
+   DB_ENGINE=pgsql
+   DB_HOST=db
+   DB_PORT=5432
+   DB_NAME=myapp
+   DB_USER=user
+   DB_PASSWORD=pass
+   ```
 
 ## CLI
 
-Opis komend administracyjnych znajduje sie w pliku `CLI_OPIS.txt`.
+Opis komend administracyjnych znajduje sie w pliku `KOMENDY_CLI.txt`.
+
+Komendy CLI uruchamiamy wewnatrz kontenera aplikacji. Najwygodniej wejsc do katalogu projektu i wykonac polecenie przez `docker compose exec app`.
+
+Przykladowe:
+
+   ```bash
+   cd /opt/lista_zakupowa_live
+   docker compose -f docker/compose.yml exec app sh -c 'flask lists copy-schedule --source-list-id 393 --when "2026-03-22 11:30" --owner admin'
+   ```
+
+Dodatkowe przyklady:
+
+   ```bash
+   docker compose -f docker/compose.yml exec app sh -c 'flask lists move --list-id 393 --when "2026-03-23 08:00"'
+
+   docker compose -f docker/compose.yml exec app sh -c 'flask lists rename --list-id 393 --title "Zakupy na poniedzialek"'
+
+   docker compose -f docker/compose.yml exec app sh -c 'flask lists create-from-template --template-id 7 --owner admin --when "2026-03-24 09:15" --title "Poranna lista"'
+   ```
+

config.py

@@ -1,85 +1,115 @@
 import os
+from urllib.parse import quote_plus
 
 basedir = os.path.abspath(os.path.dirname(__file__))
 
 
+def env_str(name, default=None):
+    value = os.environ.get(name)
+    return default if value is None else value
+
+
+def env_int(name, default):
+    value = os.environ.get(name)
+    if value is None or value == "":
+        return default
+    try:
+        return int(value)
+    except (TypeError, ValueError):
+        return default
+
+
+def env_bool(name, default=False):
+    value = os.environ.get(name)
+    if value is None:
+        return default
+    return str(value).strip().lower() in ("1", "true", "yes", "on")
+
+
 class Config:
-
     SESSION_COOKIE_HTTPONLY = True
-    SESSION_COOKIE_SAMESITE = "Lax"  # działa w HTTP i HTTPS
-    
-    SECRET_KEY = os.environ.get("SECRET_KEY", "D8pceNZ8q%YR7^7F&9wAC2")
+    SESSION_COOKIE_SAMESITE = "Lax"
 
-    APP_PORT = int(os.environ.get("APP_PORT", "8000") or "8000")
+    SECRET_KEY = env_str("SECRET_KEY", "D8pceNZ8q%YR7^7F&9wAC2")
+
+    APP_PORT = env_int("APP_PORT", 8000)
+
+    DB_ENGINE = env_str("DB_ENGINE", "sqlite").lower()
 
-    DB_ENGINE = os.environ.get("DB_ENGINE", "sqlite").lower()
     if DB_ENGINE == "sqlite":
         SQLALCHEMY_DATABASE_URI = (
             f"sqlite:///{os.path.join(basedir, 'db', 'shopping.db')}"
         )
+
     elif DB_ENGINE == "pgsql":
-        SQLALCHEMY_DATABASE_URI = f"postgresql://{os.environ['DB_USER']}:{os.environ['DB_PASSWORD']}@{os.environ['DB_HOST']}:{os.environ.get('DB_PORT', 5432)}/{os.environ['DB_NAME']}"
+        db_user = quote_plus(env_str("DB_USER", "user"))
+        db_password = quote_plus(env_str("DB_PASSWORD", "pass"))
+        db_host = env_str("DB_HOST", "pgsql")
+        db_port = env_str("DB_PORT", "5432")
+        db_name = quote_plus(env_str("DB_NAME", "myapp"))
+
+        SQLALCHEMY_DATABASE_URI = (
+            f"postgresql://{db_user}:{db_password}@{db_host}:{db_port}/{db_name}"
+        )
+
     elif DB_ENGINE == "mysql":
-        SQLALCHEMY_DATABASE_URI = f"mysql+pymysql://{os.environ['DB_USER']}:{os.environ['DB_PASSWORD']}@{os.environ['DB_HOST']}:{os.environ.get('DB_PORT', 3306)}/{os.environ['DB_NAME']}"
+        db_user = quote_plus(env_str("DB_USER", "user"))
+        db_password = quote_plus(env_str("DB_PASSWORD", "pass"))
+        db_host = env_str("DB_HOST", "mysql")
+        db_port = env_str("DB_PORT", "3306")
+        db_name = quote_plus(env_str("DB_NAME", "myapp"))
+
+        SQLALCHEMY_DATABASE_URI = (
+            f"mysql+pymysql://{db_user}:{db_password}@{db_host}:{db_port}/{db_name}"
+        )
+
     else:
         raise ValueError("Nieobsługiwany typ bazy danych.")
 
     SQLALCHEMY_TRACK_MODIFICATIONS = False
-    SYSTEM_PASSWORD = os.environ.get("SYSTEM_PASSWORD", "admin")
-    DEFAULT_ADMIN_USERNAME = os.environ.get("DEFAULT_ADMIN_USERNAME", "admin")
-    DEFAULT_ADMIN_PASSWORD = os.environ.get("DEFAULT_ADMIN_PASSWORD", "admin123")
-    UPLOAD_FOLDER = os.environ.get("UPLOAD_FOLDER", "uploads")
-    AUTHORIZED_COOKIE_VALUE = os.environ.get("AUTHORIZED_COOKIE_VALUE", "cookievalue")
-    BCRYPT_PEPPER = os.environ.get("BCRYPT_PEPPER", "sekretnyKluczBcrypt")
-    SESSION_COOKIE_SECURE = os.environ.get("SESSION_COOKIE_SECURE", "0") == "1"
-    HEALTHCHECK_TOKEN = os.environ.get("HEALTHCHECK_TOKEN", "alamapsaikota1234")
 
-    try:
-        AUTH_COOKIE_MAX_AGE = int(
-            os.environ.get("AUTH_COOKIE_MAX_AGE", "86400") or "86400"
-        )
-    except ValueError:
-        AUTH_COOKIE_MAX_AGE = 86400
+    SYSTEM_PASSWORD = env_str("SYSTEM_PASSWORD", "admin")
+    DEFAULT_ADMIN_USERNAME = env_str("DEFAULT_ADMIN_USERNAME", "admin")
+    DEFAULT_ADMIN_PASSWORD = env_str("DEFAULT_ADMIN_PASSWORD", "admin123")
+    UPLOAD_FOLDER = env_str("UPLOAD_FOLDER", "uploads")
+    AUTHORIZED_COOKIE_VALUE = env_str("AUTHORIZED_COOKIE_VALUE", "cookievalue")
+    BCRYPT_PEPPER = env_str("BCRYPT_PEPPER", "sekretnyKluczBcrypt")
+    SESSION_COOKIE_SECURE = env_bool("SESSION_COOKIE_SECURE", False)
+    HEALTHCHECK_TOKEN = env_str("HEALTHCHECK_TOKEN", "alamapsaikota1234")
 
-    try:
-        SESSION_TIMEOUT_MINUTES = int(
-            os.environ.get("SESSION_TIMEOUT_MINUTES", "10080") or "10080"
-        )
-    except ValueError:
-        SESSION_TIMEOUT_MINUTES = 10080
+    AUTH_COOKIE_MAX_AGE = env_int("AUTH_COOKIE_MAX_AGE", 86400)
+    SESSION_TIMEOUT_MINUTES = env_int("SESSION_TIMEOUT_MINUTES", 10080)
 
-    ENABLE_HSTS = os.environ.get("ENABLE_HSTS", "0") == "1"
-    ENABLE_XFO = os.environ.get("ENABLE_XFO", "0") == "1"
-    ENABLE_XCTO = os.environ.get("ENABLE_XCTO", "0") == "1"
-    ENABLE_CSP = os.environ.get("ENABLE_CSP", "0") == "1"
-    ENABLE_PP = os.environ.get("ENABLE_PP", "0") == "1"
-    REFERRER_POLICY = os.environ.get("REFERRER_POLICY") or None
+    ENABLE_HSTS = env_bool("ENABLE_HSTS", False)
+    ENABLE_XFO = env_bool("ENABLE_XFO", False)
+    ENABLE_XCTO = env_bool("ENABLE_XCTO", False)
+    ENABLE_CSP = env_bool("ENABLE_CSP", False)
+    ENABLE_PP = env_bool("ENABLE_PP", False)
 
-    DEBUG_MODE = os.environ.get("DEBUG_MODE", "1") == "1"
-    DISABLE_ROBOTS = os.environ.get("DISABLE_ROBOTS", "0") == "1"
+    REFERRER_POLICY = env_str("REFERRER_POLICY") or None
 
-    JS_CACHE_CONTROL = os.environ.get(
-        "JS_CACHE_CONTROL", "no-cache"
-    )
-    CSS_CACHE_CONTROL = os.environ.get(
-        "CSS_CACHE_CONTROL", "no-cache"
-    )
-    LIB_JS_CACHE_CONTROL = os.environ.get(
-        "LIB_JS_CACHE_CONTROL", "max-age=604800"
-    )
-    LIB_CSS_CACHE_CONTROL = os.environ.get(
-        "LIB_CSS_CACHE_CONTROL", "max-age=604800"
-    )
-    UPLOADS_CACHE_CONTROL = os.environ.get(
-        "UPLOADS_CACHE_CONTROL", "public, max-age=2592000, immutable"
+    DEBUG_MODE = env_bool("DEBUG_MODE", True)
+    DISABLE_ROBOTS = env_bool("DISABLE_ROBOTS", False)
+
+    CURRENCY_CODE = env_str("CURRENCY_CODE", "PLN").strip().upper() or "PLN"
+
+    JS_CACHE_CONTROL = env_str("JS_CACHE_CONTROL", "no-cache")
+    CSS_CACHE_CONTROL = env_str("CSS_CACHE_CONTROL", "no-cache")
+    LIB_JS_CACHE_CONTROL = env_str("LIB_JS_CACHE_CONTROL", "max-age=604800")
+    LIB_CSS_CACHE_CONTROL = env_str("LIB_CSS_CACHE_CONTROL", "max-age=604800")
+    UPLOADS_CACHE_CONTROL = env_str(
+        "UPLOADS_CACHE_CONTROL",
+        "public, max-age=2592000, immutable",
     )
 
     DEFAULT_CATEGORIES = [
-        c.strip() for c in os.environ.get(
+        c.strip()
+        for c in env_str(
             "DEFAULT_CATEGORIES",
             "Spożywcze,Budowlane,Zabawki,Chemia,Inne,Elektronika,Odzież i obuwie,Jedzenie poza domem,"
             "Artykuły biurowe,Kosmetyki i higiena,Motoryzacja,Ogród i rośliny,"
             "Zwierzęta,Sprzęt sportowy,Książki i prasa,Narzędzia i majsterkowanie,"
-            "RTV / AGD,Apteka i suplementy,Artykuły dekoracyjne,Gry i hobby,Usługi,Pieczywo,Różne,Chiny,Dom,Leki,Odzież,Samochód,Dzieci"
-        ).split(",") if c.strip()
-    ]
+            "RTV / AGD,Apteka i suplementy,Artykuły dekoracyjne,Gry i hobby,Usługi,Pieczywo,Różne,Chiny,Dom,Leki,Odzież,Samochód,Dzieci",
+        ).split(",")
+        if c.strip()
+    ]

deploy/varnish/default.vcl.template

@@ -251,10 +251,16 @@ sub vcl_deliver {
   unset resp.http.Via;
   unset resp.http.X-Varnish;
   unset resp.http.Server;
+  unset resp.http.Content-Disposition;
 }
 
 sub vcl_synth {
+  set resp.http.Cache-Control = "private, no-store, no-cache";
   set resp.http.X-Cache = "SYNTH";
+  unset resp.http.Via;
+  unset resp.http.X-Varnish;
+  unset resp.http.Server;
+  unset resp.http.Content-Disposition;
 }
 
 # ===== PURGE HANDLER =====

deploy_docker.sh

@@ -1,5 +1,7 @@
 #!/bin/bash
-set -e
+set -euo pipefail
+
+COMPOSE_FILE="docker/compose.yml"
 
 if [[ -f .env ]]; then
   set -a
@@ -8,23 +10,63 @@ if [[ -f .env ]]; then
 fi
 
 APP_PORT="${APP_PORT:-8080}"
-PROFILE=$1
-COMPOSE_FILE="docker/compose.yml"
+DEFAULT_ENGINE="${DB_ENGINE:-sqlite}"
 
-if [[ -z "$PROFILE" ]]; then
-  echo "Użycie: $0 {pgsql|mysql|sqlite}"
-  exit 1
+print_usage() {
+  echo "Użycie:"
+  echo "  $0 [sqlite|pgsql|mysql] [deploy|restart]"
+  echo
+  echo "Przykłady:"
+  echo "  $0 pgsql deploy"
+  echo "  $0 mysql restart"
+  echo "  $0 sqlite"
+  echo
+  echo "Domyślnie:"
+  echo "  silnik: z DB_ENGINE z .env albo sqlite"
+  echo "  akcja: deploy"
+}
+
+validate_engine() {
+  local engine="$1"
+  case "$engine" in
+    sqlite|pgsql|mysql)
+      return 0
+      ;;
+    *)
+      echo "Błąd: nieobsługiwany silnik bazy: '$engine'"
+      echo "Dozwolone wartości: sqlite, pgsql, mysql"
+      exit 1
+      ;;
+  esac
+}
+
+validate_action() {
+  local action="$1"
+  case "$action" in
+    deploy|restart)
+      return 0
+      ;;
+    *)
+      echo "Błąd: nieobsługiwana akcja: '$action'"
+      echo "Dozwolone wartości: deploy, restart"
+      exit 1
+      ;;
+  esac
+}
+
+PROFILE="${1:-$DEFAULT_ENGINE}"
+ACTION="${2:-deploy}"
+
+validate_engine "$PROFILE"
+validate_action "$ACTION"
+
+if [[ -n "${DB_ENGINE:-}" && "$DB_ENGINE" != "$PROFILE" ]]; then
+  echo "Uwaga: DB_ENGINE w .env ma wartość '$DB_ENGINE', a uruchamiasz profil '$PROFILE'."
+  echo "Kontynuuję z profilem z argumentu: '$PROFILE'"
 fi
 
-echo "Zatrzymuję kontenery aplikacji i bazy..."
-if [[ "$PROFILE" == "sqlite" ]]; then
-  docker compose -f "$COMPOSE_FILE" stop
-else
-  docker compose -f "$COMPOSE_FILE" --profile "$PROFILE" stop
-fi
-
-echo "Pobieram najnowszy kod z repozytorium..."
-git pull
+echo "Wybrany silnik bazy: $PROFILE"
+echo "Wybrana akcja: $ACTION"
 
 echo "Generowanie default.vcl z APP_PORT=$APP_PORT"
 envsubst < deploy/varnish/default.vcl.template > deploy/varnish/default.vcl
@@ -32,7 +74,30 @@ envsubst < deploy/varnish/default.vcl.template > deploy/varnish/default.vcl
 echo "Zapisuję hash commita do version.txt..."
 git rev-parse --short HEAD > version.txt
 
-echo "Buduję i uruchamiam kontenery..."
+if [[ "$ACTION" == "restart" ]]; then
+  echo "Odtwarzam kontenery bez przebudowy obrazu..."
+
+  if [[ "$PROFILE" == "sqlite" ]]; then
+    docker compose -f "$COMPOSE_FILE" up -d --force-recreate
+  else
+    DB_ENGINE="$PROFILE" docker compose -f "$COMPOSE_FILE" --profile "$PROFILE" up -d --force-recreate
+  fi
+
+  echo "Gotowe! Wersja aplikacji: $(cat version.txt)"
+  exit 0
+fi
+
+echo "Zatrzymuję kontenery aplikacji i bazy..."
+if [[ "$PROFILE" == "sqlite" ]]; then
+  docker compose -f "$COMPOSE_FILE" stop
+else
+  DB_ENGINE="$PROFILE" docker compose -f "$COMPOSE_FILE" --profile "$PROFILE" stop
+fi
+
+echo "Pobieram najnowszy kod z repozytorium..."
+git pull
+
+echo "Uruchamiam kontenery z przebudową obrazu..."
 if [[ "$PROFILE" == "sqlite" ]]; then
   docker compose -f "$COMPOSE_FILE" up -d --build
 else

make_zip.py

@@ -0,0 +1,70 @@
+#!/usr/bin/env python3
+import os
+import sys
+import zipfile
+import subprocess
+from pathlib import Path
+
+
+def run_git_command(args, repo_path: Path) -> bytes:
+    result = subprocess.run(
+        ["git", *args],
+        cwd=repo_path,
+        stdout=subprocess.PIPE,
+        stderr=subprocess.PIPE,
+        check=True,
+    )
+    return result.stdout
+
+
+def get_files_to_archive(repo_path: Path) -> list[str]:
+    output = run_git_command(
+        ["ls-files", "--cached", "--others", "--exclude-standard", "-z"],
+        repo_path,
+    )
+    files = output.decode("utf-8", errors="surrogateescape").split("\0")
+    return [f for f in files if f]
+
+
+def make_zip(repo_path: Path, output_zip: Path) -> None:
+    files = get_files_to_archive(repo_path)
+
+    output_zip = output_zip.resolve()
+    if output_zip.exists():
+        output_zip.unlink()
+
+    with zipfile.ZipFile(output_zip, "w", compression=zipfile.ZIP_DEFLATED) as zf:
+        for rel_path in files:
+            abs_path = repo_path / rel_path
+
+            if not abs_path.exists():
+                continue
+
+            if abs_path.resolve() == output_zip:
+                continue
+
+            zf.write(abs_path, arcname=rel_path)
+
+    print(f"Utworzono archiwum: {output_zip}")
+    print(f"Added files: {len(files)}")
+
+
+def main():
+    repo_path = Path.cwd()
+
+    if len(sys.argv) > 1:
+        output_zip = Path(sys.argv[1])
+    else:
+        output_zip = repo_path / f"{repo_path.name}.zip"
+
+    try:
+        run_git_command(["rev-parse", "--show-toplevel"], repo_path)
+    except subprocess.CalledProcessError:
+        print("Error: this directory is not a Git repository.", file=sys.stderr)
+        sys.exit(1)
+
+    make_zip(repo_path, output_zip)
+
+
+if __name__ == "__main__":
+    main()

shopping_app/helpers.py

@@ -2,6 +2,25 @@ from .deps import *
 from .app_setup import *
 from .models import *
 
+
+def get_currency_code() -> str:
+    code = str(app.config.get("CURRENCY_CODE", "PLN") or "PLN").strip().upper()
+    return code or "PLN"
+
+
+def format_currency(amount, include_code: bool = True) -> str:
+    try:
+        normalized = float(amount or 0)
+    except (TypeError, ValueError):
+        normalized = 0.0
+    formatted = f"{normalized:.2f}"
+    return f"{formatted} {get_currency_code()}" if include_code else formatted
+
+
+def currency_placeholder(prefix: str = "Kwota") -> str:
+    return f"{prefix} ({get_currency_code()})"
+
+
 def get_setting(key: str, default: str | None = None) -> str | None:
     s = db.session.get(AppSetting, key)
     return s.value if s else default
@@ -230,6 +249,8 @@ def duplicate_list_for_schedule(source_list: ShoppingList, scheduled_for: dateti
                 list_id=new_list.id,
                 name=item.name,
                 quantity=item.quantity or 1,
+                quantity_value=getattr(item, "quantity_value", None) or item.quantity or 1,
+                quantity_unit=normalize_quantity_unit(getattr(item, "quantity_unit", None)),
                 note=item.note,
                 position=item.position or 0,
                 added_at=scheduled_for,
@@ -243,6 +264,120 @@ def duplicate_list_for_schedule(source_list: ShoppingList, scheduled_for: dateti
     db.session.commit()
     return new_list
 
+
+
+def shift_datetime_preserving_timezone(value: datetime | None, delta: timedelta) -> datetime | None:
+    if not value:
+        return None
+    if value.tzinfo is None:
+        value = value.replace(tzinfo=timezone.utc)
+    return value + delta
+
+
+def move_list_schedule(shopping_list: ShoppingList, new_when: datetime, keep_item_times: bool = False, keep_expiry: bool = False):
+    if shopping_list is None:
+        raise ValueError('Lista nie istnieje.')
+    if new_when.tzinfo is None:
+        new_when = new_when.replace(tzinfo=timezone.utc)
+
+    original_created = shopping_list.created_at or new_when
+    if original_created.tzinfo is None:
+        original_created = original_created.replace(tzinfo=timezone.utc)
+
+    delta = new_when - original_created
+    shopping_list.created_at = new_when
+
+    if not keep_expiry and shopping_list.expires_at:
+        shopping_list.expires_at = shift_datetime_preserving_timezone(shopping_list.expires_at, delta)
+
+    if not keep_item_times:
+        for item in shopping_list.items:
+            if item.added_at:
+                item.added_at = shift_datetime_preserving_timezone(item.added_at, delta)
+            if item.purchased_at:
+                item.purchased_at = shift_datetime_preserving_timezone(item.purchased_at, delta)
+
+    return shopping_list, delta
+
+
+def rename_list(shopping_list: ShoppingList, new_title: str):
+    normalized = (new_title or '').strip()
+    if not normalized:
+        raise ValueError('Podaj nowy tytul listy.')
+    shopping_list.title = normalized
+    return shopping_list
+
+
+def set_list_archived(shopping_list: ShoppingList, archived: bool = True):
+    if shopping_list is None:
+        raise ValueError('Lista nie istnieje.')
+    shopping_list.is_archived = bool(archived)
+    return shopping_list
+
+
+def assign_list_owner(shopping_list: ShoppingList, owner: User):
+    if shopping_list is None:
+        raise ValueError('Lista nie istnieje.')
+    if owner is None:
+        raise ValueError('Nie znaleziono docelowego wlasciciela.')
+    shopping_list.owner_id = owner.id
+    return shopping_list
+
+
+def delete_list_with_relations(shopping_list: ShoppingList):
+    if shopping_list is None:
+        raise ValueError('Lista nie istnieje.')
+    shopping_list.categories.clear()
+    ListPermission.query.filter_by(list_id=shopping_list.id).delete(synchronize_session=False)
+    ListActivityLog.query.filter_by(list_id=shopping_list.id).delete(synchronize_session=False)
+    Expense.query.filter_by(list_id=shopping_list.id).delete(synchronize_session=False)
+    Receipt.query.filter_by(list_id=shopping_list.id).delete(synchronize_session=False)
+    Item.query.filter_by(list_id=shopping_list.id).delete(synchronize_session=False)
+    db.session.delete(shopping_list)
+
+
+def duplicate_list_many(source_list: ShoppingList, schedule_values: list[datetime], owner: User | None = None, title_prefix: str | None = None):
+    created_lists = []
+    base_prefix = (title_prefix or '').strip()
+    for idx, scheduled_for in enumerate(schedule_values, start=1):
+        title = None
+        if base_prefix:
+            title = f'{base_prefix} #{idx}'
+        created_lists.append(duplicate_list_for_schedule(source_list, scheduled_for=scheduled_for, owner=owner, title=title))
+    return created_lists
+
+
+def create_list_from_template_at_schedule(template: ListTemplate, owner: User, scheduled_for: datetime, title: str | None = None):
+    if scheduled_for.tzinfo is None:
+        scheduled_for = scheduled_for.replace(tzinfo=timezone.utc)
+
+    new_list = ShoppingList(
+        title=(title or template.name).strip(),
+        owner_id=owner.id,
+        share_token=generate_share_token(8),
+        is_temporary=False,
+        expires_at=None,
+        created_at=scheduled_for,
+    )
+    db.session.add(new_list)
+    db.session.flush()
+
+    for idx, item in enumerate(template.items, start=1):
+        db.session.add(Item(
+            list_id=new_list.id,
+            name=item.name,
+            quantity=item.quantity or 1,
+            quantity_value=getattr(item, "quantity_value", None) or item.quantity or 1,
+            quantity_unit=normalize_quantity_unit(getattr(item, "quantity_unit", None)),
+            note=item.note,
+            position=item.position or idx,
+            added_by=owner.id,
+            added_at=scheduled_for,
+        ))
+
+    db.session.commit()
+    return new_list
+
 def hash_api_token(token: str) -> str:
     return hashlib.sha256((token or '').encode('utf-8')).hexdigest()
 
@@ -387,6 +522,11 @@ def action_label(action: str) -> str:
         'item_unmarked_not_purchased': 'przywrócił produkt',
         'expense_added': 'dodał wydatek',
         'list_duplicated': 'zduplikował listę',
+        'list_moved': 'przeniósł listę',
+        'list_archived': 'zarchiwizował listę',
+        'list_unarchived': 'przywrócił listę z archiwum',
+        'list_owner_changed': 'zmienił właściciela listy',
+        'list_renamed': 'zmienił nazwę listy',
         'template_created': 'utworzył szablon',
     }.get(action, action)
 
@@ -438,6 +578,8 @@ def create_template_from_list(source_list: ShoppingList, created_by: int | None
             template_id=template.id,
             name=item.name,
             quantity=item.quantity or 1,
+            quantity_value=getattr(item, "quantity_value", None) or item.quantity or 1,
+            quantity_unit=normalize_quantity_unit(getattr(item, "quantity_unit", None)),
             note=item.note,
             position=idx + 1,
         ))
@@ -470,6 +612,8 @@ def create_list_from_template(template: ListTemplate, owner: User, title: str |
             list_id=new_list.id,
             name=item.name,
             quantity=item.quantity or 1,
+            quantity_value=getattr(item, "quantity_value", None) or item.quantity or 1,
+            quantity_unit=normalize_quantity_unit(getattr(item, "quantity_unit", None)),
             note=item.note,
             position=idx + 1,
             added_by=owner.id,
@@ -505,6 +649,87 @@ def parse_api_date_range(start_date_str: str | None, end_date_str: str | None):
     return start_date, end_date
 
 
+
+
+def normalize_quantity_unit(unit):
+    unit = (unit or "szt").strip().lower()
+    aliases = {
+        "szt.": "szt", "sztuki": "szt", "sztuka": "szt", "pcs": "szt",
+        "kilogram": "kg", "kilogramy": "kg",
+        "gram": "g", "gramy": "g",
+        "litr": "l", "litry": "l",
+        "mililitr": "ml", "mililitry": "ml",
+        "opak": "opak.", "op": "opak.", "opakowanie": "opak.", "opakowania": "opak.",
+    }
+    unit = aliases.get(unit, unit)
+    allowed = {"szt", "kg", "g", "l", "ml", "opak."}
+    return unit if unit in allowed else "szt"
+
+
+def parse_quantity_value(value, fallback=1):
+    try:
+        raw = str(value if value is not None else fallback).strip().replace(",", ".")
+        parsed = float(raw)
+        if parsed <= 0:
+            parsed = float(fallback or 1)
+    except Exception:
+        parsed = float(fallback or 1)
+    return max(parsed, 0.001)
+
+
+def legacy_quantity_int(value):
+    try:
+        parsed = int(round(float(value)))
+    except Exception:
+        parsed = 1
+    return max(parsed, 1)
+
+
+def quantity_display_value(item):
+    value = getattr(item, "quantity_value", None)
+    if value is None:
+        value = getattr(item, "quantity", 1) or 1
+    try:
+        value = float(value)
+    except Exception:
+        value = 1.0
+    if value.is_integer():
+        return str(int(value))
+    return (f"{value:.3f}".rstrip("0").rstrip(".")).replace(".", ",")
+
+
+def quantity_label(item):
+    unit = normalize_quantity_unit(getattr(item, "quantity_unit", None))
+    value = quantity_display_value(item)
+    if unit == "szt":
+        return f"x{value}"
+    return f"{value} {unit}"
+
+
+def ensure_lightweight_schema_migrations():
+    inspector = inspect(db.engine)
+    table_names = set(inspector.get_table_names())
+    targets = []
+    for table_name in ("item", "list_template_item"):
+        if table_name not in table_names:
+            continue
+        existing = {c["name"] for c in inspector.get_columns(table_name)}
+        if "quantity_value" not in existing:
+            targets.append((table_name, f"ALTER TABLE {table_name} ADD COLUMN quantity_value FLOAT"))
+        if "quantity_unit" not in existing:
+            targets.append((table_name, f"ALTER TABLE {table_name} ADD COLUMN quantity_unit VARCHAR(20) DEFAULT 'szt'"))
+    if not targets:
+        return
+    with db.engine.begin() as conn:
+        touched_tables = set()
+        for table_name, stmt in targets:
+            conn.execute(text(stmt))
+            touched_tables.add(table_name)
+        for table_name in touched_tables:
+            conn.execute(text(f"UPDATE {table_name} SET quantity_value = quantity WHERE quantity_value IS NULL"))
+            conn.execute(text(f"UPDATE {table_name} SET quantity_unit = 'szt' WHERE quantity_unit IS NULL OR quantity_unit = ''"))
+    print("[INFO] Zastosowano lekką migrację schematu dla ilości/jednostek produktów")
+
 def set_authorized_cookie(response):
     secure_flag = app.config["SESSION_COOKIE_SECURE"]
     max_age = app.config.get("AUTH_COOKIE_MAX_AGE", 86400)
@@ -528,6 +753,7 @@ if app.config["SQLALCHEMY_DATABASE_URI"].startswith("sqlite:///"):
 
 with app.app_context():
     db.create_all()
+    ensure_lightweight_schema_migrations()
 
     # --- Tworzenie admina ---
     admin_username = DEFAULT_ADMIN_USERNAME

shopping_app/models.py

@@ -73,6 +73,8 @@ class Item(db.Model):
     purchased = db.Column(db.Boolean, default=False)
     purchased_at = db.Column(db.DateTime, nullable=True)
     quantity = db.Column(db.Integer, default=1)
+    quantity_value = db.Column(db.Float, nullable=True)
+    quantity_unit = db.Column(db.String(20), default="szt", nullable=True)
     note = db.Column(db.Text, nullable=True)
     not_purchased = db.Column(db.Boolean, default=False)
     not_purchased_reason = db.Column(db.Text, nullable=True)
@@ -186,6 +188,8 @@ class ListTemplateItem(db.Model):
     template_id = db.Column(db.Integer, db.ForeignKey("list_template.id", ondelete="CASCADE"), nullable=False)
     name = db.Column(db.String(150), nullable=False)
     quantity = db.Column(db.Integer, default=1)
+    quantity_value = db.Column(db.Float, nullable=True)
+    quantity_unit = db.Column(db.String(20), default="szt", nullable=True)
     note = db.Column(db.Text, nullable=True)
     position = db.Column(db.Integer, default=0)
 

shopping_app/routes_main.py

@@ -207,11 +207,9 @@ def main_page():
 
 @app.route("/system-auth", methods=["GET", "POST"])
 def system_auth():
-    if (
-        current_user.is_authenticated
-        or request.cookies.get("authorized") == AUTHORIZED_COOKIE_VALUE
-    ):
-        flash("Jesteś już zalogowany lub autoryzowany.", "info")
+    
+    if request.cookies.get("authorized") == AUTHORIZED_COOKIE_VALUE:
+        flash("Jesteś już autoryzowany.", "info")
         return redirect(url_for("main_page"))
 
     ip = request.access_route[0]
@@ -594,9 +592,9 @@ def view_list(list_id):
     percent = (purchased_count / total_count * 100) if total_count > 0 else 0
 
     for item in items:
-        if item.added_by != shopping_list.owner_id:
+        if item.added_by and item.added_by != shopping_list.owner_id:
             item.added_by_display = (
-                item.added_by_user.username if item.added_by_user else "?"
+                item.added_by_user.username if item.added_by_user else None
             )
         else:
             item.added_by_display = None

shopping_app/sockets.py

@@ -191,25 +191,27 @@ def handle_edit_item(data):
     item = db.session.get(Item, data["item_id"])
 
     new_name = data["new_name"]
-    new_quantity = data.get("new_quantity", item.quantity)
+    new_quantity_value = parse_quantity_value(data.get("quantity_value", data.get("new_quantity", item.quantity)))
+    new_quantity_unit = normalize_quantity_unit(data.get("quantity_unit", getattr(item, "quantity_unit", None)))
 
     if item and new_name.strip():
         item.name = new_name.strip()
-
-        try:
-            new_quantity = int(new_quantity)
-            if new_quantity < 1:
-                new_quantity = 1
-        except:
-            new_quantity = 1
-
-        item.quantity = new_quantity
+        item.quantity_value = new_quantity_value
+        item.quantity_unit = new_quantity_unit
+        item.quantity = legacy_quantity_int(new_quantity_value)
 
         db.session.commit()
 
         emit(
             "item_edited",
-            {"item_id": item.id, "new_name": item.name, "new_quantity": item.quantity},
+            {
+                "item_id": item.id,
+                "new_name": item.name,
+                "new_quantity": item.quantity,
+                "quantity_value": item.quantity_value,
+                "quantity_unit": item.quantity_unit,
+                "quantity_label": quantity_label(item),
+            },
             to=str(item.list_id),
         )
 
@@ -249,19 +251,14 @@ def handle_disconnect(sid):
 def handle_add_item(data):
     list_id = data["list_id"]
     name = data["name"].strip()
-    quantity = data.get("quantity", 1)
+    quantity_value = parse_quantity_value(data.get("quantity_value", data.get("quantity", 1)))
+    quantity_unit = normalize_quantity_unit(data.get("quantity_unit", "szt"))
+    quantity = legacy_quantity_int(quantity_value)
 
     list_obj = db.session.get(ShoppingList, list_id)
     if not list_obj:
         return
 
-    try:
-        quantity = int(quantity)
-        if quantity < 1:
-            quantity = 1
-    except:
-        quantity = 1
-
     existing_item = Item.query.filter(
         Item.list_id == list_id,
         func.lower(Item.name) == name.lower(),
@@ -269,7 +266,14 @@ def handle_add_item(data):
     ).first()
 
     if existing_item:
-        existing_item.quantity += quantity
+        current_value = parse_quantity_value(getattr(existing_item, "quantity_value", None), existing_item.quantity or 1)
+        current_unit = normalize_quantity_unit(getattr(existing_item, "quantity_unit", None))
+        if current_unit == quantity_unit:
+            existing_item.quantity_value = current_value + quantity_value
+        else:
+            existing_item.quantity_value = quantity_value
+            existing_item.quantity_unit = quantity_unit
+        existing_item.quantity = legacy_quantity_int(existing_item.quantity_value)
         db.session.commit()
 
         emit(
@@ -278,6 +282,9 @@ def handle_add_item(data):
                 "item_id": existing_item.id,
                 "new_name": existing_item.name,
                 "new_quantity": existing_item.quantity,
+                "quantity_value": existing_item.quantity_value,
+                "quantity_unit": existing_item.quantity_unit,
+                "quantity_label": quantity_label(existing_item),
             },
             to=str(list_id),
         )
@@ -297,6 +304,8 @@ def handle_add_item(data):
             list_id=list_id,
             name=name,
             quantity=quantity,
+            quantity_value=quantity_value,
+            quantity_unit=quantity_unit,
             position=max_position + 1,
             added_by=user_id,
         )
@@ -308,7 +317,7 @@ def handle_add_item(data):
             new_suggestion = SuggestedProduct(name=name)
             db.session.add(new_suggestion)
 
-        log_list_activity(list_id, 'item_added', item_name=new_item.name, actor=current_user if current_user.is_authenticated else None, actor_name=user_name, details=f'ilość: {new_item.quantity}')
+        log_list_activity(list_id, 'item_added', item_name=new_item.name, actor=current_user if current_user.is_authenticated else None, actor_name=user_name, details=f'ilość: {quantity_label(new_item)}')
         db.session.commit()
 
         emit(
@@ -317,6 +326,9 @@ def handle_add_item(data):
                 "id": new_item.id,
                 "name": new_item.name,
                 "quantity": new_item.quantity,
+                "quantity_value": new_item.quantity_value,
+                "quantity_unit": new_item.quantity_unit,
+                "quantity_label": quantity_label(new_item),
                 "added_by": user_name,
                 "added_by_id": user_id,
                 "owner_id": list_obj.owner_id,
@@ -412,6 +424,9 @@ def handle_request_full_list(data):
                 "id": item.id,
                 "name": item.name,
                 "quantity": item.quantity,
+                "quantity_value": getattr(item, "quantity_value", None) or item.quantity or 1,
+                "quantity_unit": normalize_quantity_unit(getattr(item, "quantity_unit", None)),
+                "quantity_label": quantity_label(item),
                 "purchased": item.purchased if not item.not_purchased else False,
                 "not_purchased": item.not_purchased,
                 "not_purchased_reason": item.not_purchased_reason,
@@ -453,7 +468,7 @@ def handle_add_expense(data):
     )
 
     db.session.add(new_expense)
-    log_list_activity(list_id, 'expense_added', item_name=None, actor=current_user if current_user.is_authenticated else None, actor_name=current_user.username if current_user.is_authenticated else 'Gość', details=f'kwota: {float(amount):.2f} PLN')
+    log_list_activity(list_id, 'expense_added', item_name=None, actor=current_user if current_user.is_authenticated else None, actor_name=current_user.username if current_user.is_authenticated else 'Gość', details=f'kwota: {format_currency(amount)}')
     db.session.commit()
 
     total = (
@@ -594,6 +609,22 @@ def lists_cli():
     """Operacje CLI na listach zakupowych."""
 
 
+def _load_list_for_cli(list_id: int):
+    return ShoppingList.query.options(joinedload(ShoppingList.items), joinedload(ShoppingList.categories), joinedload(ShoppingList.owner)).get(list_id)
+
+
+def _parse_many_when_values(raw_values: str):
+    values = []
+    for part in (raw_values or '').split(','):
+        normalized = part.strip()
+        if not normalized:
+            continue
+        values.append(parse_cli_datetime(normalized))
+    if not values:
+        raise ValueError('Podaj co najmniej jedna date w --when-list.')
+    return values
+
+
 @lists_cli.command("copy-schedule")
 @click.option("--source-list-id", required=True, type=int, help="ID listy zrodlowej.")
 @click.option("--when", "when_value", required=True, help="Nowa data utworzenia listy: YYYY-MM-DD lub YYYY-MM-DD HH:MM")
@@ -601,7 +632,7 @@ def lists_cli():
 @click.option("--title", default=None, help="Nowy tytul listy. Domyslnie taki sam jak w oryginale.")
 def lists_copy_schedule_command(source_list_id, when_value, owner_value, title):
     with app.app_context():
-        source_list = ShoppingList.query.options(joinedload(ShoppingList.items), joinedload(ShoppingList.categories)).get(source_list_id)
+        source_list = _load_list_for_cli(source_list_id)
         if not source_list:
             raise click.ClickException('Nie znaleziono listy zrodlowej.')
 
@@ -617,6 +648,153 @@ def lists_copy_schedule_command(source_list_id, when_value, owner_value, title):
                 raise click.ClickException('Nie znaleziono docelowego wlasciciela.')
 
         new_list = duplicate_list_for_schedule(source_list, scheduled_for=scheduled_for, owner=owner, title=title)
+        log_list_activity(new_list.id, 'list_duplicated', actor_name='CLI', details=f'copy-schedule ze zrodla #{source_list.id}')
+        db.session.commit()
         click.echo(
             f"Utworzono kopie listy: nowa_id={new_list.id}, tytul={new_list.title}, created_at={new_list.created_at.isoformat()}"
         )
+
+
+@lists_cli.command("move")
+@click.option("--list-id", required=True, type=int, help="ID listy.")
+@click.option("--when", "when_value", required=True, help="Nowy termin listy: YYYY-MM-DD lub YYYY-MM-DD HH:MM")
+@click.option("--keep-item-times", is_flag=True, help="Nie przesuwaj added_at/purchased_at pozycji.")
+@click.option("--keep-expiry", is_flag=True, help="Nie przesuwaj expires_at.")
+def lists_move_command(list_id, when_value, keep_item_times, keep_expiry):
+    with app.app_context():
+        shopping_list = _load_list_for_cli(list_id)
+        if not shopping_list:
+            raise click.ClickException('Nie znaleziono listy.')
+        try:
+            new_when = parse_cli_datetime(when_value)
+        except ValueError as exc:
+            raise click.ClickException(str(exc))
+        old_created = shopping_list.created_at
+        move_list_schedule(shopping_list, new_when, keep_item_times=keep_item_times, keep_expiry=keep_expiry)
+        log_list_activity(shopping_list.id, 'list_moved', actor_name='CLI', details=f'Z {old_created} na {shopping_list.created_at}')
+        db.session.commit()
+        click.echo(f'Przeniesiono liste #{shopping_list.id} na {shopping_list.created_at.isoformat()}')
+
+
+@lists_cli.command("archive")
+@click.option("--list-id", required=True, type=int, help="ID listy.")
+def lists_archive_command(list_id):
+    with app.app_context():
+        shopping_list = _load_list_for_cli(list_id)
+        if not shopping_list:
+            raise click.ClickException('Nie znaleziono listy.')
+        set_list_archived(shopping_list, archived=True)
+        log_list_activity(shopping_list.id, 'list_archived', actor_name='CLI')
+        db.session.commit()
+        click.echo(f'Zarchiwizowano liste #{shopping_list.id}.')
+
+
+@lists_cli.command("unarchive")
+@click.option("--list-id", required=True, type=int, help="ID listy.")
+def lists_unarchive_command(list_id):
+    with app.app_context():
+        shopping_list = _load_list_for_cli(list_id)
+        if not shopping_list:
+            raise click.ClickException('Nie znaleziono listy.')
+        set_list_archived(shopping_list, archived=False)
+        log_list_activity(shopping_list.id, 'list_unarchived', actor_name='CLI')
+        db.session.commit()
+        click.echo(f'Przywrocono liste #{shopping_list.id} z archiwum.')
+
+
+@lists_cli.command("assign-owner")
+@click.option("--list-id", required=True, type=int, help="ID listy.")
+@click.option("--owner", "owner_value", required=True, help="Nowy wlasciciel: username albo ID.")
+def lists_assign_owner_command(list_id, owner_value):
+    with app.app_context():
+        shopping_list = _load_list_for_cli(list_id)
+        if not shopping_list:
+            raise click.ClickException('Nie znaleziono listy.')
+        owner = resolve_user_identifier(owner_value)
+        if not owner:
+            raise click.ClickException('Nie znaleziono docelowego wlasciciela.')
+        previous_owner = shopping_list.owner.username if shopping_list.owner else shopping_list.owner_id
+        assign_list_owner(shopping_list, owner)
+        log_list_activity(shopping_list.id, 'list_owner_changed', actor_name='CLI', details=f'{previous_owner} -> {owner.username}')
+        db.session.commit()
+        click.echo(f'Zmieniono wlasciciela listy #{shopping_list.id} na {owner.username}.')
+
+
+@lists_cli.command("create-from-template")
+@click.option("--template-id", required=True, type=int, help="ID szablonu.")
+@click.option("--owner", "owner_value", required=True, help="Wlasciciel nowej listy: username albo ID.")
+@click.option("--when", "when_value", default=None, help="Termin utworzenia: YYYY-MM-DD lub YYYY-MM-DD HH:MM")
+@click.option("--title", default=None, help="Tytul nowej listy.")
+def lists_create_from_template_command(template_id, owner_value, when_value, title):
+    with app.app_context():
+        template = ListTemplate.query.options(joinedload(ListTemplate.items)).get(template_id)
+        if not template:
+            raise click.ClickException('Nie znaleziono szablonu.')
+        owner = resolve_user_identifier(owner_value)
+        if not owner:
+            raise click.ClickException('Nie znaleziono docelowego wlasciciela.')
+        try:
+            scheduled_for = parse_cli_datetime(when_value) if when_value else datetime.now(timezone.utc)
+        except ValueError as exc:
+            raise click.ClickException(str(exc))
+        new_list = create_list_from_template_at_schedule(template, owner=owner, scheduled_for=scheduled_for, title=title)
+        log_list_activity(new_list.id, 'template_created', actor_name='CLI', details=f'create-from-template z szablonu #{template.id}')
+        db.session.commit()
+        click.echo(f'Utworzono liste z szablonu: nowa_id={new_list.id}, tytul={new_list.title}, created_at={new_list.created_at.isoformat()}')
+
+
+@lists_cli.command("delete")
+@click.option("--list-id", required=True, type=int, help="ID listy.")
+def lists_delete_command(list_id):
+    with app.app_context():
+        shopping_list = _load_list_for_cli(list_id)
+        if not shopping_list:
+            raise click.ClickException('Nie znaleziono listy.')
+        title = shopping_list.title
+        delete_list_with_relations(shopping_list)
+        db.session.commit()
+        click.echo(f'Usunieto liste #{list_id}: {title}')
+
+
+@lists_cli.command("rename")
+@click.option("--list-id", required=True, type=int, help="ID listy.")
+@click.option("--title", "new_title", required=True, help="Nowy tytul listy.")
+def lists_rename_command(list_id, new_title):
+    with app.app_context():
+        shopping_list = _load_list_for_cli(list_id)
+        if not shopping_list:
+            raise click.ClickException('Nie znaleziono listy.')
+        old_title = shopping_list.title
+        try:
+            rename_list(shopping_list, new_title)
+        except ValueError as exc:
+            raise click.ClickException(str(exc))
+        log_list_activity(shopping_list.id, 'list_renamed', actor_name='CLI', details=f'{old_title} -> {shopping_list.title}')
+        db.session.commit()
+        click.echo(f'Zmieniono tytul listy #{shopping_list.id} na: {shopping_list.title}')
+
+
+@lists_cli.command("duplicate-many")
+@click.option("--source-list-id", required=True, type=int, help="ID listy zrodlowej.")
+@click.option("--when-list", required=True, help="Lista terminow rozdzielona przecinkami.")
+@click.option("--owner", "owner_value", default=None, help="Nowy wlasciciel: username albo ID.")
+@click.option("--title-prefix", default=None, help="Prefiks tytulu dla nowych list.")
+def lists_duplicate_many_command(source_list_id, when_list, owner_value, title_prefix):
+    with app.app_context():
+        source_list = _load_list_for_cli(source_list_id)
+        if not source_list:
+            raise click.ClickException('Nie znaleziono listy zrodlowej.')
+        owner = None
+        if owner_value:
+            owner = resolve_user_identifier(owner_value)
+            if not owner:
+                raise click.ClickException('Nie znaleziono docelowego wlasciciela.')
+        try:
+            schedule_values = _parse_many_when_values(when_list)
+        except ValueError as exc:
+            raise click.ClickException(str(exc))
+        created_lists = duplicate_list_many(source_list, schedule_values=schedule_values, owner=owner, title_prefix=title_prefix)
+        for new_list in created_lists:
+            log_list_activity(new_list.id, 'list_duplicated', actor_name='CLI', details=f'duplicate-many ze zrodla #{source_list.id}')
+        db.session.commit()
+        click.echo('Utworzono listy: ' + ', '.join([f'#{row.id}@{row.created_at.isoformat()}' for row in created_lists]))

shopping_app/static/css/split/buttons.css

@@ -0,0 +1,195 @@
+.btn {
+  min-height: 40px;
+  padding: 0.52rem 0.8rem;
+  border-radius: 10px;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  box-shadow: none;
+  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
+}
+
+.btn-sm {
+  min-height: 34px;
+  padding: 0.4rem 0.64rem;
+  border-radius: 9px;
+}
+
+.btn:focus,
+.btn:focus-visible {
+  border-color: rgba(25, 135, 84, 0.6) !important;
+  box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.16) !important;
+}
+
+.btn:hover,
+.btn:focus-visible {
+  transform: translateY(-1px);
+}
+
+.btn-primary {
+  background-color: var(--primary) !important;
+  border-color: var(--primary-border) !important;
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active {
+  background-color: #13315f !important;
+  border-color: #10284f !important;
+}
+
+.btn-success {
+  background: linear-gradient(135deg, #29d17d, #1ea860) !important;
+  border-color: rgba(41, 209, 125, 0.9) !important;
+  color: #fff !important;
+  box-shadow: 0 10px 24px rgba(0,0,0,0.16);
+}
+
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active {
+  color: #fff !important;
+}
+
+.btn-warning {
+  background-color: var(--warning) !important;
+  border-color: var(--warning-border) !important;
+  color: var(--warning-text) !important;
+}
+
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active {
+  background-color: #5c4c17 !important;
+  border-color: #3e3610 !important;
+  color: var(--warning-text) !important;
+}
+
+.btn-outline-light,
+.btn-outline-secondary,
+.btn-outline-warning,
+.btn-outline-danger,
+.btn-outline-primary,
+.btn-outline-success,
+.btn-outline-info {
+  background: rgba(255,255,255,0.03);
+}
+
+.btn-outline-light {
+  color: #f8f9fa !important;
+  border-color: #f8f9fa !important;
+}
+
+.btn-outline-light:hover,
+.btn-outline-light:focus,
+.btn-outline-light:focus-visible {
+  background-color: rgba(255,255,255,0.1) !important;
+  color: #fff !important;
+  border-color: #6c757d !important;
+  box-shadow: 0 10px 24px rgba(0,0,0,0.16);
+}
+
+.btn-outline-light:active,
+.btn-outline-light.active,
+.show > .btn-outline-light.dropdown-toggle {
+  background-color: #5a6268 !important;
+  color: #fff !important;
+  border-color: #545b62 !important;
+}
+
+.btn-outline-secondary:hover,
+.btn-outline-secondary:focus,
+.btn-outline-secondary:focus-visible {
+  background: rgba(108, 117, 125, 0.18) !important;
+  box-shadow: 0 10px 24px rgba(0,0,0,0.16);
+}
+
+.btn-outline-success {
+  color: var(--success) !important;
+  border-color: var(--success) !important;
+}
+
+.btn-outline-success:hover,
+.btn-outline-success:focus,
+.btn-outline-success:active,
+.btn-outline-success:focus-visible {
+  background: var(--ui-success-soft) !important;
+  border-color: var(--success-border) !important;
+  color: #fff !important;
+  box-shadow: 0 10px 24px rgba(0,0,0,0.16);
+}
+
+.btn-outline-warning {
+  color: #d9c97a !important;
+  border-color: var(--warning) !important;
+}
+
+.btn-outline-warning:hover,
+.btn-outline-warning:focus,
+.btn-outline-warning:active,
+.btn-outline-warning:focus-visible {
+  background: var(--ui-warning-soft) !important;
+  border-color: var(--warning-border) !important;
+  color: var(--warning-text) !important;
+}
+
+.btn-outline-danger:hover,
+.btn-outline-danger:focus,
+.btn-outline-danger:focus-visible {
+  background: rgba(220, 53, 69, 0.16) !important;
+}
+
+.btn-outline-info {
+  color: var(--info) !important;
+  border-color: var(--info) !important;
+}
+
+.btn-outline-info:hover,
+.btn-outline-info:focus,
+.btn-outline-info:focus-visible {
+  background-color: #1d4d8c !important;
+  border-color: #1d4d8c !important;
+  color: var(--info-text) !important;
+}
+
+.btn-outline-info:active,
+.btn-outline-info.active,
+.show > .btn-outline-info.dropdown-toggle {
+  background-color: var(--info) !important;
+  border-color: var(--info-border) !important;
+  color: var(--info-text) !important;
+}
+
+#items .btn-group {
+  gap: 0.4rem;
+}
+
+#items .btn-group .btn {
+  border-radius: 12px !important;
+}
+
+.btn-group-compact,
+.admin-shortcuts .d-flex,
+.stack-form,
+.page-actions {
+  gap: 0.4rem;
+}
+
+.btn-group-compact .btn {
+  padding: 0.3rem 0.55rem;
+  font-size: 0.82rem;
+}
+
+.btn-group-compact .btn-text {
+  font-size: 0.78rem;
+}
+
+input[type="file"]::file-selector-button {
+  background-color: #1b4a29;
+  color: #f0f0f0;
+  border: none;
+  padding: .5em 1em;
+  border-radius: 4px;
+  font-weight: bold;
+  cursor: pointer;
+  transition: background .2s;
+}

shopping_app/static/css/split/forms.css

@@ -0,0 +1,138 @@
+.form-select,
+.form-control,
+textarea.form-control {
+  background-color: var(--dark-700) !important;
+  color: var(--text-strong) !important;
+  border: 1px solid var(--dark-300) !important;
+}
+
+.form-select:focus,
+.form-control:focus,
+textarea.form-control:focus {
+  background-color: var(--dark-800) !important;
+  border-color: var(--primary) !important;
+  color: #fff !important;
+  box-shadow: 0 0 0 .25rem rgba(24, 64, 118, .35) !important;
+}
+
+.form-control:disabled,
+textarea.form-control:disabled {
+  background-color: var(--dark-550) !important;
+  color: var(--muted) !important;
+  cursor: not-allowed;
+}
+
+.form-switch .form-check-input {
+  background-color: var(--dark-400) !important;
+  border-color: var(--dark-300) !important;
+}
+
+.form-switch .form-check-input:checked {
+  background-color: var(--primary) !important;
+  border-color: var(--primary-border) !important;
+}
+
+.form-control::placeholder,
+.bg-dark .form-control::placeholder {
+  color: #aaa !important;
+  opacity: 1 !important;
+}
+
+.tom-dark .ts-control {
+  background-color: var(--dark-700) !important;
+  color: #fff !important;
+  border: 1px solid var(--dark-300) !important;
+  border-radius: .375rem;
+  min-height: 38px;
+  padding: .25rem .5rem;
+  box-sizing: border-box;
+}
+
+.tom-dark .ts-control .item {
+  background-color: var(--dark-400) !important;
+  color: #fff !important;
+  border-radius: .25rem;
+  padding: 2px 8px;
+  margin-right: 4px;
+}
+
+.ts-dropdown {
+  background-color: var(--dark-700) !important;
+  color: #fff !important;
+  border: 1px solid var(--dark-300);
+  border-radius: .375rem;
+  z-index: 9999 !important;
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.ts-dropdown .active {
+  background-color: var(--dark-300) !important;
+  color: #fff !important;
+}
+
+td select.tom-dark {
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+.large-checkbox,
+input[type="checkbox"].large-checkbox {
+  width: 1.2rem;
+  height: 1.2rem;
+}
+
+.large-checkbox {
+  accent-color: #29d17d;
+  transform: none;
+  transform-origin: center;
+}
+
+input[type="checkbox"].large-checkbox {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  margin: 0;
+  padding: 0;
+  outline: none;
+  background: none;
+  cursor: pointer;
+  position: relative;
+  vertical-align: middle;
+}
+
+input[type="checkbox"].large-checkbox::before {
+  content: '✗';
+  color: #dc3545;
+  font-size: 1.6em;
+  font-weight: 700;
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  transition: color .2s;
+}
+
+input[type="checkbox"].large-checkbox:checked::before {
+  content: '✓';
+  color: #fff;
+}
+
+input[type="checkbox"].large-checkbox:disabled::before {
+  opacity: .5;
+  cursor: not-allowed;
+}
+
+input[type="checkbox"].large-checkbox:disabled {
+  cursor: not-allowed;
+}
+
+#createListTempToggle,
+.create-list-temp-toggle,
+#tempToggle {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}

shopping_app/static/css/split/pages.css

@@ -0,0 +1,731 @@
+.preview-product-list {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.preview-product-summary {
+  padding: 0 0 0.85rem;
+  margin-bottom: 0.1rem;
+  border-bottom: 1px solid rgba(255,255,255,0.08);
+}
+
+.preview-product-section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.65rem;
+}
+
+.preview-product-section-title {
+  margin: 0;
+  font-size: 1.05rem;
+  font-weight: 700;
+}
+
+.preview-modal-items {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+#productPreviewModal .preview-modal-list-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  width: 100%;
+  min-width: 0;
+  padding: 0.9rem 1rem;
+  margin: 0 !important;
+  border-radius: 16px !important;
+  border: 1px solid rgba(255,255,255,0.08) !important;
+  background: linear-gradient(180deg, rgba(11,22,40,0.92) 0%, rgba(8,16,30,0.92) 100%) !important;
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
+}
+
+#productPreviewModal .preview-modal-list-item:first-child,
+#productPreviewModal .preview-modal-list-item:last-child,
+#productPreviewModal .list-group-flush > .list-group-item:first-child,
+#productPreviewModal .list-group-flush > .list-group-item:last-child {
+  border-radius: 16px !important;
+}
+
+#productPreviewModal .preview-modal-list-item__name {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  flex: 1 1 auto;
+}
+
+#productPreviewModal .preview-modal-list-item .badge {
+  flex-shrink: 0;
+  min-width: 2.5rem;
+  border-radius: 10px;
+}
+
+.receipt-disclosure {
+  width: 100%;
+  cursor: pointer;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: 20px;
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02));
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
+  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
+}
+
+.receipt-disclosure:hover,
+.receipt-disclosure:focus-visible {
+  transform: translateY(-1px);
+  border-color: rgba(255, 255, 255, 0.18);
+  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
+  outline: none;
+}
+
+.receipt-disclosure.is-open {
+  border-color: rgba(24, 64, 118, 0.9);
+  background: linear-gradient(135deg, rgba(24, 64, 118, 0.22), rgba(255, 255, 255, 0.03));
+}
+
+.receipt-disclosure__content {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 16px 18px;
+}
+
+.receipt-disclosure__icon {
+  display: grid;
+  place-items: center;
+  width: 48px;
+  height: 48px;
+  border-radius: 14px;
+  background: rgba(255, 255, 255, 0.06);
+  font-size: 1.25rem;
+  flex-shrink: 0;
+}
+
+.receipt-disclosure__text {
+  min-width: 0;
+  flex: 1;
+}
+
+.receipt-disclosure__eyebrow {
+  font-size: 0.72rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: rgba(255, 255, 255, 0.52);
+  margin-bottom: 2px;
+}
+
+.receipt-disclosure__title {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--text-strong);
+  text-align: right;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.receipt-disclosure__meta {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  margin-left: auto;
+  flex: 0 1 auto;
+  min-width: 0;
+}
+
+.receipt-disclosure__count {
+  min-width: 34px;
+  padding: 6px 10px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.08);
+  color: var(--text-strong);
+  font-size: 0.875rem;
+  text-align: center;
+}
+
+.receipt-disclosure__chevron {
+  font-size: 1.15rem;
+  color: rgba(255, 255, 255, 0.7);
+  transition: transform 0.2s ease;
+}
+
+.receipt-disclosure.is-open .receipt-disclosure__chevron {
+  transform: rotate(180deg);
+}
+
+@media (max-width: 575.98px) {
+  .receipt-disclosure__content {
+    padding: 14px;
+    gap: 12px;
+  }
+
+  .receipt-disclosure__icon {
+    width: 42px;
+    height: 42px;
+    border-radius: 12px;
+  }
+
+  .receipt-disclosure__meta {
+    gap: 10px;
+  }
+
+  .receipt-disclosure__title {
+    font-size: 0.95rem;
+  }
+}
+
+.endpoint-edit_my_list .stack-form > .mb-3 > .ui-consistent-input,
+.endpoint-edit_my_list .stack-form > .mb-4 > .ui-consistent-input,
+.endpoint-edit_my_list .stack-form .row .ui-consistent-input,
+.endpoint-edit_list form > .mb-3 > .ui-consistent-input,
+.endpoint-edit_list form > .mb-4 > .ui-consistent-input,
+.endpoint-edit_list form .row .ui-consistent-input,
+.endpoint-user_management .row > [class*="col-"] > .ui-consistent-input,
+.endpoint-user_management .modal .ui-consistent-input {
+  border-radius: var(--ui-control-radius) !important;
+}
+
+.endpoint-edit_my_list .ts-wrapper.single .ts-control,
+.endpoint-edit_list .ts-wrapper.single .ts-control,
+.endpoint-edit_my_list .ts-wrapper.multi .ts-control,
+.endpoint-edit_list .ts-wrapper.multi .ts-control {
+  min-height: var(--ui-control-height) !important;
+  border-radius: var(--ui-control-radius) !important;
+}
+
+.share-hub {
+  border: 1px solid rgba(79, 142, 255, 0.18);
+  background: linear-gradient(180deg, rgba(11, 24, 43, 0.98), rgba(8, 17, 31, 0.96)) !important;
+}
+
+.share-hub .card-body {
+  padding: 1rem;
+}
+
+.share-hub__top {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 0.9rem;
+  margin-bottom: 0.85rem;
+}
+
+.share-hub__eyebrow,
+.share-sheet__eyebrow {
+  font-size: 0.72rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: rgba(186, 210, 240, 0.62);
+  margin-bottom: 0.35rem;
+}
+
+.share-hub__title {
+  font-size: 1.1rem;
+  font-weight: 700;
+}
+
+.share-hub__status,
+.share-sheet__section-head {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+  align-items: center;
+}
+
+.share-state-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  min-height: 32px;
+  padding: 0.45rem 0.72rem;
+  font-size: 0.76rem;
+  font-weight: 600;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+}
+
+.share-state-badge--public {
+  background: rgba(41, 209, 125, 0.16);
+  color: #dfffea;
+}
+
+.share-state-badge--private {
+  background: rgba(255, 255, 255, 0.06);
+  color: #edf5ff;
+}
+
+.share-state-badge--link {
+  background: rgba(79, 142, 255, 0.14);
+  color: #d7e7ff;
+}
+
+.share-state-badge--people {
+  background: rgba(255, 255, 255, 0.08);
+  color: #edf5ff;
+}
+
+.share-hub__note {
+  color: rgba(210, 224, 244, 0.74);
+  font-size: 0.92rem;
+  line-height: 1.45;
+}
+
+.share-hub__linkbox {
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background: rgba(255, 255, 255, 0.035);
+  border-radius: 16px;
+  padding: 0.85rem 0.95rem;
+}
+
+.share-hub__linklabel {
+  font-size: 0.72rem;
+  text-transform: uppercase;
+  letter-spacing: 0.07em;
+  color: rgba(186, 210, 240, 0.58);
+  margin-bottom: 0.3rem;
+}
+
+.share-hub__linkvalue {
+  color: #f4f8ff;
+  font-size: 0.95rem;
+  line-height: 1.45;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.share-hub__actions {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 0.65rem;
+}
+
+.share-hub__primary,
+.share-hub__secondary,
+.share-hub__manage,
+.share-sheet__toggle,
+.share-sheet__sticky-actions .btn,
+.share-sheet__linkstack .btn,
+
+.share-hub__manage {
+  white-space: nowrap;
+}
+
+.share-sheet {
+  height: auto !important;
+  max-height: min(90vh, 760px);
+  border-top-left-radius: 24px;
+  border-top-right-radius: 24px;
+  border: 1px solid rgba(255, 255, 255, 0.06);
+  background: linear-gradient(180deg, rgba(8, 18, 33, 0.995), rgba(6, 13, 24, 0.99)) !important;
+  box-shadow: 0 -24px 60px rgba(0, 0, 0, 0.42);
+}
+
+.share-sheet__header {
+  align-items: flex-start;
+  padding: 0.85rem 1rem 0.6rem;
+}
+
+.share-sheet__body {
+  padding: 0 1rem calc(1rem + env(safe-area-inset-bottom));
+  overflow-y: auto;
+}
+
+.share-sheet__grabber {
+  width: 52px;
+  height: 5px;
+  border-radius: 999px;
+  margin: 0 auto 0.8rem;
+  background: rgba(255, 255, 255, 0.22);
+}
+
+.share-sheet__section {
+  border: 1px solid rgba(255, 255, 255, 0.07);
+  background: rgba(255, 255, 255, 0.035);
+  border-radius: 18px;
+  padding: 0.95rem;
+  margin-bottom: 0.9rem;
+}
+
+.share-sheet__section-head {
+  justify-content: space-between;
+  margin-bottom: 0.7rem;
+  font-weight: 600;
+}
+
+.share-sheet__linkstack,
+.share-access-panel__input {
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 0.65rem;
+}
+
+.share-access-panel .tokens {
+  min-height: 2rem;
+}
+
+.share-access-panel .token {
+  background: rgba(255, 255, 255, 0.03);
+}
+
+.share-sheet__sticky-actions {
+  position: sticky;
+  bottom: 0;
+  padding-top: 0.3rem;
+  background: linear-gradient(180deg, rgba(6, 13, 24, 0), rgba(6, 13, 24, 0.96) 28%);
+}
+
+@media (min-width: 576px) {
+  .share-hub .card-body,
+  .share-sheet__header,
+  .share-sheet__body {
+    padding-left: 1.2rem;
+    padding-right: 1.2rem;
+  }
+
+  .share-sheet__linkstack,
+  .share-access-panel__input {
+    grid-template-columns: 1fr auto;
+    align-items: center;
+  }
+}
+
+@media (min-width: 768px) {
+  .share-hub .card-body {
+    padding: 1.15rem 1.2rem;
+  }
+
+  .share-hub__actions {
+    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
+  }
+
+  .share-sheet {
+    max-width: 760px;
+    margin: 0 auto;
+    left: 0;
+    right: 0;
+  }
+}
+
+.endpoint-main_page .create-list-input-group {
+  display: flex;
+  flex-wrap: nowrap !important;
+  align-items: stretch;
+  overflow: hidden;
+  border-radius: 16px;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  background: rgba(7, 17, 31, 0.9);
+  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
+}
+
+.endpoint-main_page .create-list-input-group > .create-list-title-input,
+.endpoint-main_page .create-list-input-group > .form-control {
+  border: 0 !important;
+  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+
+.endpoint-main_page .create-list-input-group > .create-list-title-input:focus,
+.endpoint-main_page .create-list-input-group > .form-control:focus {
+  background: rgba(255, 255, 255, 0.02) !important;
+  box-shadow: none !important;
+}
+
+.endpoint-main_page .create-list-input-group > .create-list-temp-toggle,
+.endpoint-main_page .create-list-input-group > #tempToggle {
+  min-width: 9.5rem;
+  border: 0 !important;
+  border-radius: 0 !important;
+  background: rgba(255, 255, 255, 0.04) !important;
+  box-shadow: none !important;
+}
+
+.endpoint-main_page .create-list-input-group > .create-list-temp-toggle.is-active,
+.endpoint-main_page .create-list-input-group > #tempToggle.is-active {
+  background: rgba(41, 209, 125, 0.18) !important;
+}
+
+.endpoint-main_page .create-list-temp-toggle__label {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100%;
+}
+
+.endpoint-main_page .create-list-input-group:focus-within {
+  border-color: rgba(41, 209, 125, 0.55);
+  box-shadow: 0 0 0 0.18rem rgba(41, 209, 125, 0.12), 0 10px 28px rgba(0, 0, 0, 0.18);
+}
+
+.receipt-disclosure {
+  display: block;
+  padding: 0;
+  text-align: left;
+}
+
+.receipt-disclosure,
+.receipt-disclosure:hover,
+.receipt-disclosure:focus,
+.receipt-disclosure:active {
+  width: 100%;
+  appearance: none;
+  -webkit-appearance: none;
+}
+
+.receipt-disclosure:focus-visible {
+  outline: none;
+}
+
+.receipt-section--restoring {
+  transition: none !important;
+}
+
+@media (max-width: 767.98px) {
+  .endpoint-main_page .create-list-input-group {
+    border-radius: 14px;
+  }
+
+  .endpoint-main_page .create-list-input-group > .create-list-temp-toggle,
+  .endpoint-main_page .create-list-input-group > #tempToggle {
+    min-width: 8.25rem;
+    padding-left: .8rem;
+    padding-right: .8rem;
+    font-size: .9rem;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .endpoint-main_page .create-list-input-group > .create-list-title-input,
+  .endpoint-main_page .create-list-input-group > .form-control {
+    padding-left: .85rem;
+    padding-right: .7rem;
+    font-size: .95rem;
+  }
+
+  .endpoint-main_page .create-list-input-group > .create-list-temp-toggle,
+  .endpoint-main_page .create-list-input-group > #tempToggle {
+    min-width: 7.6rem;
+    font-size: .84rem;
+  }
+
+  .receipt-disclosure {
+    border-radius: 16px;
+  }
+}
+
+.form-check-spaced {
+  gap: .35rem;
+}
+
+.form-check-spaced .form-check-input,
+input[type="checkbox"].form-check-input,
+.table-select-checkbox {
+  width: .95rem !important;
+  height: .95rem !important;
+  min-width: .95rem !important;
+  min-height: .95rem !important;
+  margin-top: .18rem;
+}
+
+.form-switch-compact .form-check-input {
+  width: 1.8rem !important;
+  height: .95rem !important;
+}
+
+.switch-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: .8rem;
+}
+
+.form-check.form-switch.app-switch {
+  display: inline-flex;
+  align-items: center;
+  gap: .75rem;
+  min-height: 2.75rem;
+  margin: 0;
+  padding: .58rem .82rem;
+  background: rgba(255,255,255,.04);
+  border: 1px solid var(--ui-border);
+  border-radius: 16px;
+}
+
+.form-check.form-switch.app-switch .form-check-input {
+  float: none;
+  flex: 0 0 auto;
+  width: 2.45em !important;
+  height: 1.3em !important;
+  margin: 0 !important;
+  cursor: pointer;
+  background-color: var(--dark-400) !important;
+  border-color: var(--dark-300) !important;
+  background-position: left center !important;
+  transition: background-position .18s ease-in-out, background-color .18s ease-in-out, border-color .18s ease-in-out, box-shadow .18s ease-in-out !important;
+}
+
+.form-check.form-switch.app-switch .form-check-input:checked {
+  background-color: var(--primary) !important;
+  border-color: var(--primary-border) !important;
+  background-position: right center !important;
+}
+
+.form-check.form-switch.app-switch .form-check-input:focus {
+  box-shadow: 0 0 0 .18rem rgba(24, 64, 118, .22) !important;
+}
+
+.form-check.form-switch.app-switch .form-check-label {
+  display: inline-flex;
+  align-items: center;
+  min-height: 1.3rem;
+  margin: 0 !important;
+  line-height: 1.35;
+  cursor: pointer;
+}
+
+.form-check.form-switch.app-switch.form-switch-compact {
+  width: 100%;
+  justify-content: flex-start;
+}
+
+.form-check.form-switch.app-switch.form-switch-compact .form-check-input {
+  width: 2.45em !important;
+  height: 1.3em !important;
+}
+
+.hide-purchased-switch.form-check,
+.hide-purchased-switch.form-check.app-switch {
+  display: inline-flex;
+  align-items: center;
+  gap: .7rem;
+  width: auto;
+  max-width: 100%;
+  padding: .5rem .82rem;
+  border-radius: 14px;
+  background: rgba(255,255,255,.04);
+  border: 1px solid var(--ui-border);
+}
+
+.hide-purchased-switch .form-check-input {
+  flex: 0 0 auto;
+  float: none;
+  width: 2.45em !important;
+  height: 1.3em !important;
+  margin: 0 !important;
+  cursor: pointer;
+  background-position: left center !important;
+  transition: background-position .18s ease-in-out, background-color .18s ease-in-out, border-color .18s ease-in-out, box-shadow .18s ease-in-out !important;
+}
+
+.hide-purchased-switch .form-check-input:checked {
+  background-position: right center !important;
+}
+
+.hide-purchased-switch .form-check-label {
+  margin: 0 !important;
+  white-space: nowrap;
+  cursor: pointer;
+}
+
+.create-list-input-group {
+  display: flex;
+  flex-wrap: nowrap !important;
+  align-items: stretch;
+  gap: 0 !important;
+}
+
+.create-list-input-group > .form-control {
+  flex: 1 1 auto !important;
+  width: 1% !important;
+  min-width: 0 !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.create-list-input-group > .create-list-temp-toggle,
+.create-list-input-group > #tempToggle {
+  flex: 0 0 auto !important;
+  width: auto !important;
+  min-width: 10rem;
+  margin-left: -1px;
+  font-weight: 600;
+  white-space: nowrap;
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  border-top-right-radius: 14px !important;
+  border-bottom-right-radius: 14px !important;
+  background: rgba(255,255,255,0.03) !important;
+  border-color: var(--app-border) !important;
+  color: var(--app-text) !important;
+  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
+}
+
+.create-list-input-group > .create-list-temp-toggle.is-active,
+.create-list-input-group > #tempToggle.is-active {
+  background: rgba(41, 209, 125, 0.16) !important;
+  border-color: rgba(41, 209, 125, 0.72) !important;
+  color: #9bf0c1 !important;
+  box-shadow: inset 0 0 0 1px rgba(41, 209, 125, 0.15);
+}
+
+.create-list-input-group > .create-list-temp-toggle:hover,
+.create-list-input-group > #tempToggle:hover,
+.create-list-input-group > .create-list-temp-toggle:focus,
+.create-list-input-group > #tempToggle:focus {
+  background: rgba(255,255,255,0.06) !important;
+  color: var(--app-text) !important;
+}
+
+.create-list-input-group > .create-list-temp-toggle.is-active:hover,
+.create-list-input-group > #tempToggle.is-active:hover,
+.create-list-input-group > .create-list-temp-toggle.is-active:focus,
+.create-list-input-group > #tempToggle.is-active:focus {
+  background: rgba(41, 209, 125, 0.2) !important;
+  color: #b7f7d2 !important;
+}
+
+.endpoint-edit_my_list .switch-grid {
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+}
+
+.endpoint-edit_my_list .switch-grid .app-switch,
+.endpoint-admin_edit_list .switch-grid .app-switch {
+  width: 100%;
+  min-height: 3.35rem;
+}
+
+@media (max-width: 767.98px) {
+  .hide-purchased-switch {
+    padding-left: 2.95rem;
+  }
+
+  .hide-purchased-switch.form-check.app-switch {
+    width: 100%;
+  }
+
+  .switch-grid,
+  .endpoint-edit_my_list .switch-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .create-list-input-group {
+    gap: 0 !important;
+  }
+
+  .create-list-input-group > .form-control {
+    padding-left: .9rem;
+    padding-right: .75rem;
+  }
+
+  .create-list-input-group > .create-list-temp-toggle,
+  .create-list-input-group > #tempToggle {
+    min-width: 8.75rem;
+    padding-left: .85rem;
+    padding-right: .85rem;
+    font-size: .92rem;
+    letter-spacing: 0;
+  }
+}

shopping_app/static/css/split/responsive.css

@@ -0,0 +1,921 @@
+.app-navbar__meta--mobile {
+  display: none;
+}
+
+.app-user-chip--mobile {
+  max-width: min(46vw, 15rem);
+  min-width: 0;
+  padding-left: .6rem;
+  padding-right: .4rem;
+}
+
+.app-user-chip--mobile .badge {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@media (max-width: 991.98px) {
+  .app-header {
+    padding-top: .55rem;
+  }
+
+  .app-navbar .container-xxl {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto auto;
+    align-items: center;
+    gap: .6rem;
+    border-radius: 26px;
+    padding-top: .8rem;
+    padding-bottom: .8rem;
+  }
+
+  .app-navbar__meta {
+    display: none;
+  }
+
+  .app-brand {
+    overflow: hidden;
+  }
+
+  .app-brand > span:last-child {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .app-brand__title,
+  .app-brand__accent {
+    font-size: 1rem;
+  }
+
+  .app-navbar__meta--mobile {
+    display: flex !important;
+    width: auto;
+    justify-content: flex-end;
+    justify-self: end;
+    grid-column: 2;
+    min-width: 0;
+    max-width: min(42vw, 12rem);
+  }
+
+  .app-user-chip--mobile {
+    display: inline-flex;
+  }
+
+  .app-mobile-menu {
+    grid-column: 3;
+    justify-self: end;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .app-brand__icon {
+    width: 2.25rem;
+    height: 2.25rem;
+  }
+
+  .app-user-chip--mobile {
+    gap: .35rem;
+    padding: .34rem .38rem .34rem .5rem;
+  }
+
+  .app-user-chip--mobile .app-user-chip__label {
+    font-size: .62rem;
+    letter-spacing: .05em;
+  }
+
+  .app-user-chip--mobile .badge {
+    font-size: .72rem;
+    max-width: 5.9rem;
+  }
+}
+
+@media (max-width: 430px) {
+  .app-navbar .container-xxl {
+    grid-template-columns: minmax(0, 1fr) auto auto;
+    gap: .45rem;
+  }
+
+  .app-user-chip--mobile {
+    max-width: min(38vw, 8.5rem);
+  }
+
+  .app-user-chip--mobile .app-user-chip__label {
+    display: none;
+  }
+}
+
+.endpoint-main_page .list-group-item {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+
+.endpoint-main_page .main-list-progress-wrap {
+  display: block;
+  width: 100%;
+  flex: 0 0 100%;
+  margin-top: 0.8rem !important;
+}
+
+.endpoint-main_page .list-group-item > .main-list-row + .main-list-progress-wrap {
+  align-self: stretch;
+}
+
+.endpoint-main_page .main-list-progress {
+  width: 100%;
+  height: 16px;
+  margin-top: 0 !important;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
+    var(--dark-700) !important;
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.05),
+    0 4px 10px rgba(0, 0, 0, 0.18);
+}
+
+.endpoint-main_page .main-list-progress .progress-bar.bg-success {
+  background: linear-gradient(135deg, rgba(40, 199, 111, 0.98), rgba(22, 163, 74, 0.98)) !important;
+}
+
+.endpoint-main_page .main-list-progress .progress-bar.bg-warning {
+  background: linear-gradient(135deg, rgba(245, 189, 65, 0.98), rgba(217, 119, 6, 0.98)) !important;
+}
+
+.endpoint-main_page .main-list-progress .progress-bar.bg-transparent {
+  background: rgba(255, 255, 255, 0.08) !important;
+}
+
+.endpoint-main_page .main-list-progress__label {
+  max-width: calc(100% - 0.85rem);
+  padding: 0 0.45rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
+  letter-spacing: 0.01em;
+}
+
+@media (max-width: 575.98px) {
+  .endpoint-main_page .main-list-progress {
+    height: 15px;
+  }
+
+  .endpoint-main_page .main-list-progress__label {
+    font-size: 0.64rem;
+  }
+}
+
+.endpoint-main_page #mainStatsCollapse.collapsing,
+.endpoint-main_page #mainStatsCollapse.show {
+  overflow: visible;
+}
+
+.endpoint-main_page .main-summary-card {
+  height: 100%;
+  padding: 1rem 1rem 1.05rem;
+  border-radius: 1rem;
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)), rgba(9, 16, 28, 0.88);
+  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
+}
+
+.endpoint-main_page .main-summary-card__eyebrow {
+  font-size: 0.72rem;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: rgba(255, 255, 255, 0.65);
+  margin-bottom: 0.2rem;
+}
+
+.endpoint-main_page .main-summary-card__title {
+  font-size: 1.05rem;
+}
+
+.endpoint-main_page .main-summary-stats {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.7rem;
+}
+
+.endpoint-main_page .main-summary-stat {
+  padding: 0.65rem 0.75rem;
+  border-radius: 0.85rem;
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.endpoint-main_page .main-summary-stat__label {
+  display: block;
+  font-size: 0.73rem;
+  color: rgba(255, 255, 255, 0.66);
+  margin-bottom: 0.15rem;
+}
+
+@media (max-width: 575.98px) {
+  .endpoint-main_page .main-summary-card {
+    padding: 0.9rem;
+  }
+
+  .endpoint-main_page .main-summary-stats {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .endpoint-list_share .shopping-item-head,
+  .endpoint-shared_list .shopping-item-head {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: start;
+    column-gap: .45rem;
+  }
+
+  .endpoint-list_share .shopping-item-actions,
+  .endpoint-shared_list .shopping-item-actions {
+    align-self: start;
+    margin-left: 0;
+    justify-self: end;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .endpoint-list_share .shopping-item-main,
+  .endpoint-shared_list .shopping-item-main {
+    align-items: center;
+  }
+
+  .endpoint-list_share .shopping-item-text,
+  .endpoint-shared_list .shopping-item-text,
+  .endpoint-list_share .shopping-item-main > .large-checkbox,
+  .endpoint-shared_list .shopping-item-main > .large-checkbox,
+  .endpoint-list_share .shopping-item-actions,
+  .endpoint-shared_list .shopping-item-actions {
+    align-self: center;
+  }
+
+  .endpoint-list_share .shopping-item-actions,
+  .endpoint-shared_list .shopping-item-actions {
+    margin-left: auto;
+    justify-self: auto;
+  }
+}
+
+.endpoint-list #items,
+.endpoint-view_list #items,
+.endpoint-list_share #items,
+.endpoint-shared_list #items {
+  display: flex;
+  flex-direction: column;
+}
+
+.endpoint-list #items > .list-group-item,
+.endpoint-view_list #items > .list-group-item,
+.endpoint-list_share #items > .list-group-item,
+.endpoint-shared_list #items > .list-group-item {
+  margin: 0 !important;
+  border-width: 1px !important;
+  box-shadow: 0 4px 14px rgba(0,0,0,0.12) !important;
+  background-clip: padding-box;
+}
+
+.endpoint-list #items > .list-group-item + .list-group-item,
+.endpoint-view_list #items > .list-group-item + .list-group-item,
+.endpoint-list_share #items > .list-group-item + .list-group-item,
+.endpoint-shared_list #items > .list-group-item + .list-group-item {
+  margin-top: 0 !important;
+  border-top-width: 1px !important;
+}
+
+@media (max-width: 767.98px){
+  .endpoint-list_share #items .list-group-item,
+  .endpoint-shared_list #items .list-group-item {
+    align-items: flex-start;
+  }
+  .endpoint-list_share .list-item-actions,
+  .endpoint-shared_list .list-item-actions {
+    width: 100%;
+    margin-left: 0;
+    justify-content: flex-start;
+  }
+}
+
+@media (max-width: 767.98px){
+  .share-page-toolbar {
+    justify-content: stretch;
+  }
+
+  .share-page-toolbar__spacer {
+    display: none;
+  }
+
+  .switch-grid,
+  .endpoint-edit_my_list .switch-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 991.98px){
+  .endpoint-admin_templates .table-responsive > table.table {
+    width: max-content !important;
+    min-width: 900px !important;
+  }
+}
+
+@media (max-width: 576px){
+  .mobile-list-heading {
+    display: inline-flex;
+    max-width: 100%;
+  }
+
+  .mobile-list-heading__title {
+    max-width: 100%;
+  }
+}
+
+@media (max-width: 575.98px){
+  .endpoint-main_page .list-group-item > .main-list-row {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .endpoint-main_page .list-main-actions {
+    width: 100%;
+  }
+}
+
+@media (max-width: 575.98px){
+  .endpoint-main_page .list-group-item > .main-list-row {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .endpoint-main_page .list-main-actions {
+    width: auto;
+    margin-left: auto;
+  }
+
+  .endpoint-main_page .list-main-actions .btn {
+    padding: .38rem .52rem;
+    min-width: 2.35rem;
+  }
+
+  .endpoint-main_page .list-main-title {
+    display: flex;
+    flex-wrap: wrap;
+    gap: .15rem;
+  }
+
+  .endpoint-main_page .list-main-meta {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  .endpoint-main_page .list-main-title__link {
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .shopping-item-row {
+    align-items: flex-start !important;
+  }
+
+  .shopping-item-actions {
+    width: auto;
+    margin-top: 0;
+    margin-left: auto;
+    justify-content: flex-end;
+  }
+
+  .shopping-item-actions .btn {
+    min-width: 2.35rem;
+    padding: .38rem .52rem;
+  }
+
+  .shopping-compact-input-group {
+    display: flex;
+  }
+
+  .shopping-compact-input-group > .form-control {
+    min-width: 0;
+  }
+
+  .shopping-qty-input {
+    flex-basis: 4rem;
+    max-width: 4rem;
+  }
+
+  .shopping-compact-submit {
+    min-width: auto;
+    padding-left: .8rem;
+    padding-right: .8rem;
+  }
+
+  .ui-password-group > .ui-password-toggle {
+    min-width: 2.75rem;
+    padding-left: .7rem;
+    padding-right: .7rem;
+  }
+}
+
+@media (max-width: 575.98px){
+  .shopping-item-main {
+    gap: .55rem;
+  }
+
+  .shopping-item-head {
+    gap: .45rem;
+  }
+
+  .shopping-item-actions {
+    margin-left: auto;
+    align-self: flex-start;
+  }
+
+  .shopping-item-actions .btn {
+    min-width: 2.2rem;
+    padding: .34rem .48rem;
+  }
+
+  .shopping-product-input-group > .shopping-product-name-input,
+  .shopping-expense-input-group > .shopping-expense-amount-input {
+    flex: 0 0 46%;
+    min-width: 0;
+  }
+
+  .shopping-product-input-group > .shopping-qty-input {
+    flex: 0 0 16%;
+    max-width: 16%;
+    min-width: 0;
+  }
+
+  .shopping-product-input-group > .shopping-qty-unit {
+    flex: 0 0 18%;
+    max-width: 18% !important;
+    min-width: 0;
+    padding-left: .35rem;
+    padding-right: .35rem;
+  }
+
+  .shopping-product-input-group > .shopping-compact-submit {
+    flex: 0 0 20%;
+    width: 20%;
+    min-width: 0;
+    padding-left: .55rem;
+    padding-right: .55rem;
+    font-size: .95rem;
+  }
+
+  .shopping-expense-input-group > .shopping-compact-submit {
+    padding-left: .7rem;
+    padding-right: .7rem;
+  }
+
+  .list-toolbar {
+    align-items: flex-start !important;
+  }
+
+  .list-toolbar__sort {
+    flex: 0 0 auto;
+  }
+}
+
+@media (max-width: 767.98px){
+  .endpoint-list .shopping-product-input-group,
+  .endpoint-list_share .shopping-product-input-group,
+  .endpoint-shared_list .shopping-product-input-group,
+  .endpoint-list .shopping-expense-input-group,
+  .endpoint-list_share .shopping-expense-input-group,
+  .endpoint-shared_list .shopping-expense-input-group {
+    width: 100%;
+  }
+
+  .endpoint-list .shopping-product-input-group > .shopping-product-name-input,
+  .endpoint-list_share .shopping-product-input-group > .shopping-product-name-input,
+  .endpoint-shared_list .shopping-product-input-group > .shopping-product-name-input {
+    flex: 0 0 46% !important;
+    max-width: 46% !important;
+    min-width: 0;
+  }
+
+  .endpoint-list .shopping-product-input-group > .shopping-qty-input,
+  .endpoint-list_share .shopping-product-input-group > .shopping-qty-input,
+  .endpoint-shared_list .shopping-product-input-group > .shopping-qty-input {
+    flex: 0 0 16% !important;
+    max-width: 16% !important;
+    min-width: 0;
+    padding-left: .35rem;
+    padding-right: .35rem;
+  }
+
+  .endpoint-list .shopping-product-input-group > .shopping-qty-unit,
+  .endpoint-list_share .shopping-product-input-group > .shopping-qty-unit,
+  .endpoint-shared_list .shopping-product-input-group > .shopping-qty-unit {
+    flex: 0 0 18% !important;
+    max-width: 18% !important;
+    min-width: 0;
+    padding-left: .35rem;
+    padding-right: .35rem;
+  }
+
+  .endpoint-list .shopping-product-input-group > .shopping-compact-submit,
+  .endpoint-list_share .shopping-product-input-group > .shopping-compact-submit,
+  .endpoint-shared_list .shopping-product-input-group > .shopping-compact-submit {
+    flex: 0 0 20% !important;
+    width: 20% !important;
+    min-width: 0 !important;
+    padding-left: .4rem;
+    padding-right: .4rem;
+  }
+
+  .endpoint-list .shopping-expense-input-group > .shopping-expense-amount-input,
+  .endpoint-list_share .shopping-expense-input-group > .shopping-expense-amount-input,
+  .endpoint-shared_list .shopping-expense-input-group > .shopping-expense-amount-input {
+    flex: 1 1 auto !important;
+    min-width: 0;
+  }
+
+  .endpoint-list .shopping-expense-input-group > .shopping-compact-submit,
+  .endpoint-list_share .shopping-expense-input-group > .shopping-compact-submit,
+  .endpoint-shared_list .shopping-expense-input-group > .shopping-compact-submit {
+    flex: 0 0 5rem !important;
+    width: 5rem !important;
+    min-width: 5rem !important;
+    padding-left: .35rem;
+    padding-right: .35rem;
+  }
+
+  .endpoint-list .shopping-product-input-group > .shopping-compact-submit .shopping-btn-label,
+  .endpoint-list_share .shopping-product-input-group > .shopping-compact-submit .shopping-btn-label,
+  .endpoint-shared_list .shopping-product-input-group > .shopping-compact-submit .shopping-btn-label,
+  .endpoint-list .shopping-expense-input-group > .shopping-compact-submit .shopping-btn-label,
+  .endpoint-list_share .shopping-expense-input-group > .shopping-compact-submit .shopping-btn-label,
+  .endpoint-shared_list .shopping-expense-input-group > .shopping-compact-submit .shopping-btn-label {
+    display: none;
+  }
+
+  .endpoint-list .shopping-product-input-group > .shopping-compact-submit .shopping-btn-icon,
+  .endpoint-list_share .shopping-product-input-group > .shopping-compact-submit .shopping-btn-icon,
+  .endpoint-shared_list .shopping-product-input-group > .shopping-compact-submit .shopping-btn-icon,
+  .endpoint-list .shopping-expense-input-group > .shopping-compact-submit .shopping-btn-icon,
+  .endpoint-list_share .shopping-expense-input-group > .shopping-compact-submit .shopping-btn-icon,
+  .endpoint-shared_list .shopping-expense-input-group > .shopping-compact-submit .shopping-btn-icon {
+    margin: 0;
+    font-size: 1rem;
+  }
+}
+
+@media (max-width: 767.98px){
+  .endpoint-view_list .shopping-product-input-group > .shopping-product-name-input {
+    flex: 0 0 46% !important;
+    max-width: 46% !important;
+    min-width: 0;
+  }
+
+  .endpoint-view_list .shopping-product-input-group > .shopping-qty-input {
+    flex: 0 0 16% !important;
+    max-width: 16% !important;
+    min-width: 0;
+    padding-left: .35rem;
+    padding-right: .35rem;
+  }
+
+  .endpoint-view_list .shopping-product-input-group > .shopping-qty-unit {
+    flex: 0 0 18% !important;
+    max-width: 18% !important;
+    min-width: 0;
+    padding-left: .35rem;
+    padding-right: .35rem;
+  }
+
+  .endpoint-view_list .shopping-product-input-group > .shopping-compact-submit {
+    flex: 0 0 20% !important;
+    width: 20% !important;
+    min-width: 0 !important;
+    padding-left: .4rem;
+    padding-right: .4rem;
+  }
+
+  .endpoint-view_list .shopping-expense-input-group > .shopping-expense-amount-input {
+    flex: 1 1 auto !important;
+    min-width: 0;
+  }
+
+  .endpoint-view_list .shopping-expense-input-group > .shopping-compact-submit {
+    flex: 0 0 5rem !important;
+    width: 5rem !important;
+    min-width: 5rem !important;
+    padding-left: .35rem;
+    padding-right: .35rem;
+  }
+
+  .endpoint-view_list .shopping-product-input-group > .shopping-compact-submit .shopping-btn-label,
+  .endpoint-view_list .shopping-expense-input-group > .shopping-compact-submit .shopping-btn-label {
+    display: none;
+  }
+
+  .endpoint-view_list .shopping-product-input-group > .shopping-compact-submit .shopping-btn-icon,
+  .endpoint-view_list .shopping-expense-input-group > .shopping-compact-submit .shopping-btn-icon {
+    margin: 0;
+    font-size: 1rem;
+  }
+}
+
+@media (max-width: 575.98px){
+  .shopping-item-head {
+    flex-wrap: wrap;
+    align-items: flex-start;
+  }
+
+  .shopping-item-text {
+    flex: 1 1 100%;
+    min-width: 0;
+  }
+
+  .shopping-item-actions {
+    width: 100%;
+    margin-left: 0;
+    justify-content: flex-end;
+  }
+}
+
+@media (max-width: 575.98px){
+  .shopping-item-main {
+    align-items: center;
+  }
+
+  .shopping-item-head {
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: .4rem;
+  }
+
+  .shopping-item-text {
+    flex: 1 1 auto;
+    min-width: 0;
+    gap: .25rem;
+  }
+
+  .shopping-item-actions {
+    width: auto;
+    margin-left: auto;
+    gap: .25rem;
+  }
+
+  .shopping-item-actions .btn {
+    min-width: 2rem;
+    padding: .3rem .42rem;
+  }
+
+  .hide-purchased-switch--right {
+    width: auto;
+    max-width: 100%;
+  }
+
+  .list-action-row {
+    gap: .5rem;
+  }
+
+  .list-action-row > .list-action-row__btn,
+  .list-action-row__form {
+    flex: 1 1 50%;
+    min-width: 0;
+  }
+
+  .list-action-row__btn {
+    padding-left: .55rem;
+    padding-right: .55rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media (max-width: 575.98px){
+  .endpoint-view_list .list-toolbar {
+    display: grid !important;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: center !important;
+    gap: .4rem !important;
+    flex-wrap: nowrap !important;
+  }
+
+  .endpoint-view_list .list-toolbar__sort.btn {
+    min-width: 0;
+    padding: .35rem .55rem;
+    font-size: .82rem;
+  }
+
+  .endpoint-view_list .hide-purchased-switch--right {
+    min-width: 0;
+    gap: .25rem;
+    font-size: .82rem;
+  }
+
+  .endpoint-view_list .hide-purchased-switch--right .form-check-label {
+    margin-left: .25rem !important;
+    white-space: nowrap;
+  }
+
+  .endpoint-view_list .hide-purchased-switch--right .form-check-input {
+    transform: scale(.92);
+    transform-origin: center;
+  }
+
+  .list-header-toolbar {
+    align-items: flex-start !important;
+  }
+
+  .list-header-toolbar .list-toolbar {
+    width: 100%;
+    justify-content: flex-end !important;
+  }
+}
+
+@media (max-width: 575.98px){
+  .endpoint-list_share .shopping-item-main,
+  .endpoint-shared_list .shopping-item-main,
+  .endpoint-view_list .shopping-item-main,
+  .endpoint-list .shopping-item-main {
+    gap: .55rem;
+  }
+
+  .endpoint-list_share .shopping-item-head,
+  .endpoint-shared_list .shopping-item-head,
+  .endpoint-view_list .shopping-item-head,
+  .endpoint-list .shopping-item-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: .45rem;
+  }
+
+  .endpoint-list_share .shopping-item-text,
+  .endpoint-shared_list .shopping-item-text,
+  .endpoint-view_list .shopping-item-text,
+  .endpoint-list .shopping-item-text {
+    flex: 1 1 auto;
+    min-width: 0;
+    gap: .25rem;
+  }
+
+  .endpoint-list_share .shopping-item-actions,
+  .endpoint-shared_list .shopping-item-actions,
+  .endpoint-view_list .shopping-item-actions,
+  .endpoint-list .shopping-item-actions {
+    align-self: start;
+    width: auto;
+    margin-left: auto;
+    gap: .25rem;
+  }
+
+  .endpoint-list_share .shopping-item-actions .btn,
+  .endpoint-shared_list .shopping-item-actions .btn {
+    min-width: 2rem;
+    padding: .3rem .42rem;
+  }
+}
+
+@media (max-width: 575.98px){
+  .endpoint-list_share .shopping-action-btn,
+  .endpoint-shared_list .shopping-action-btn,
+  .endpoint-view_list .shopping-action-btn,
+  .endpoint-list .shopping-action-btn {
+    width: 2.15rem !important;
+    height: 2.15rem !important;
+    min-width: 2.15rem !important;
+    min-height: 2.15rem !important;
+    border-radius: .65rem !important;
+  }
+
+  .endpoint-list_share .shopping-action-btn--wide,
+  .endpoint-shared_list .shopping-action-btn--wide,
+  .endpoint-view_list .shopping-action-btn--wide,
+  .endpoint-list .shopping-action-btn--wide {
+    min-width: 5.4rem !important;
+    padding: 0 .72rem !important;
+  }
+}
+
+@media (max-width: 575.98px){
+  .endpoint-list_share .shopping-action-btn--countdown,
+  .endpoint-shared_list .shopping-action-btn--countdown,
+  .endpoint-view_list .shopping-action-btn--countdown,
+  .endpoint-list .shopping-action-btn--countdown {
+    min-width: 3rem !important;
+    padding: 0 .55rem !important;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .ui-password-group > .ui-password-toggle {
+    flex-basis: 44px !important;
+    width: 44px !important;
+    min-width: 44px !important;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .endpoint-list .shopping-entry-card,
+  .endpoint-list_share .shopping-entry-card,
+  .endpoint-shared_list .shopping-entry-card,
+  .endpoint-view_list .shopping-entry-card {
+    padding: .8rem;
+    border-radius: .95rem;
+  }
+
+  .endpoint-list .shopping-entry-card__label,
+  .endpoint-list_share .shopping-entry-card__label,
+  .endpoint-shared_list .shopping-entry-card__label,
+  .endpoint-view_list .shopping-entry-card__label {
+    font-size: .92rem;
+  }
+
+  .endpoint-list .shopping-entry-card__hint,
+  .endpoint-list_share .shopping-entry-card__hint,
+  .endpoint-shared_list .shopping-entry-card__hint,
+  .endpoint-view_list .shopping-entry-card__hint {
+    font-size: .78rem;
+    margin-bottom: .65rem;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .endpoint-expenses .expenses-range-toolbar {
+    justify-content: stretch !important;
+    overflow: visible;
+    padding-bottom: 0;
+  }
+
+  .endpoint-expenses .expenses-range-group {
+    display: grid !important;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0.55rem;
+    width: 100%;
+    min-width: 0;
+  }
+
+  .endpoint-expenses .expenses-table-toolbar .expenses-range-group {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .endpoint-expenses .expenses-range-group > .btn {
+    flex: initial !important;
+    width: 100%;
+    min-width: 0;
+    padding-inline: 0.55rem;
+    font-size: 0.95rem;
+  }
+
+  .endpoint-expenses .expenses-date-range {
+    display: grid !important;
+    grid-template-columns: 52px minmax(0, 1fr);
+    gap: 0.55rem;
+    width: 100%;
+    max-width: 100% !important;
+    flex-wrap: wrap !important;
+  }
+
+  .endpoint-expenses .expenses-date-range > .input-group-text,
+  .endpoint-expenses .expenses-date-range > .form-control,
+  .endpoint-expenses .expenses-date-range > .btn {
+    width: 100% !important;
+    min-width: 0 !important;
+    flex: initial !important;
+    border-radius: 0.85rem !important;
+  }
+
+  .endpoint-expenses .expenses-date-range > .btn {
+    grid-column: 1 / -1;
+  }
+}
+
+@media (max-width: 767.98px) {
+  .list-quick-actions {
+    padding: .9rem;
+    gap: .75rem;
+  }
+
+  .list-quick-actions__header {
+    flex-direction: column;
+    gap: .35rem;
+  }
+
+  .list-quick-actions__hint {
+    max-width: none;
+    text-align: left;
+  }
+
+  .list-quick-actions__grid {
+    grid-template-columns: 1fr;
+  }
+
+  .list-quick-actions__action.btn {
+    min-height: 72px;
+    padding: .85rem .9rem;
+  }
+}

shopping_app/static/css/split/theme.css

@@ -0,0 +1,80 @@
+:root {
+  --primary: #184076;
+  --primary-border: #153866;
+  --primary-text: #e6f0ff;
+
+  --info: var(--primary);
+  --info-border: var(--primary-border);
+  --info-text: var(--primary-text);
+
+  --success: #1c6930;
+  --success-border: #165024;
+  --success-text: #eaffea;
+
+  --warning: #665c1e;
+  --warning-border: #4d4415;
+  --warning-text: #fffbe5;
+
+  --danger: #6e1a1e;
+  --danger-border: #531417;
+  --danger-text: #ffeaea;
+
+  --dark-900: #181a1b;
+  --dark-800: #1c1f22;
+  --dark-750: #1f2225;
+  --dark-700: #212529;
+  --dark-650: #23272a;
+  --dark-600: #2a2d31;
+  --dark-550: #2b2f33;
+  --dark-500: #2c2f33;
+  --dark-480: #2c3034;
+  --dark-470: #2a2d31;
+  --dark-450: #3a3f44;
+  --dark-400: #343a40;
+  --dark-350: #3d4248;
+  --dark-300: #495057;
+
+  --text-strong: #f8f9fa;
+  --text: #e2e3e5;
+  --text-dim: #e1e1e1;
+  --muted: #6c757d;
+
+  --progress-default: #3d7bd6;
+}
+
+.clickable-item {
+  cursor: pointer;
+}
+
+.progress-thin {
+  height: 12px;
+}
+
+.item-not-checked {
+  background-color: var(--dark-500) !important;
+  color: #fff !important;
+}
+
+#empty-placeholder {
+  font-style: italic;
+  pointer-events: none;
+}
+
+.fade-out {
+  opacity: 0;
+  transition: opacity 0.5s ease;
+}
+
+@media (pointer: fine){
+  .only-mobile {
+    display: none !important;
+  }
+}
+
+.bg-success {
+  background-color: var(--success) !important;
+}
+
+.bg-warning {
+  background-color: var(--warning) !important;
+}

shopping_app/static/css/style_old.css

@@ -1,416 +0,0 @@
-/* --- Rozmiary i kursory --- */
-.large-checkbox {
-    width: 1.5em;
-    height: 1.5em;
-}
-
-.clickable-item {
-    cursor: pointer;
-}
-
-/* --- Kolory tła (nadpisane klasy Bootstrapa) --- */
-.bg-success {
-    background-color: #1e7e34 !important;
-}
-
-.btn-outline-light:hover {
-    background-color: #ffc107 !important;
-    color: #000 !important;
-    border-color: #ffc107 !important;
-}
-
-.progress-dark {
-    background-color: #212529 !important;
-    border-radius: 20px !important;
-    overflow: hidden;
-}
-
-.progress-bar {
-    border-radius: 0 !important;
-    transition: width 0.4s ease, background-color 0.4s ease;
-}
-
-.progress-bar:first-child {
-    border-top-left-radius: 20px !important;
-    border-bottom-left-radius: 20px !important;
-}
-
-.progress-bar:last-child {
-    border-top-right-radius: 20px !important;
-    border-bottom-right-radius: 20px !important;
-}
-
-
-/* rodzic już ma position-relative */
-.progress-label {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    pointer-events: none;
-    /* klikalne przyciski obok paska nie ucierpią */
-    white-space: nowrap;
-}
-
-.progress-thin {
-    height: 12px;
-}
-
-.item-not-checked {
-    background-color: #2c2f33 !important;
-    color: white !important;
-}
-
-/* --- Styl przycisku wyboru pliku --- */
-input[type="file"]::file-selector-button {
-    background-color: #225d36;
-    color: #fff;
-    border: none;
-    padding: 0.5em 1em;
-    border-radius: 4px;
-    font-weight: bold;
-    cursor: pointer;
-    transition: background 0.2s;
-}
-
-/* --- Ciemniejsze alerty Bootstrapa --- */
-.alert-success {
-    background-color: #225d36 !important;
-    color: #eaffea !important;
-    border-color: #174428 !important;
-}
-
-.alert-danger {
-    background-color: #7a1f23 !important;
-    color: #ffeaea !important;
-    border-color: #531417 !important;
-}
-
-.alert-info {
-    background-color: #1d3a4d !important;
-    color: #eaf6ff !important;
-    border-color: #152837 !important;
-}
-
-.alert-warning {
-    background-color: #665c1e !important;
-    color: #fffbe5 !important;
-    border-color: #4d4415 !important;
-}
-
-/* Badge - kolory pasujące do ciemnych alertów */
-.badge.bg-success,
-.badge.text-bg-success {
-    background-color: #225d36 !important;
-    color: #eaffea !important;
-}
-
-.badge.bg-danger,
-.badge.text-bg-danger {
-    background-color: #7a1f23 !important;
-    color: #ffeaea !important;
-}
-
-.badge.bg-info,
-.badge.text-bg-info {
-    background-color: #1d3a4d !important;
-    color: #eaf6ff !important;
-}
-
-.badge.bg-warning,
-.badge.text-bg-warning {
-    background-color: #665c1e !important;
-    color: #fffbe5 !important;
-}
-
-.badge.bg-secondary,
-.badge.text-bg-secondary {
-    background-color: #343a40 !important;
-    color: #e2e3e5 !important;
-}
-
-.badge.bg-primary,
-.badge.text-bg-primary {
-    background-color: #184076 !important;
-    color: #e6f0ff !important;
-}
-
-.badge.bg-light,
-.badge.text-bg-light {
-    background-color: #444950 !important;
-    color: #f8f9fa !important;
-}
-
-.badge.bg-dark,
-.badge.text-bg-dark {
-    background-color: #181a1b !important;
-    color: #f8f9fa !important;
-}
-
-/* --- Styl dla własnych checkboxów --- */
-input[type="checkbox"].large-checkbox {
-    appearance: none;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    width: 1.5em;
-    height: 1.5em;
-    margin: 0;
-    padding: 0;
-    outline: none;
-    background: none;
-    cursor: pointer;
-    position: relative;
-    vertical-align: middle;
-}
-
-input[type="checkbox"].large-checkbox::before {
-    content: '✗';
-    color: #dc3545;
-    font-size: 1.5em;
-    font-weight: bold;
-    position: absolute;
-    left: 0;
-    top: 50%;
-    transform: translateY(-50%);
-    line-height: 1;
-    transition: color 0.2s;
-}
-
-input[type="checkbox"].large-checkbox:checked::before {
-    content: '✓';
-    color: #ffffff;
-}
-
-input[type="checkbox"].large-checkbox:disabled::before {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-input[type="checkbox"].large-checkbox:disabled {
-    cursor: not-allowed;
-}
-
-#tempToggle {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-}
-
-input.form-control {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
-.info-bar-fixed {
-    width: 100%;
-    color: #f8f9fa;
-    background-color: #212529;
-    border-radius: 12px 12px 0 0;
-    text-align: center;
-    padding: 10px 10px;
-    font-size: 0.95rem;
-    box-sizing: border-box;
-    margin-top: 2rem;
-    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.25);
-}
-
-@media (max-width: 768px) {
-    .info-bar-fixed {
-        position: static;
-        font-size: 0.85rem;
-        padding: 8px 4px;
-        border-radius: 0;
-    }
-}
-
-.table-responsive {
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-}
-
-.table-responsive table {
-    min-width: 1000px;
-}
-
-.bg-dark .form-control::placeholder {
-    color: #ccc !important;
-    opacity: 1;
-}
-
-.toast-body {
-    color: #ffffff !important;
-    font-weight: 500 !important;
-}
-
-.toast {
-    animation: fadeInUp 0.5s ease;
-}
-
-@keyframes fadeInUp {
-    from {
-        opacity: 0;
-        transform: translateY(20px);
-    }
-
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-
-#mass-add-list li.active {
-    background: #198754 !important;
-    color: #fff !important;
-    border: 1px solid #000000 !important;
-}
-
-#mass-add-list li {
-    transition: background 0.2s;
-}
-
-.quantity-input {
-    width: 60px;
-    background: #343a40;
-    color: #fff;
-    border: 1px solid #495057;
-    border-radius: 4px;
-    text-align: center;
-}
-
-.add-btn {
-    margin-left: 10px;
-}
-
-.quantity-controls {
-    min-width: 120px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 4px;
-}
-
-.list-group-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-#empty-placeholder {
-    font-style: italic;
-    pointer-events: none;
-}
-
-#items li.hide-purchased {
-    display: none !important;
-}
-
-.list-group-item:first-child,
-.list-group-item:last-child {
-    border-radius: 0 !important;
-}
-
-.fade-out {
-    opacity: 0;
-    transition: opacity 0.5s ease;
-}
-
-@media (pointer: fine) {
-    .only-mobile {
-        display: none !important;
-    }
-}
-
-
-.ts-dropdown .active {
-    background-color: #495057 !important;
-}
-
-.pagination-dark .page-link {
-    color: #fff;
-    background-color: #212529;
-    border: 1px solid #495057;
-}
-
-.pagination-dark .page-link:hover {
-    background-color: #343a40;
-    border-color: #6c757d;
-    color: #fff;
-}
-
-.pagination-dark .page-item.active .page-link {
-    background-color: #0d6efd;
-    border-color: #0d6efd;
-    color: #fff;
-}
-
-.pagination-dark .page-item.disabled .page-link {
-    background-color: #2b3035;
-    border-color: #495057;
-    color: #6c757d;
-}
-
-.tom-dark .ts-control {
-    background-color: #212529 !important;
-    color: #fff !important;
-    border: 1px solid #495057 !important;
-    border-radius: 0.375rem;
-    min-height: 38px;
-    padding: 0.25rem 0.5rem;
-    box-sizing: border-box;
-}
-
-.tom-dark .ts-control .item {
-    background-color: #343a40 !important;
-    color: #fff !important;
-    border-radius: 0.25rem;
-    padding: 2px 8px;
-    margin-right: 4px;
-}
-
-.ts-dropdown {
-    background-color: #212529 !important;
-    color: #fff !important;
-    border: 1px solid #495057;
-    border-radius: 0.375rem;
-    z-index: 9999 !important;
-    max-height: 300px;
-    overflow-y: auto;
-}
-
-.ts-dropdown .active {
-    background-color: #495057 !important;
-    color: #fff !important;
-}
-
-td select.tom-dark {
-    width: 100%;
-    max-width: 100%;
-    box-sizing: border-box;
-}
-
-.table-dark.table-striped tbody tr:nth-of-type(odd) {
-    background-color: rgba(255, 255, 255, 0.025);
-}
-
-.table-dark tbody tr:hover {
-    background-color: rgba(255, 255, 255, 0.04);
-}
-
-.table-dark thead th {
-    background-color: #1c1f22;
-    color: #e1e1e1;
-    font-weight: 500;
-    border-bottom: 1px solid #3a3f44;
-}
-
-.table-dark td,
-.table-dark th {
-    padding: 0.6rem 0.75rem;
-    vertical-align: middle;
-    border-top: 1px solid #3a3f44;
-}
-
-.card .table {
-    border-radius: 0 !important;
-    overflow: hidden;
-    margin-bottom: 0;
-}

shopping_app/static/js/access_users.js

@@ -19,6 +19,28 @@
         tokensBox.appendChild(btn);
     }
 
+    function pluralizePeople(count) {
+        if (count === 1) return 'osoba';
+        const mod10 = count % 10;
+        const mod100 = count % 100;
+        if (mod10 >= 2 && mod10 <= 4 && !(mod100 >= 12 && mod100 <= 14)) return 'osoby';
+        return 'osób';
+    }
+
+    function syncAccessCount(box) {
+        if (!box) return;
+        const count = $$('.token', box).length;
+        const sheetBadge = document.getElementById('shareSheetPeopleBadge');
+        const cardBadge = document.getElementById('sharePeopleBadge');
+
+        if (sheetBadge) sheetBadge.textContent = String(count);
+
+        if (cardBadge) {
+            cardBadge.textContent = `👥 ${count} ${pluralizePeople(count)}`;
+            cardBadge.classList.toggle('d-none', count === 0);
+        }
+    }
+
     function wantsJSON() {
         return {
             'Accept': 'application/json',
@@ -127,6 +149,7 @@
                     empty.textContent = 'Brak dodanych uprawnień.';
                     tokensBox.appendChild(empty);
                 }
+                syncAccessCount(box);
                 toast(`Odebrano dostęp: @${username}`, 'success');
             } else {
                 btn.disabled = false; btn.classList.remove('disabled');
@@ -151,6 +174,7 @@
                     if (res.data?.user) {
                         appendToken(box, res.data.user);
                         appended++;
+                        syncAccessCount(box);
                     }
                 } else {
                     failCount++;
@@ -171,6 +195,7 @@
 
         addBtn?.addEventListener('click', addUsers);
         input?.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); addUsers(); } });
+        syncAccessCount(box);
     }
 
     document.addEventListener('DOMContentLoaded', () => {

shopping_app/static/js/desktop_item_menu.js

@@ -0,0 +1,126 @@
+(function () {
+  const DESKTOP_QUERY = '(min-width: 992px) and (pointer: fine)';
+
+  function isDesktopOwnerList() {
+    return window.matchMedia(DESKTOP_QUERY).matches
+      && !window.IS_SHARE
+      && (
+        document.body.classList.contains('endpoint-view_list')
+        || document.body.classList.contains('endpoint-list')
+      );
+  }
+
+  function getMenu() {
+    return document.getElementById('desktopItemMenu');
+  }
+
+  function hideDesktopItemMenu() {
+    const menu = getMenu();
+    if (!menu) return;
+    menu.hidden = true;
+    delete menu.dataset.itemId;
+    delete menu.dataset.itemName;
+    delete menu.dataset.itemQuantity;
+  }
+
+  function positionMenu(menu, clickX, clickY) {
+    const gap = 14;
+    menu.style.left = '0px';
+    menu.style.top = '0px';
+    menu.hidden = false;
+
+    const rect = menu.getBoundingClientRect();
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+
+    let left = clickX - (rect.width / 2);
+    let top = clickY - rect.height - gap;
+
+    if (top < 12) {
+      top = Math.min(viewportHeight - rect.height - 12, clickY + gap);
+    }
+
+    left = Math.max(12, Math.min(left, viewportWidth - rect.width - 12));
+    top = Math.max(12, Math.min(top, viewportHeight - rect.height - 12));
+
+    menu.style.left = `${left}px`;
+    menu.style.top = `${top}px`;
+  }
+
+  function showDesktopItemMenu(trigger, event) {
+    const menu = getMenu();
+    if (!menu) return;
+
+    menu.dataset.itemId = trigger.dataset.itemId || '';
+    menu.dataset.itemName = trigger.dataset.itemName || '';
+    menu.dataset.itemQuantity = trigger.dataset.itemQuantity || '1';
+
+    let clickX = event.clientX || 0;
+    let clickY = event.clientY || 0;
+
+    if (!clickX && !clickY) {
+      const rect = trigger.getBoundingClientRect();
+      clickX = rect.left + (rect.width / 2);
+      clickY = rect.top;
+    }
+
+    positionMenu(menu, clickX, clickY);
+  }
+
+  document.addEventListener('click', function (event) {
+    const menu = getMenu();
+    const trigger = event.target.closest('[data-item-menu-trigger="true"]');
+
+    if (trigger && isDesktopOwnerList() && !trigger.disabled) {
+      event.preventDefault();
+      event.stopPropagation();
+      showDesktopItemMenu(trigger, event);
+      return;
+    }
+
+    if (menu && !menu.hidden && !event.target.closest('#desktopItemMenu')) {
+      hideDesktopItemMenu();
+    }
+  });
+
+  document.addEventListener('keydown', function (event) {
+    if (event.key === 'Escape') {
+      hideDesktopItemMenu();
+    }
+  });
+
+  ['scroll', 'resize'].forEach(function (eventName) {
+    window.addEventListener(eventName, hideDesktopItemMenu, true);
+  });
+
+  document.addEventListener('DOMContentLoaded', function () {
+    const menu = getMenu();
+    if (!menu) return;
+
+    menu.addEventListener('click', function (event) {
+      const actionButton = event.target.closest('[data-menu-action]');
+      if (!actionButton) return;
+
+      const itemId = parseInt(menu.dataset.itemId || '', 10);
+      const itemName = menu.dataset.itemName || '';
+      const itemQuantity = parseInt(menu.dataset.itemQuantity || '1', 10) || 1;
+
+      if (!itemId) {
+        hideDesktopItemMenu();
+        return;
+      }
+
+      if (actionButton.dataset.menuAction === 'edit') {
+        openEditItemModal(event, itemId, itemName, itemQuantity);
+      }
+
+      if (actionButton.dataset.menuAction === 'delete') {
+        deleteItem(itemId);
+      }
+
+      hideDesktopItemMenu();
+    });
+  });
+
+  window.hideDesktopItemMenu = hideDesktopItemMenu;
+})();

shopping_app/static/js/expense_chart.js

@@ -123,7 +123,7 @@ document.addEventListener("DOMContentLoaded", function () {
                         data: {
                             labels: data.labels || [],
                             datasets: [{
-                                label: "Suma wydatków [PLN]",
+                                label: `Suma wydatków [${getCurrencyCode()}]`,
                                 data: data.expenses || [],
                             }],
                         },

shopping_app/static/js/expense_table.js

@@ -28,7 +28,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 total += parseFloat(cb.dataset.amount);
             }
         });
-        totalEl.textContent = total.toFixed(2) + ' PLN';
+        totalEl.textContent = formatCurrencyAmount(total);
     }
 
     function getISOWeek(date) {

shopping_app/static/js/functions.js

@@ -1,3 +1,19 @@
+function getCurrencyCode() {
+  return window.CURRENCY_CODE || 'PLN';
+}
+
+function formatCurrencyAmount(amount, options = {}) {
+  const includeCode = options.includeCode !== false;
+  const numeric = Number(amount || 0);
+  const safe = Number.isFinite(numeric) ? numeric : 0;
+  const formatted = safe.toFixed(2);
+  return includeCode ? `${formatted} ${getCurrencyCode()}` : formatted;
+}
+
+function currencyLabel(prefix = 'Kwota') {
+  return `${prefix} (${getCurrencyCode()})`;
+}
+
 function updateItemState(itemId, isChecked) {
   const checkbox = document.querySelector(`#item-${itemId} input[type='checkbox']`);
   if (checkbox) {
@@ -58,24 +74,42 @@ function updateProgressBar() {
   if (percentValueEl) percentValueEl.textContent = percent;
 }
 
+function parseQuantityInput(value, fallback = 1) {
+  const parsed = parseFloat(String(value ?? fallback).replace(',', '.'));
+  return Number.isFinite(parsed) && parsed > 0 ? parsed : fallback;
+}
+
+function formatQuantityValue(value) {
+  const parsed = parseQuantityInput(value, 1);
+  return Number.isInteger(parsed) ? String(parsed) : parsed.toFixed(3).replace(/0+$/, '').replace(/\.$/, '');
+}
+
+function quantityLabel(value, unit) {
+  const safeUnit = unit || 'szt';
+  const safeValue = formatQuantityValue(value);
+  return safeUnit === 'szt' ? `x${safeValue}` : `${safeValue} ${safeUnit}`;
+}
+
 function addItem(listId) {
   const name = document.getElementById('newItem').value;
   const quantityInput = document.getElementById('newQuantity');
-  let quantity = 1;
-
-  if (quantityInput) {
-    quantity = parseInt(quantityInput.value);
-    if (isNaN(quantity) || quantity < 1) {
-      quantity = 1;
-    }
-  }
+  const unitInput = document.getElementById('newUnit');
+  const quantityValue = parseQuantityInput(quantityInput?.value, 1);
+  const quantityUnit = unitInput?.value || 'szt';
 
   if (name.trim() === '') return;
 
-  socket.emit('add_item', { list_id: listId, name: name, quantity: quantity });
+  socket.emit('add_item', {
+    list_id: listId,
+    name: name,
+    quantity: Math.max(1, Math.round(quantityValue)),
+    quantity_value: quantityValue,
+    quantity_unit: quantityUnit
+  });
 
   document.getElementById('newItem').value = '';
   if (quantityInput) quantityInput.value = 1;
+  if (unitInput) unitInput.value = 'szt';
   document.getElementById('newItem').focus();
 }
 
@@ -85,23 +119,26 @@ function deleteItem(id) {
   }
 }
 
-function editItem(id, oldName, oldQuantity) {
+function editItem(id, oldName, oldQuantity, oldUnit = 'szt') {
   const finalName = String(oldName ?? '').trim();
-  let newQuantity = parseInt(oldQuantity, 10);
+  const newQuantity = parseQuantityInput(oldQuantity, 1);
+  const newUnit = oldUnit || 'szt';
 
   if (!finalName) {
     showToast('Nazwa produktu nie może być pusta.', 'warning');
     return;
   }
 
-  if (isNaN(newQuantity) || newQuantity < 1) {
-    newQuantity = 1;
-  }
-
-  socket.emit('edit_item', { item_id: id, new_name: finalName, new_quantity: newQuantity });
+  socket.emit('edit_item', {
+    item_id: id,
+    new_name: finalName,
+    new_quantity: Math.max(1, Math.round(newQuantity)),
+    quantity_value: newQuantity,
+    quantity_unit: newUnit
+  });
 }
 
-function openEditItemModal(event, id, oldName, oldQuantity) {
+function openEditItemModal(event, id, oldName, oldQuantity, oldUnit = 'szt') {
   if (event && typeof event.stopPropagation === 'function') {
     event.stopPropagation();
   }
@@ -110,17 +147,18 @@ function openEditItemModal(event, id, oldName, oldQuantity) {
   const idInput = document.getElementById('editItemId');
   const nameInput = document.getElementById('editItemName');
   const quantityInput = document.getElementById('editItemQuantity');
+  const unitInput = document.getElementById('editItemUnit');
 
-  if (!modalEl || !idInput || !nameInput || !quantityInput || typeof bootstrap === 'undefined') {
-    editItem(id, oldName, oldQuantity);
+  if (!modalEl || !idInput || !nameInput || !quantityInput || !unitInput || typeof bootstrap === 'undefined') {
+    editItem(id, oldName, oldQuantity, oldUnit);
     return;
   }
 
   idInput.value = id;
   nameInput.value = String(oldName ?? '').trim();
 
-  const parsedQuantity = parseInt(oldQuantity, 10);
-  quantityInput.value = !isNaN(parsedQuantity) && parsedQuantity > 0 ? parsedQuantity : 1;
+  quantityInput.value = formatQuantityValue(oldQuantity);
+  unitInput.value = oldUnit || 'szt';
 
   const modal = bootstrap.Modal.getOrCreateInstance(modalEl);
   modal.show();
@@ -243,27 +281,65 @@ function applyHidePurchased(isInit = false) {
   });
 }
 
+function formatShareUrlPreview(url) {
+  return String(url || '').replace(/^https?:\/\//, '');
+}
+
+function setVisibilityBadgeState(el, isPublic, publicLabel = '🌍 Publiczna', privateLabel = '🔒 Prywatna') {
+  if (!el) return;
+  el.classList.remove('share-state-badge--public', 'share-state-badge--private');
+  el.classList.add(isPublic ? 'share-state-badge--public' : 'share-state-badge--private');
+  el.textContent = isPublic ? publicLabel : privateLabel;
+}
+
+function updateShareVisibilityUI(data) {
+  const shareUrl = data?.share_url || '';
+  const isPublic = !!data?.is_public;
+
+  const shareUrlInput = document.getElementById('shareUrlInput');
+  const shareUrlPreview = document.getElementById('shareUrlPreview');
+  const copyBtn = document.getElementById('copyBtn');
+  const toggleBtn = document.getElementById('toggleVisibilityBtn');
+  const mainNote = document.getElementById('shareVisibilityNote');
+  const sheetNote = document.getElementById('shareSheetVisibilityNote');
+  const mainOpenBtn = document.getElementById('openShareModeBtn');
+  const sheetOpenBtn = document.getElementById('openShareModeBtnSheet');
+
+  if (shareUrlInput) shareUrlInput.value = shareUrl;
+  if (shareUrlPreview) shareUrlPreview.textContent = formatShareUrlPreview(shareUrl);
+  if (copyBtn) copyBtn.disabled = false;
+  if (mainOpenBtn) mainOpenBtn.href = shareUrl;
+  if (sheetOpenBtn) sheetOpenBtn.href = shareUrl;
+
+  setVisibilityBadgeState(document.getElementById('shareVisibilityBadge'), isPublic);
+  setVisibilityBadgeState(document.getElementById('shareSheetVisibilityBadge'), isPublic, 'Publiczna', 'Prywatna');
+
+  if (mainNote) {
+    mainNote.textContent = isPublic
+      ? 'Lista działa publicznie i przez link udostępniania.'
+      : 'Lista działa przez link udostępniania i dla zaproszonych osób.';
+  }
+
+  if (sheetNote) {
+    sheetNote.textContent = isPublic
+      ? 'Lista jest widoczna publicznie i nadal działa przez link.'
+      : 'Lista nie jest publiczna, ale nadal działa przez link i dla zaproszonych osób.';
+  }
+
+  if (toggleBtn) {
+    toggleBtn.innerHTML = isPublic ? '🙈 Ustaw jako prywatną' : '🌍 Uczyń publiczną';
+  }
+}
+
 function toggleVisibility(listId) {
   fetch('/toggle_visibility/' + listId, { method: 'POST' })
     .then(response => response.json())
     .then(data => {
-      const shareHeader = document.getElementById('share-header');
-      const shareUrlSpan = document.getElementById('share-url');
-      const copyBtn = document.getElementById('copyBtn');
-      const toggleBtn = document.getElementById('toggleVisibilityBtn');
-
-      // URL zawsze widoczny i aktywny
-      shareUrlSpan.style.display = 'inline';
-      shareUrlSpan.textContent = data.share_url;
-      copyBtn.disabled = false;
-
-      if (data.is_public) {
-        shareHeader.textContent = '🔗 Udostępnij link (lista publiczna)';
-        toggleBtn.innerHTML = '🙈 Ukryj listę';
-      } else {
-        shareHeader.textContent = '🔗 Udostępnij link (widoczna tylko przez link / uprawnienia)';
-        toggleBtn.innerHTML = '🐵 Uczyń publiczną';
-      }
+      updateShareVisibilityUI(data);
+      showToast(data.is_public ? 'Lista jest teraz publiczna.' : 'Lista jest teraz prywatna.', 'success');
+    })
+    .catch(() => {
+      showToast('Nie udało się zmienić widoczności listy.', 'danger');
     });
 }
 
@@ -331,11 +407,15 @@ function renderItem(item, isShare = window.IS_SHARE, optionsOrShowEditOnly = fal
 
   const isOwner = window.IS_OWNER === true || window.IS_OWNER === 'true';
   const isArchived = window.IS_ARCHIVED === true || window.IS_ARCHIVED === 'true';
-  const safeName = escapeHtml(item.name || '');
-  const nameForEdit = JSON.stringify(String(item.name || ''));
+  const rawName = String(item.name || '');
+  const safeName = escapeHtml(rawName);
+  const nameForEdit = JSON.stringify(rawName);
   const quantity = Number.isInteger(item.quantity) ? item.quantity : parseInt(item.quantity, 10) || 1;
-  const quantityBadge = quantity > 1
-    ? `<span class="badge rounded-pill bg-secondary">x${quantity}</span>`
+  const quantityValue = parseQuantityInput(item.quantity_value ?? item.quantity, quantity);
+  const quantityUnit = item.quantity_unit || 'szt';
+  const quantityText = item.quantity_label || quantityLabel(quantityValue, quantityUnit);
+  const quantityBadge = (quantityUnit !== 'szt' || quantityValue !== 1)
+    ? `<span class="badge rounded-pill bg-secondary">${escapeHtml(quantityText)}</span>`
     : '';
 
   const canEditListItem = !isShare;
@@ -363,6 +443,16 @@ function renderItem(item, isShare = window.IS_SHARE, optionsOrShowEditOnly = fal
 
   const iconBtn = 'btn btn-outline-light btn-sm shopping-action-btn';
   const wideBtn = 'btn btn-outline-light btn-sm shopping-action-btn shopping-action-btn--wide';
+  const itemNameHtml = canEditListItem
+    ? `<button type="button"
+                    id="name-${item.id}"
+                    class="shopping-item-name text-white"
+                    data-item-id="${item.id}"
+                    data-item-name=${JSON.stringify(rawName)}
+                    data-item-quantity="${quantityValue}"
+                    data-item-unit="${quantityUnit}"
+                    ${isArchived ? 'disabled aria-disabled="true"' : 'data-item-menu-trigger="true"'}>${safeName}</button>`
+    : `<span id="name-${item.id}" class="shopping-item-name text-white">${safeName}</span>`;
   let actionButtons = '';
 
   if (canEditListItem) {
@@ -372,7 +462,7 @@ function renderItem(item, isShare = window.IS_SHARE, optionsOrShowEditOnly = fal
 
     actionButtons += `
       ${dragHandleButton}
-      <button type="button" class="${iconBtn}" ${isArchived ? 'disabled' : `onclick='openEditItemModal(event, ${item.id}, ${JSON.stringify(String(item.name || ''))}, ${quantity})'`}>✏️</button>
+      <button type="button" class="${iconBtn}" ${isArchived ? 'disabled' : `onclick='openEditItemModal(event, ${item.id}, ${JSON.stringify(String(item.name || ''))}, ${quantityValue}, ${JSON.stringify(quantityUnit)})'`}>✏️</button>
       <button type="button" class="${iconBtn}" ${isArchived ? 'disabled' : `onclick="deleteItem(${item.id})"`}>🗑️</button>`;
   }
 
@@ -387,9 +477,9 @@ function renderItem(item, isShare = window.IS_SHARE, optionsOrShowEditOnly = fal
   if (temporaryShareUndo) {
     actionButtons += `
       <button type="button" class="${iconBtn} shopping-action-btn--countdown" disabled data-countdown-for="${item.id}">${countdownSeconds}s</button>
-      <button type="button" class="${iconBtn}" ${isArchived ? 'disabled' : `onclick='openEditItemModal(event, ${item.id}, ${nameForEdit}, ${quantity})'`}>✏️</button>
+      <button type="button" class="${iconBtn}" ${isArchived ? 'disabled' : `onclick='openEditItemModal(event, ${item.id}, ${nameForEdit}, ${quantityValue}, ${JSON.stringify(quantityUnit)})'`}>✏️</button>
       <button type="button" class="${iconBtn}" ${isArchived ? 'disabled' : `onclick="deleteItem(${item.id})"`}>🗑️</button>`;
-  } else if (canShowShareActions) {
+  } else if (canShowShareActions || (!isShare && isOwner)) {
     actionButtons += `
       <button type="button" class="${iconBtn}" ${isArchived ? 'disabled' : `onclick="openNoteModal(event, ${item.id})"`}>📝</button>`;
   }
@@ -400,7 +490,7 @@ function renderItem(item, isShare = window.IS_SHARE, optionsOrShowEditOnly = fal
       <div class="shopping-item-content">
         <div class="shopping-item-head">
           <div class="shopping-item-text">
-            <span id="name-${item.id}" class="shopping-item-name text-white">${safeName}</span>
+${itemNameHtml}
             ${quantityBadge}
             ${infoHtml}
           </div>
@@ -438,26 +528,6 @@ function updateListSmoothly(newItems) {
   applyHidePurchased();
 }
 
-
-document.addEventListener("DOMContentLoaded", function () {
-  const receiptSection = document.getElementById("receiptSection");
-  const toggleBtn = document.querySelector('[data-bs-target="#receiptSection"]');
-
-  if (!receiptSection || !toggleBtn) return;
-
-  if (localStorage.getItem("receiptSectionOpen") === "true") {
-    new bootstrap.Collapse(receiptSection, { toggle: true });
-  }
-
-  receiptSection.addEventListener('shown.bs.collapse', function () {
-    localStorage.setItem("receiptSectionOpen", "true");
-  });
-
-  receiptSection.addEventListener('hidden.bs.collapse', function () {
-    localStorage.setItem("receiptSectionOpen", "false");
-  });
-});
-
 document.addEventListener("DOMContentLoaded", function () {
   const toggle = document.getElementById('hidePurchasedToggle');
   if (!toggle) return;

shopping_app/static/js/list_item_form.js

@@ -0,0 +1,19 @@
+document.addEventListener('DOMContentLoaded', function () {
+  const editItemForm = document.getElementById('editItemForm');
+  if (!editItemForm) return;
+
+  editItemForm.addEventListener('submit', function (event) {
+    event.preventDefault();
+
+    const itemId = parseInt(document.getElementById('editItemId').value, 10);
+    const itemName = document.getElementById('editItemName').value;
+    const itemQuantity = document.getElementById('editItemQuantity').value;
+    const itemUnit = document.getElementById('editItemUnit').value;
+
+    editItem(itemId, itemName, itemQuantity, itemUnit);
+
+    const modalEl = document.getElementById('editItemModal');
+    const modal = bootstrap.Modal.getInstance(modalEl);
+    if (modal) modal.hide();
+  });
+});

shopping_app/static/js/live.js

@@ -113,7 +113,7 @@ function setupList(listId, username) {
   socket.on('expense_added', data => {
     const badgeEl = document.getElementById('total-expense1');
     if (badgeEl) {
-      badgeEl.innerHTML = `💸 ${data.total.toFixed(2)} PLN`;
+      badgeEl.innerHTML = `💸 ${formatCurrencyAmount(data.total)}`;
       badgeEl.classList.remove('bg-secondary');
       badgeEl.classList.add('bg-success');
       badgeEl.style.display = '';
@@ -121,10 +121,10 @@ function setupList(listId, username) {
 
     const summaryEl = document.getElementById('total-expense2');
     if (summaryEl) {
-      summaryEl.innerHTML = `<b>💸 Łącznie wydano:</b> ${data.total.toFixed(2)} PLN`;
+      summaryEl.innerHTML = `<b>💸 Łącznie wydano:</b> ${formatCurrencyAmount(data.total)}`;
     }
 
-    showToast(`Dodano wydatek: ${data.amount.toFixed(2)} PLN`, 'info');
+    showToast(`Dodano wydatek: ${formatCurrencyAmount(data.amount)}`, 'info');
   });
 
 
@@ -139,6 +139,13 @@ function setupList(listId, username) {
       note: ''
     };
 
+    // Note: store newly added items locally so later edits do not depend on a full page refresh.
+    if (Array.isArray(window.currentItems)) {
+      window.currentItems.push(item);
+    } else {
+      window.currentItems = [item];
+    }
+
     const isOwnFreshShareItem = Boolean(
       window.IS_SHARE &&
       data.added_by &&
@@ -216,22 +223,43 @@ function setupList(listId, username) {
   });
 
   socket.on('item_edited', data => {
-    const idx = window.currentItems.findIndex(i => i.id === data.item_id);
-    if (idx !== -1) {
-      window.currentItems[idx].name = data.new_name;
-      window.currentItems[idx].quantity = data.new_quantity;
+    const itemId = Number(data.item_id);
+    const oldItem = document.getElementById(`item-${itemId}`);
+    const currentItems = Array.isArray(window.currentItems) ? window.currentItems : [];
+    const idx = currentItems.findIndex(item => Number(item.id) === itemId);
+    const cachedItem = idx !== -1 ? currentItems[idx] : {};
 
-      const newItem = renderItem(window.currentItems[idx], window.IS_SHARE);
-      const oldItem = document.getElementById(`item-${data.item_id}`);
-      if (oldItem && newItem) {
-        oldItem.replaceWith(newItem);
-      }
+    // Note: keep the edited item visible immediately, even when the local list cache is stale.
+    const updatedItem = {
+      ...cachedItem,
+      id: itemId,
+      name: data.new_name,
+      quantity: data.new_quantity,
+      quantity_value: data.quantity_value ?? data.new_quantity,
+      quantity_unit: data.quantity_unit || 'szt',
+      quantity_label: data.quantity_label || quantityLabel(data.quantity_value ?? data.new_quantity, data.quantity_unit || 'szt'),
+      purchased: oldItem ? oldItem.classList.contains('bg-success') : !!cachedItem.purchased,
+      not_purchased: oldItem ? oldItem.classList.contains('bg-warning') : !!cachedItem.not_purchased,
+      not_purchased_reason: cachedItem.not_purchased_reason || '',
+      note: cachedItem.note || ''
+    };
+
+    if (idx !== -1) {
+      currentItems[idx] = updatedItem;
+      window.currentItems = currentItems;
     }
 
-    showToast(`Zaktualizowano produkt: ${data.new_name} (x${data.new_quantity})`, 'success');
+    if (oldItem) {
+      oldItem.replaceWith(renderItem(updatedItem, window.IS_SHARE));
+    } else if (window.LIST_ID) {
+      socket.emit('request_full_list', { list_id: window.LIST_ID });
+    }
+
+    showToast(`Zaktualizowano produkt: ${data.new_name} (${data.quantity_label || quantityLabel(data.quantity_value ?? data.new_quantity, data.quantity_unit || 'szt')})`, 'success');
 
     updateProgressBar();
     toggleEmptyPlaceholder();
+    applyHidePurchased();
   });
 
   // --- WAŻNE: zapisz dane do reconnect ---

shopping_app/static/js/mass_add.js

@@ -9,6 +9,24 @@ document.addEventListener('DOMContentLoaded', function () {
     return str?.trim().toLowerCase() || '';
   }
 
+  function readQuantity(qty, fallback = 1) {
+    const parsed = parseFloat(String(qty?.value ?? fallback).replace(',', '.'));
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : fallback;
+  }
+
+  function makeUnitSelect() {
+    const unit = document.createElement('select');
+    unit.className = 'form-select form-select-sm bg-dark text-white border-secondary';
+    unit.style.width = '78px';
+    ['szt', 'kg', 'g', 'l', 'ml', 'opak.'].forEach(value => {
+      const option = document.createElement('option');
+      option.value = value;
+      option.textContent = value;
+      unit.appendChild(option);
+    });
+    return unit;
+  }
+
   let sortMode = 'popularity';
   let limit = 25;
   let offset = 0;
@@ -105,13 +123,54 @@ document.addEventListener('DOMContentLoaded', function () {
   }
 
   function getAlreadyAddedProducts() {
-    const set = new Set();
-    document.querySelectorAll('#items li').forEach(li => {
-      if (li.dataset.name) {
-        set.add(normalize(li.dataset.name));
-      }
+    const map = new Map();
+    document.querySelectorAll('#items li[id^="item-"]').forEach(li => {
+      if (!li.dataset.name) return;
+      const nameBtn = li.querySelector('[data-item-name]');
+      const name = nameBtn?.dataset.itemName || li.dataset.name || '';
+      map.set(normalize(li.dataset.name), {
+        id: parseInt(li.id.replace('item-', ''), 10),
+        name: name,
+        quantityValue: readQuantity({ value: nameBtn?.dataset.itemQuantity || 1 }),
+        unit: nameBtn?.dataset.itemUnit || 'szt'
+      });
     });
-    return set;
+    return map;
+  }
+
+  function appendQuantityControls(li, initialValue = 1, initialUnit = 'szt') {
+    const qtyWrapper = document.createElement('div');
+    qtyWrapper.className = 'd-flex align-items-center ms-2 quantity-controls';
+
+    const minusBtn = document.createElement('button');
+    minusBtn.type = 'button';
+    minusBtn.className = 'btn btn-outline-light btn-sm px-2';
+    minusBtn.textContent = '−';
+
+    const qty = document.createElement('input');
+    qty.type = 'number';
+    qty.min = 0.001;
+    qty.step = 0.001;
+    qty.value = initialValue || 1;
+    qty.className = 'form-control text-center p-1 rounded';
+    qty.style.width = '62px';
+    qty.style.margin = '0 2px';
+    qty.title = 'Ilość / waga / objętość';
+
+    const plusBtn = document.createElement('button');
+    plusBtn.type = 'button';
+    plusBtn.className = 'btn btn-outline-light btn-sm px-2';
+    plusBtn.textContent = '+';
+
+    const unit = makeUnitSelect();
+    unit.value = initialUnit || 'szt';
+
+    minusBtn.onclick = () => { qty.value = Math.max(0.001, readQuantity(qty) - 1); };
+    plusBtn.onclick = () => { qty.value = readQuantity(qty) + 1; };
+
+    qtyWrapper.append(minusBtn, qty, plusBtn, unit);
+    li.appendChild(qtyWrapper);
+    return { qty, unit, qtyWrapper };
   }
 
   function renderProducts(products) {
@@ -135,10 +194,12 @@ document.addEventListener('DOMContentLoaded', function () {
       if (addedProducts.has(normName)) {
         const nameSpan = document.createElement('span');
         nameSpan.textContent = name;
+        nameSpan.style.flex = '1 1 auto';
         li.appendChild(nameSpan);
-        li.classList.add('opacity-50');
+        li.classList.add('opacity-50', 'border-success');
+
         const badge = document.createElement('span');
-        badge.className = 'badge bg-success ms-auto';
+        badge.className = 'badge bg-success ms-2';
         badge.textContent = 'Dodano';
         li.appendChild(badge);
       } else {
@@ -157,12 +218,15 @@ document.addEventListener('DOMContentLoaded', function () {
 
         const qty = document.createElement('input');
         qty.type = 'number';
-        qty.min = 1;
+        qty.min = 0.001;
+        qty.step = 0.001;
         qty.value = 1;
         qty.className = 'form-control text-center p-1 rounded';
         qty.style.width = '50px';
         qty.style.margin = '0 2px';
-        qty.title = 'Ilość';
+        qty.title = 'Ilość / waga / objętość';
+
+        const unit = makeUnitSelect();
 
         const plusBtn = document.createElement('button');
         plusBtn.type = 'button';
@@ -170,20 +234,26 @@ document.addEventListener('DOMContentLoaded', function () {
         plusBtn.textContent = '+';
 
         minusBtn.onclick = () => {
-          qty.value = Math.max(1, parseInt(qty.value) - 1);
+          qty.value = Math.max(0.001, readQuantity(qty) - 1);
         };
         plusBtn.onclick = () => {
-          qty.value = parseInt(qty.value) + 1;
+          qty.value = readQuantity(qty) + 1;
         };
 
-        qtyWrapper.append(minusBtn, qty, plusBtn);
+        qtyWrapper.append(minusBtn, qty, plusBtn, unit);
 
         const btn = document.createElement('button');
         btn.className = 'btn btn-sm btn-primary ms-4';
         btn.textContent = '+';
         btn.onclick = () => {
-          const quantity = parseInt(qty.value) || 1;
-          socket.emit('add_item', { list_id: LIST_ID, name: name, quantity: quantity });
+          const quantityValue = readQuantity(qty);
+          socket.emit('add_item', {
+            list_id: LIST_ID,
+            name: name,
+            quantity: Math.max(1, Math.round(quantityValue)),
+            quantity_value: quantityValue,
+            quantity_unit: unit.value
+          });
         };
 
         li.append(qtyWrapper, btn);
@@ -266,12 +336,15 @@ document.addEventListener('DOMContentLoaded', function () {
 
           const qty = document.createElement('input');
           qty.type = 'number';
-          qty.min = 1;
+          qty.min = 0.001;
+          qty.step = 0.001;
           qty.value = 1;
           qty.className = 'form-control text-center p-1 rounded';
           qty.style.width = '50px';
           qty.style.margin = '0 2px';
-          qty.title = 'Ilość';
+          qty.title = 'Ilość / waga / objętość';
+
+          const unit = makeUnitSelect();
 
           const plusBtn = document.createElement('button');
           plusBtn.type = 'button';
@@ -279,24 +352,26 @@ document.addEventListener('DOMContentLoaded', function () {
           plusBtn.textContent = '+';
 
           minusBtn.onclick = () => {
-            qty.value = Math.max(1, parseInt(qty.value) - 1);
+            qty.value = Math.max(0.001, readQuantity(qty) - 1);
           };
           plusBtn.onclick = () => {
-            qty.value = parseInt(qty.value) + 1;
+            qty.value = readQuantity(qty) + 1;
           };
 
-          qtyWrapper.append(minusBtn, qty, plusBtn);
+          qtyWrapper.append(minusBtn, qty, plusBtn, unit);
           li.appendChild(qtyWrapper);
 
           const addBtn = document.createElement('button');
           addBtn.className = 'btn btn-sm btn-primary ms-4';
           addBtn.textContent = '+';
           addBtn.onclick = () => {
-            const quantity = parseInt(qty.value) || 1;
+            const quantityValue = readQuantity(qty);
             socket.emit('add_item', {
               list_id: LIST_ID,
               name: data.name,
-              quantity: quantity
+              quantity: Math.max(1, Math.round(quantityValue)),
+              quantity_value: quantityValue,
+              quantity_unit: unit.value
             });
           };
           li.appendChild(addBtn);

shopping_app/static/js/notes.js

@@ -3,9 +3,9 @@ window.currentItemId = window.currentItemId ?? null;
 window.openNoteModal = function (event, itemId) {
   event.stopPropagation();
   window.currentItemId = itemId;
-  const noteEl = document.querySelector(`#item-${itemId} small.text-danger`);
+  const noteEl = document.querySelector(`#info-${itemId} .text-danger b`);
   document.getElementById('noteText').value = noteEl
-    ? noteEl.innerText.replace(/\[|\]|Powód:/g, "").trim()
+    ? noteEl.innerText.trim()
     : "";
   const modal = new bootstrap.Modal(document.getElementById('noteModal'));
   modal.show();

shopping_app/static/js/preview_list_modal.js

@@ -1,6 +1,69 @@
 document.addEventListener("DOMContentLoaded", function () {
     const modalElement = document.getElementById("productPreviewModal");
+    if (!modalElement || typeof bootstrap === "undefined") return;
+
     const modal = new bootstrap.Modal(modalElement);
+    const modalTitle = document.getElementById("previewModalLabel");
+    const productList = document.getElementById("product-list");
+
+    if (!modalTitle || !productList) return;
+
+    const renderState = (message, extraClass = "text-white") => {
+        productList.innerHTML = "";
+
+        const wrapper = document.createElement("div");
+        wrapper.className = "preview-modal-items";
+
+        const item = document.createElement("div");
+        item.className = `preview-modal-list-item ${extraClass}`.trim();
+        item.textContent = message;
+
+        wrapper.appendChild(item);
+        productList.appendChild(wrapper);
+    };
+
+    const createSection = (titleText) => {
+        const section = document.createElement("section");
+        section.className = "preview-product-section";
+
+        const title = document.createElement("h6");
+        title.className = "preview-product-section-title";
+        title.textContent = titleText;
+
+        const items = document.createElement("div");
+        items.className = "preview-modal-items";
+
+        section.appendChild(title);
+        section.appendChild(items);
+
+        return { section, items };
+    };
+
+    const createItem = (itemData) => {
+        const row = document.createElement("div");
+        row.className = "preview-modal-list-item";
+
+        const name = document.createElement("span");
+        name.className = "preview-modal-list-item__name";
+        name.textContent = itemData.name;
+
+        const badge = document.createElement("span");
+        badge.className = "badge";
+
+        if (itemData.purchased) {
+            badge.classList.add("bg-success");
+        } else if (itemData.not_purchased) {
+            badge.classList.add("bg-warning", "text-dark");
+        } else {
+            badge.classList.add("bg-secondary");
+        }
+
+        badge.textContent = `x${itemData.quantity}`;
+
+        row.appendChild(name);
+        row.appendChild(badge);
+        return row;
+    };
 
     modalElement.addEventListener("hidden.bs.modal", function () {
         document.querySelectorAll(".modal-backdrop").forEach((el) => el.remove());
@@ -11,101 +74,66 @@ document.addEventListener("DOMContentLoaded", function () {
     document.querySelectorAll(".preview-btn").forEach((btn) => {
         btn.addEventListener("click", async () => {
             const listId = btn.dataset.listId;
-            const modalTitle = document.getElementById("previewModalLabel");
-            const productList = document.getElementById("product-list");
 
             modalTitle.textContent = "Ładowanie...";
-            productList.innerHTML = `
-        <li class="list-group-item bg-dark text-white">
-          ⏳ Ładowanie produktów...
-        </li>`;
-
+            renderState("⏳ Ładowanie produktów...");
             modal.show();
 
             try {
                 const res = await fetch(`/admin/list_items/${listId}`);
+                if (!res.ok) {
+                    throw new Error(`HTTP ${res.status}`);
+                }
+
                 const data = await res.json();
+                const totalCount = Number(data.total_count || 0);
+                const purchasedCount = Number(data.purchased_count || 0);
+                const totalExpense = Number(data.total_expense || 0);
+                const percent = totalCount > 0 ? Math.round((purchasedCount / totalCount) * 100) : 0;
 
                 modalTitle.textContent = `🛒 ${data.title}`;
                 productList.innerHTML = "";
 
-                // 🔢 PODSUMOWANIE
                 const summary = document.createElement("div");
-                summary.className = "mb-3";
-
-                const percent =
-                    data.total_count > 0
-                        ? Math.round((data.purchased_count / data.total_count) * 100)
-                        : 0;
-
+                summary.className = "preview-product-summary";
                 summary.innerHTML = `
-          <p class="mb-1">📦 <strong>${data.total_count}</strong> produktów</p>
-          <p class="mb-1">✅ Kupione: <strong>${data.purchased_count}</strong> (${percent}%)</p>
-          <p class="mb-1">💸 Wydatek: <strong>${data.total_expense.toFixed(2)} zł</strong></p>
-          <hr class="my-2">
-        `;
+                    <p class="mb-1">📦 <strong>${totalCount}</strong> produktów</p>
+                    <p class="mb-1">✅ Kupione: <strong>${purchasedCount}</strong> (${percent}%)</p>
+                    <p class="mb-0">💸 Wydatek: <strong>${formatCurrencyAmount(totalExpense)}</strong></p>`;
                 productList.appendChild(summary);
 
-                // 🛒 LISTY PRODUKTÓW
-                const purchasedList = document.createElement("ul");
-                purchasedList.className = "list-group list-group-flush mb-3";
-
-                const notPurchasedList = document.createElement("ul");
-                notPurchasedList.className = "list-group list-group-flush";
+                const purchased = createSection("✔️ Kupione");
+                const pending = createSection("🚫 Niekupione / Nieoznaczone");
 
                 let hasPurchased = false;
-                let hasUnpurchased = false;
+                let hasPending = false;
 
-                data.items.forEach((item) => {
-                    const li = document.createElement("li");
-                    li.className =
-                        "list-group-item bg-dark text-white d-flex justify-content-between";
-                    li.innerHTML = `
-            <span>${item.name}</span>
-            <span class="badge ${item.purchased
-                            ? "bg-success"
-                            : item.not_purchased
-                                ? "bg-warning text-dark"
-                                : "bg-secondary"
-                        }">
-              x${item.quantity}
-            </span>`;
+                (data.items || []).forEach((item) => {
+                    const row = createItem(item);
 
                     if (item.purchased) {
-                        purchasedList.appendChild(li);
+                        purchased.items.appendChild(row);
                         hasPurchased = true;
                     } else {
-                        notPurchasedList.appendChild(li);
-                        hasUnpurchased = true;
+                        pending.items.appendChild(row);
+                        hasPending = true;
                     }
                 });
 
                 if (hasPurchased) {
-                    const h5 = document.createElement("h6");
-                    h5.textContent = "✔️ Kupione";
-                    productList.appendChild(h5);
-                    productList.appendChild(purchasedList);
+                    productList.appendChild(purchased.section);
                 }
 
-                if (hasUnpurchased) {
-                    const h5 = document.createElement("h6");
-                    h5.textContent = "🚫 Niekupione / Nieoznaczone";
-                    productList.appendChild(h5);
-                    productList.appendChild(notPurchasedList);
+                if (hasPending) {
+                    productList.appendChild(pending.section);
                 }
 
-                if (!hasPurchased && !hasUnpurchased) {
-                    productList.innerHTML = `
-            <li class="list-group-item bg-dark text-muted fst-italic">
-              Brak produktów
-            </li>`;
+                if (!hasPurchased && !hasPending) {
+                    renderState("Brak produktów", "text-muted fst-italic");
                 }
-            } catch (err) {
+            } catch (error) {
                 modalTitle.textContent = "Błąd";
-                productList.innerHTML = `
-          <li class="list-group-item bg-dark text-danger">
-            ❌ Błąd podczas ładowania
-          </li>`;
+                renderState("❌ Błąd podczas ładowania", "text-danger");
             }
         });
     });

shopping_app/static/js/receipt_analysis.js

@@ -22,7 +22,7 @@ async function analyzeReceipts(listId) {
 
         let html = `<div class="card bg-dark text-white border-secondary p-3">`;
         html += `<p class="text-secondary"><small>⏱ Czas analizy OCR: ${duration} sek.</small></p>`;
-        html += `<p><b>📊 Łącznie wykryto:</b> ${data.total.toFixed(2)} PLN</p>`;
+        html += `<p><b>📊 Łącznie wykryto:</b> ${formatCurrencyAmount(data.total)}</p>`;
 
         data.results.forEach((r, i) => {
             const disabled = r.already_added ? "disabled" : "";

shopping_app/static/js/receipt_section.js

@@ -1,39 +1,65 @@
 document.addEventListener("DOMContentLoaded", function () {
   const receiptSection = document.getElementById("receiptSection");
-  const toggleBtn = document.querySelector('[data-bs-target="#receiptSection"]');
+  const toggleEl = document.getElementById("toggleReceiptBtn");
 
-  if (!receiptSection || !toggleBtn) return;
+  if (!receiptSection || !toggleEl || typeof bootstrap === "undefined") return;
+  if (receiptSection.dataset.receiptInit === "1") return;
+  receiptSection.dataset.receiptInit = "1";
 
-  if (localStorage.getItem("receiptSectionOpen") === "true") {
-    new bootstrap.Collapse(receiptSection, { toggle: true });
+  const storageKey = receiptSection.dataset.receiptStorageKey || "receiptSectionOpen";
+  const collapse = bootstrap.Collapse.getOrCreateInstance(receiptSection, { toggle: false });
+  const titleEl = toggleEl.querySelector(".receipt-disclosure__title");
+
+  function isShown() {
+    return receiptSection.classList.contains("show");
   }
 
-  receiptSection.addEventListener('shown.bs.collapse', function () {
-    localStorage.setItem("receiptSectionOpen", "true");
-  });
+  function persist(state) {
+    localStorage.setItem(storageKey, state ? "true" : "false");
+  }
 
-  receiptSection.addEventListener('hidden.bs.collapse', function () {
-    localStorage.setItem("receiptSectionOpen", "false");
-  });
-});
-
-document.addEventListener("DOMContentLoaded", function () {
-  const btn = document.getElementById("toggleReceiptBtn");
-  const target = document.querySelector(btn.getAttribute("data-bs-target"));
+  function getToggleLabel(shown) {
+    const isMobile = window.matchMedia("(max-width: 575.98px)").matches;
+    if (isMobile) {
+      return shown ? "Ukryj" : "Pokaż";
+    }
+    return shown ? "Ukryj sekcję paragonów" : "Pokaż sekcję paragonów";
+  }
 
   function updateUI() {
-    const isShown = target.classList.contains("show");
-    btn.innerHTML = isShown
-      ? "📄 Ukryj sekcję paragonów"
-      : "📄 Pokaż sekcję paragonów";
+    const shown = isShown();
+    toggleEl.classList.toggle("is-open", shown);
+    toggleEl.setAttribute("aria-expanded", shown ? "true" : "false");
 
-    btn.classList.toggle("active", isShown);
-    btn.classList.toggle("btn-outline-light", !isShown);
-    btn.classList.toggle("btn-secondary", isShown);
+    if (titleEl) {
+      titleEl.textContent = getToggleLabel(shown);
+    }
   }
 
-  target.addEventListener("shown.bs.collapse", updateUI);
-  target.addEventListener("hidden.bs.collapse", updateUI);
+  toggleEl.addEventListener("click", function () {
+    collapse.toggle();
+  });
+
+  receiptSection.addEventListener("shown.bs.collapse", function () {
+    persist(true);
+    updateUI();
+  });
+
+  receiptSection.addEventListener("hidden.bs.collapse", function () {
+    persist(false);
+    updateUI();
+  });
+
+  if (localStorage.getItem(storageKey) === "true") {
+    receiptSection.classList.add("receipt-section--restoring");
+    collapse.show();
+    requestAnimationFrame(function () {
+      receiptSection.classList.remove("receipt-section--restoring");
+    });
+  }
+
+
+  window.addEventListener("resize", updateUI);
 
   updateUI();
-});
+});

shopping_app/static/js/select.js

@@ -1,9 +1,16 @@
 document.addEventListener("DOMContentLoaded", function () {
-  new TomSelect("#categories", {
+  const categoriesSelect = document.querySelector("#categories");
+
+  if (!categoriesSelect || typeof TomSelect === 'undefined') {
+    return;
+  }
+
+  new TomSelect(categoriesSelect, {
     plugins: ['remove_button'],
     maxItems: 1,
-    placeholder: 'Wybierz jedną kategorie...',
+    placeholder: 'Wybierz jedną kategorię...',
     create: false,
+    dropdownParent: 'body',
     sortField: {
       field: "text",
       direction: "asc"

shopping_app/static/js/select_all_table.js

@@ -12,7 +12,7 @@ document.addEventListener('DOMContentLoaded', () => {
                 total += parseFloat(cb.dataset.amount);
             }
         });
-        totalEl.textContent = total.toFixed(2) + ' PLN';
+        totalEl.textContent = formatCurrencyAmount(total);
     }
 
     selectAllBtn.addEventListener('click', () => {

shopping_app/templates/_list_progress.html

@@ -2,30 +2,32 @@
 {% set purchased_count = purchased_count or 0 %}
 {% set not_purchased_count = not_purchased_count or 0 %}
 {% set accounted_count = purchased_count + not_purchased_count %}
-{% set percent = (purchased_count / total_count * 100) if total_count > 0 else 0 %}
-{% set purchased_percent = (purchased_count / total_count * 100) if total_count > 0 else 0 %}
-{% set not_purchased_percent = (not_purchased_count / total_count * 100) if total_count > 0 else 0 %}
 {% set remaining_count = (total_count - accounted_count) if total_count > accounted_count else 0 %}
-{% set remaining_percent = (remaining_count / total_count * 100) if total_count > 0 else 100 %}
+
+{% set percent = ((purchased_count / total_count) * 100) if total_count > 0 else 0 %}
+{% set purchased_percent = ((purchased_count / total_count) * 100) if total_count > 0 else 0 %}
+{% set not_purchased_percent = ((not_purchased_count / total_count) * 100) if total_count > 0 else 0 %}
+{% set remaining_percent = ((remaining_count / total_count) * 100) if total_count > 0 else 0 %}
 
 <div class="main-list-progress-wrap mt-2">
   <div class="main-list-progress progress progress-dark progress-thin position-relative"
        aria-label="Postęp listy {{ purchased_count }} z {{ total_count }} kupionych">
     <div class="progress-bar bg-success" role="progressbar"
-         style="width: {{ purchased_percent }}%"
-         aria-valuemin="0" aria-valuemax="100"></div>
+         style="width: {{ '%.6f'|format(purchased_percent) }}%"
+         aria-valuemin="0" aria-valuemax="100"
+         aria-valuenow="{{ percent|round(0)|int }}"></div>
 
     <div class="progress-bar bg-warning" role="progressbar"
-         style="width: {{ not_purchased_percent }}%"
+         style="width: {{ '%.6f'|format(not_purchased_percent) }}%"
          aria-valuemin="0" aria-valuemax="100"></div>
 
     <div class="progress-bar bg-transparent" role="progressbar"
-         style="width: {{ remaining_percent }}%"
+         style="width: {{ '%.6f'|format(remaining_percent) }}%"
          aria-valuemin="0" aria-valuemax="100"></div>
 
     <span class="progress-label main-list-progress__label small fw-bold {% if percent < 51 %}text-white{% else %}text-dark{% endif %}">
-      Produkty: {{ purchased_count }}/{{ total_count }} ({{ percent|round(0) }}%)
-      {% if total_expense > 0 %} — 💸 {{ '%.2f'|format(total_expense) }} PLN{% endif %}
+      Produkty: {{ purchased_count }}/{{ total_count }} ({{ percent|round(0)|int }}%)
+      {% if total_expense > 0 %} — 💸 {{ format_currency(total_expense) }}{% endif %}
     </span>
   </div>
-</div>
+</div>

shopping_app/templates/admin/admin_panel.html

@@ -51,7 +51,7 @@
             </tr>
             <tr>
               <td>💸 Średnia kwota na listę</td>
-              <td class="text-end fw-bold">{{ avg_list_expense }} zł</td>
+              <td class="text-end fw-bold">{{ format_currency(avg_list_expense) }}</td>
             </tr>
           </tbody>
         </table>
@@ -115,30 +115,30 @@
           <tbody>
             <tr>
               <td>Wszystkie</td>
-              <td>{{ '%.2f'|format(expense_summary.all.month) }} PLN</td>
-              <td>{{ '%.2f'|format(expense_summary.all.year) }} PLN</td>
-              <td>{{ '%.2f'|format(expense_summary.all.total) }} PLN</td>
+              <td>{{ format_currency(expense_summary.all.month) }}</td>
+              <td>{{ format_currency(expense_summary.all.year) }}</td>
+              <td>{{ format_currency(expense_summary.all.total) }}</td>
               <!-- <td>{{ '%.2f'|format(expense_summary.all.avg) }} PLN</td> -->
             </tr>
             <tr>
               <td>Aktywne</td>
-              <td>{{ '%.2f'|format(expense_summary.active.month) }} PLN</td>
-              <td>{{ '%.2f'|format(expense_summary.active.year) }} PLN</td>
-              <td>{{ '%.2f'|format(expense_summary.active.total) }} PLN</td>
+              <td>{{ format_currency(expense_summary.active.month) }}</td>
+              <td>{{ format_currency(expense_summary.active.year) }}</td>
+              <td>{{ format_currency(expense_summary.active.total) }}</td>
               <!-- <td>{{ '%.2f'|format(expense_summary.active.avg) }} PLN</td> -->
             </tr>
             <tr>
               <td>Archiwalne</td>
-              <td>{{ '%.2f'|format(expense_summary.archived.month) }} PLN</td>
-              <td>{{ '%.2f'|format(expense_summary.archived.year) }} PLN</td>
-              <td>{{ '%.2f'|format(expense_summary.archived.total) }} PLN</td>
+              <td>{{ format_currency(expense_summary.archived.month) }}</td>
+              <td>{{ format_currency(expense_summary.archived.year) }}</td>
+              <td>{{ format_currency(expense_summary.archived.total) }}</td>
               <!-- <td>{{ '%.2f'|format(expense_summary.archived.avg) }} PLN</td> -->
             </tr>
             <tr>
               <td>Wygasłe</td>
-              <td>{{ '%.2f'|format(expense_summary.expired.month) }} PLN</td>
-              <td>{{ '%.2f'|format(expense_summary.expired.year) }} PLN</td>
-              <td>{{ '%.2f'|format(expense_summary.expired.total) }} PLN</td>
+              <td>{{ format_currency(expense_summary.expired.month) }}</td>
+              <td>{{ format_currency(expense_summary.expired.year) }}</td>
+              <td>{{ format_currency(expense_summary.expired.total) }}</td>
               <!--  <td>{{ '%.2f'|format(expense_summary.expired.avg) }} PLN</td> -->
             </tr>
           </tbody>
@@ -282,7 +282,7 @@
                   {% if e.total_expense >= 500 %}text-danger
                   {% elif e.total_expense > 0 %}text-success{% endif %}">
                   {% if e.total_expense > 0 %}
-                  {{ '%.2f'|format(e.total_expense) }} PLN
+                  {{ format_currency(e.total_expense) }}
                   {% else %}
                   -
                   {% endif %}
@@ -328,7 +328,7 @@
           <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Zamknij"></button>
         </div>
         <div class="modal-body">
-          <ul id="product-list" class="list-group list-group-flush"></ul>
+          <div id="product-list" class="preview-product-list"></div>
         </div>
       </div>
     </div>
@@ -341,7 +341,7 @@
       checkboxes.forEach(cb => cb.checked = this.checked);
     });
   </script>
-  <script src="{{ static_asset_url('static_bp.serve_js', 'preview_list_modal.js') }}"></script>
+  <script src="{{ static_asset_url('static_bp.serve_js', 'preview_list_modal.js') }}?v=3"></script>
   {% endblock %}
 
   {% endblock %}

shopping_app/templates/admin/edit_categories.html

@@ -137,7 +137,7 @@
                     aria-label="Zamknij"></button>
             </div>
             <div class="modal-body">
-                <ul id="product-list" class="list-group list-group-flush"></ul>
+                <div id="product-list" class="preview-product-list"></div>
             </div>
         </div>
     </div>
@@ -146,6 +146,6 @@
 {% endblock %}
 
 {% block scripts %}
-<script src="{{ static_asset_url('static_bp.serve_js', 'preview_list_modal.js') }}"></script>
+<script src="{{ static_asset_url('static_bp.serve_js', 'preview_list_modal.js') }}?v=3"></script>
 <script src="{{ static_asset_url('static_bp.serve_js', 'categories_select_admin.js') }}"></script>
 {% endblock %}

shopping_app/templates/admin/edit_list.html

@@ -18,21 +18,21 @@
       <!-- Nazwa listy -->
       <div class="mb-3">
         <label for="title" class="form-label">📝 Nazwa listy</label>
-        <input type="text" class="form-control bg-dark text-white border-secondary rounded" id="title" name="title"
+        <input type="text" class="form-control bg-dark text-white border-secondary ui-consistent-input" id="title" name="title"
           value="{{ list.title }}" required>
       </div>
 
       <!-- Wydatek i właściciel -->
       <div class="row mb-3">
         <div class="col-md-6">
-          <label for="amount" class="form-label">💰 Całkowity wydatek (PLN)</label>
-          <input type="number" step="0.01" min="0" class="form-control bg-dark text-white border-secondary rounded"
+          <label for="amount" class="form-label">💰 Całkowity wydatek ({{ CURRENCY_CODE }})</label>
+          <input type="number" step="0.01" min="0" class="form-control bg-dark text-white border-secondary ui-consistent-input"
             id="amount" name="amount" value="{{ '%.2f'|format(total_expense) }}">
         </div>
 
         <div class="col-md-6">
           <label for="owner_id" class="form-label">👤 Właściciel</label>
-          <select class="form-select bg-dark text-white border-secondary" id="owner_id" name="owner_id">
+          <select class="form-select bg-dark text-white border-secondary ui-consistent-input" id="owner_id" name="owner_id">
             {% for user in users %}
             <option value="{{ user.id }}" {% if list.owner_id==user.id %}selected{% endif %}>
               {{ user.username }}
@@ -71,12 +71,12 @@
       <div class="row mb-4">
         <div class="col-md-6">
           <label for="expires_date" class="form-label">📅 Data wygaśnięcia</label>
-          <input type="date" class="form-control bg-dark text-white border-secondary rounded" id="expires_date"
+          <input type="date" class="form-control bg-dark text-white border-secondary ui-consistent-input" id="expires_date"
             name="expires_date" value="{{ list.expires_at.strftime('%Y-%m-%d') if list.expires_at else '' }}">
         </div>
         <div class="col-md-6">
           <label for="expires_time" class="form-label">⏰ Godzina wygaśnięcia</label>
-          <input type="time" class="form-control bg-dark text-white border-secondary rounded" id="expires_time"
+          <input type="time" class="form-control bg-dark text-white border-secondary ui-consistent-input" id="expires_time"
             name="expires_time" value="{{ list.expires_at.strftime('%H:%M') if list.expires_at else '' }}">
         </div>
       </div>
@@ -94,7 +94,7 @@
         <div class="col-md-6">
           <label class="form-label">📁 Przenieś do miesiąca (format: rok-miesiąc np 2026-01)</label>
           <input type="month" id="created_month" name="created_month"
-            class="form-control bg-dark text-white border-secondary rounded">
+            class="form-control bg-dark text-white border-secondary ui-consistent-input">
         </div>
       </div>
 
@@ -102,7 +102,7 @@
       <div class="mb-4">
         <label for="categories" class="form-label">🏷️ Kategorie</label>
         <select id="categories" name="categories"
-          class="form-select tom-dark bg-dark text-white border-secondary rounded">
+          class="form-select tom-dark bg-dark text-white border-secondary ui-consistent-input">
           <option value="">– brak –</option>
           {% for cat in categories %}
           <option value="{{ cat.id }}" {% if cat.id in selected_categories %}selected{% endif %}>
@@ -115,7 +115,7 @@
       <!-- Link udostępnienia -->
       <div class="mb-4">
         <label class="form-label">🔗 Link do udostępnienia</label>
-        <input type="text" class="form-control bg-dark text-white border-secondary rounded" readonly
+        <input type="text" class="form-control bg-dark text-white border-secondary ui-consistent-input" readonly
           value="{{ request.url_root }}share/{{ list.share_token }}">
       </div>
 
@@ -157,11 +157,11 @@
     <form method="post" class="row g-2 mb-3">
       <input type="hidden" name="action" value="add_item">
       <div class="col-md-8">
-        <input type="text" class="form-control bg-dark text-white border-secondary rounded" name="item_name"
+        <input type="text" class="form-control bg-dark text-white border-secondary ui-consistent-input" name="item_name"
           placeholder="Nazwa produktu" required>
       </div>
       <div class="col-md-1">
-        <input type="number" class="form-control bg-dark text-white border-secondary rounded" name="quantity" min="1"
+        <input type="number" class="form-control bg-dark text-white border-secondary ui-consistent-input" name="quantity" min="1"
           value="1">
       </div>
       <div class="col-md-3 d-grid">

shopping_app/templates/admin/user_management.html

@@ -18,13 +18,13 @@
         <div class="col-md-4">
           <label for="username" class="form-label text-white-50">Nazwa użytkownika</label>
           <input type="text" id="username" name="username"
-            class="form-control bg-dark text-white border-secondary rounded" placeholder="np. jan" required>
+            class="form-control bg-dark text-white border-secondary ui-consistent-input" placeholder="np. jan" required>
         </div>
         <div class="col-md-4">
           <label for="password" class="form-label text-white-50">Hasło</label>
           <div class="input-group ui-password-group">
             <input type="password" id="password" name="password"
-              class="form-control bg-dark text-white border-secondary rounded" placeholder="min. 6 znaków" required>
+              class="form-control bg-dark text-white border-secondary ui-consistent-input" placeholder="min. 6 znaków" required>
           </div>
         </div>
         <div class="col-md-4 d-grid">
@@ -109,7 +109,7 @@
           <p id="resetUsernameLabel">Dla użytkownika: <strong></strong></p>
           <div class="input-group ui-password-group">
             <input type="password" name="password" placeholder="Nowe hasło"
-              class="form-control bg-dark text-white border-secondary rounded" required>
+              class="form-control bg-dark text-white border-secondary ui-consistent-input" required>
           </div>
         </div>
         <div class="modal-footer border-0">

shopping_app/templates/base.html

@@ -10,7 +10,16 @@
   <link rel="icon" type="image/svg+xml" href="{{ url_for('favicon') }}">
 
   <link href="{{ static_asset_url('static_bp.serve_css_lib', 'bootstrap.min.css') }}" rel="stylesheet">
-  <link href="{{ static_asset_url('static_bp.serve_css', 'style.css') }}" rel="stylesheet">
+
+  <link rel="stylesheet" href="{{ static_asset_url('static_bp.serve_css', 'split/theme.css') }}">
+  <link rel="stylesheet" href="{{ static_asset_url('static_bp.serve_css', 'split/buttons.css') }}">
+  <link rel="stylesheet" href="{{ static_asset_url('static_bp.serve_css', 'split/forms.css') }}">
+  <link rel="stylesheet" href="{{ static_asset_url('static_bp.serve_css', 'split/components.css') }}">
+  <link rel="stylesheet" href="{{ static_asset_url('static_bp.serve_css', 'split/layout.css') }}">
+  <link rel="stylesheet" href="{{ static_asset_url('static_bp.serve_css', 'split/responsive.css') }}">
+  <link rel="stylesheet" href="{{ static_asset_url('static_bp.serve_css', 'split/pages.css') }}">
+
+  {% set hide_login_ui = request.path == '/system-auth' %}
 
   {% set exclude_paths = ['/system-auth'] %}
   {% if (exclude_paths | select("in", request.path) | list | length == 0)
@@ -82,7 +91,7 @@
             <span class="navbar-toggler-icon"></span>
           </button>
           <div class="dropdown-menu dropdown-menu-end app-mobile-menu__panel">
-            {% if not is_blocked and request.endpoint and request.endpoint != 'system_auth' %}
+            {% if not is_blocked and not hide_login_ui %}
               {% if current_user.is_authenticated %}
                 {% if current_user.is_admin %}
                 <a href="{{ url_for('admin_panel') }}" class="dropdown-item app-mobile-menu__item">⚙️ <span>Panel</span></a>
@@ -99,7 +108,7 @@
 
         <div class="d-none d-lg-flex justify-content-end order-lg-3" id="appNavbarMenu">
           <div class="app-navbar__actions">
-            {% if not is_blocked and request.endpoint and request.endpoint != 'system_auth' %}
+            {% if not is_blocked and not hide_login_ui %}
               {% if current_user.is_authenticated %}
                 {% if current_user.is_admin %}
                 <a href="{{ url_for('admin_panel') }}" class="btn btn-outline-light btn-sm app-nav-action">⚙️ <span>Panel</span></a>
@@ -164,6 +173,10 @@
     });
   </script>
 
+  <script>
+    window.CURRENCY_CODE = {{ CURRENCY_CODE|tojson }};
+  </script>
+
   {% if request.endpoint != 'system_auth' %}
   <script src="{{ static_asset_url('static_bp.serve_js_lib', 'glightbox.min.js') }}"></script>
   <script src="{{ static_asset_url('static_bp.serve_js_lib', 'socket.io.min.js') }}"></script>
@@ -194,4 +207,4 @@
 
   {% block scripts %}{% endblock %}
 </body>
-</html>
+</html>

shopping_app/templates/edit_my_list.html

@@ -16,7 +16,7 @@
       <!-- Nazwa listy -->
       <div class="mb-3">
         <label for="title" class="form-label">📝 Nazwa listy</label>
-        <input type="text" class="form-control bg-dark text-white border-secondary rounded" id="title" name="title"
+        <input type="text" class="form-control bg-dark text-white border-secondary ui-consistent-input" id="title" name="title"
           value="{{ list.title }}" required>
       </div>
 
@@ -48,12 +48,12 @@
       <div class="row mb-4">
         <div class="col-md-6">
           <label for="expires_date" class="form-label">📅 Data wygaśnięcia</label>
-          <input type="date" class="form-control bg-dark text-white border-secondary rounded" id="expires_date"
+          <input type="date" class="form-control bg-dark text-white border-secondary ui-consistent-input" id="expires_date"
             name="expires_date" value="{{ list.expires_at.strftime('%Y-%m-%d') if list.expires_at else '' }}">
         </div>
         <div class="col-md-6">
           <label for="expires_time" class="form-label">⏰ Godzina wygaśnięcia</label>
-          <input type="time" class="form-control bg-dark text-white border-secondary rounded" id="expires_time"
+          <input type="time" class="form-control bg-dark text-white border-secondary ui-consistent-input" id="expires_time"
             name="expires_time" value="{{ list.expires_at.strftime('%H:%M') if list.expires_at else '' }}">
         </div>
       </div>
@@ -71,7 +71,7 @@
         <div class="col-md-6">
           <label class="form-label">📁 Przenieś do miesiąca (format: rok-miesiąc np 2026-01)</label>
           <input type="month" id="move_to_month" name="move_to_month"
-            class="form-control bg-dark text-white border-secondary rounded">
+            class="form-control bg-dark text-white border-secondary ui-consistent-input">
         </div>
       </div>
 
@@ -79,7 +79,7 @@
       <div class="mb-4">
         <label for="categories" class="form-label">🏷️ Kategorie</label>
         <select id="categories" name="categories"
-          class="form-select tom-dark bg-dark text-white border-secondary rounded">
+          class="form-select tom-dark bg-dark text-white border-secondary ui-consistent-input">
           <option value="">– brak –</option>
           {% for cat in categories %}
           <option value="{{ cat.id }}" {% if cat.id in selected_categories %}selected{% endif %}>
@@ -209,7 +209,7 @@
       </div>
       <div class="modal-body">
         <p>Aby usunąć listę <strong>{{ list.title }}</strong>, wpisz <code>usuń</code> i poczekaj 2 sekundy:</p>
-        <input type="text" id="confirm-delete-input" class="form-control bg-dark text-white border-warning rounded"
+        <input type="text" id="confirm-delete-input" class="form-control bg-dark text-white border-warning ui-consistent-input"
           placeholder="">
       </div>
       <div class="modal-footer justify-content-between">

shopping_app/templates/expenses.html

@@ -88,7 +88,7 @@
                 <button id="deselectAllBtn" class="btn btn-sm btn-outline-light active" style="display: none;">Odznacz
                   wszystko</button>
               </div>
-              <h5 class="text-success m-0">💰 Suma: <span id="listsTotal">0.00 PLN</span></h5>
+              <h5 class="text-success m-0">💰 Suma: <span id="listsTotal">{{ format_currency(0) }}</span></h5>
             </div>
 
             <!-- Tabela list z możliwością filtrowania -->
@@ -101,7 +101,7 @@
                     <th>Nazwa listy</th>
                     <th>Właściciel</th>
                     <th>Data</th>
-                    <th>Wydatki (PLN)</th>
+                    <th>Wydatki ({{ CURRENCY_CODE }})</th>
                   </tr>
                 </thead>
                 <tbody id="listsTableBody">

shopping_app/templates/list.html

@@ -30,38 +30,49 @@
   </h2>
 </div>
 
-<a href="{{ request.url_root }}share/{{ list.share_token }}" class="btn btn-outline-primary btn-sm w-100 mb-3" {% if not
-  list.is_public %}disabled{% endif %}>
-  ✅ Otwórz tryb odznaczania
-</a>
+{% set share_url = url_for('shared_list', token=list.share_token, _external=True) %}
+{% set permitted_count = permitted_users|length %}
 
-<div id="share-card" class="card bg-secondary bg-opacity-10 text-white mb-4">
+<div id="share-card" class="card share-hub text-white mb-4">
   <div class="card-body">
-    <div class="mb-2">
-      <strong id="share-header">
-        {% if list.is_public %}🔗 Udostępnij link (lista publiczna){% else %}🔗 Udostępnij link (widoczna przez link /
-        uprawnienia){% endif %}
-      </strong>
-      <span id="share-url" class="badge rounded-pill bg-secondary text-wrap" style="font-size: 0.7rem;">
-        {{ request.url_root }}share/{{ list.share_token }}
-      </span>
+    <div class="share-hub__top">
+      <div>
+        <div class="share-hub__eyebrow">Udostępnianie</div>
+        <h5 class="share-hub__title mb-2">Dostęp do listy</h5>
+        <div class="share-hub__status">
+          <span id="shareVisibilityBadge" class="badge rounded-pill share-state-badge {% if list.is_public %}share-state-badge--public{% else %}share-state-badge--private{% endif %}">
+            {% if list.is_public %}🌍 Publiczna{% else %}🔒 Prywatna{% endif %}
+          </span>
+          <span class="badge rounded-pill share-state-badge share-state-badge--link">🔗 Link aktywny</span>
+          <span id="sharePeopleBadge" class="badge rounded-pill share-state-badge share-state-badge--people {% if not permitted_count %}d-none{% endif %}">👥 {{ permitted_count }} {% if permitted_count == 1 %}osoba{% elif permitted_count < 5 %}osoby{% else %}osób{% endif %}</span>
+        </div>
+      </div>
+
+      <button class="btn btn-outline-light btn-sm share-hub__manage" data-bs-toggle="offcanvas" data-bs-target="#shareSheet" aria-controls="shareSheet">
+        ⚙️ Zarządzaj
+      </button>
     </div>
-    <div class="d-flex flex-column flex-md-row gap-2">
-      <button id="copyBtn" class="btn btn-outline-success btn-sm flex-fill"
-        onclick="copyLink('{{ request.url_root }}share/{{ list.share_token }}')">
-        📋 Skopiuj / Udostępnij
-      </button>
 
-      <button id="toggleVisibilityBtn" class="btn btn-outline-light btn-sm flex-fill"
-        onclick="toggleVisibility({{ list.id }})">
-        {% if list.is_public %}🙈 Ustaw niepubliczną{% else %}🐵 Uczyń publiczną{% endif %}
-      </button>
+    <p id="shareVisibilityNote" class="share-hub__note mb-3">
+      {% if list.is_public %}
+      Lista działa publicznie i przez link udostępniania.
+      {% else %}
+      Lista działa przez link udostępniania i dla zaproszonych osób.
+      {% endif %}
+    </p>
 
-      <!-- ZAMIAST LINKU: OTWARCIE MODALA NADAWANIA DOSTĘPU -->
-      <button class="btn btn-outline-primary btn-sm flex-fill" data-bs-toggle="modal"
-        data-bs-target="#grantAccessModal">
-        ➕ Nadaj dostęp
+    <div class="share-hub__linkbox mb-3">
+      <div class="share-hub__linklabel">Link do listy</div>
+      <div id="shareUrlPreview" class="share-hub__linkvalue">{{ share_url | replace('https://', '') | replace('http://', '') }}</div>
+    </div>
+
+    <div class="share-hub__actions">
+      <button id="copyBtn" class="btn btn-success share-hub__primary" onclick="copyLink('{{ share_url }}')">
+        📤 Udostępnij
       </button>
+      <a id="openShareModeBtn" href="{{ share_url }}" target="_blank" rel="noopener" class="btn btn-outline-light share-hub__secondary">
+        ✅ Tryb odznaczania
+      </a>
     </div>
   </div>
 </div>
@@ -70,7 +81,7 @@
 <h5 id="progress-title" class="mb-2">
   Postęp listy —
   <span id="purchased-count">{{ purchased_count }}</span>/<span id="total-count">{{ total_count }}</span> kupionych
-  (<span id="percent-value">{{ percent|int }}</span>%)
+  (<span id="percent-value">{{ percent|round(0)|int }}</span>%)
 </h5>
 
 <div class="progress progress-dark position-relative">
@@ -85,11 +96,11 @@
 <br>
 {% if total_expense > 0 %}
 <div id="total-expense2" class="text-success fw-bold mb-3">
-  💸 Łącznie wydano: {{ '%.2f'|format(total_expense) }} PLN
+  💸 Łącznie wydano: {{ format_currency(total_expense) }}
 </div>
 {% else %}
 <div id="total-expense2" class="text-success fw-bold mb-3">
-  💸 Łącznie wydano: 0.00 PLN
+  💸 Łącznie wydano: {{ format_currency(0) }}
 </div>
 {% endif %}
 
@@ -114,9 +125,18 @@
       <div class="shopping-item-content">
         <div class="shopping-item-head">
           <div class="shopping-item-text">
-            <span id="name-{{ item.id }}" class="shopping-item-name text-white">{{ item.name }}</span>
-            {% if item.quantity and item.quantity > 1 %}
-            <span class="badge rounded-pill bg-secondary">x{{ item.quantity }}</span>
+            <button type="button"
+                    id="name-{{ item.id }}"
+                    class="shopping-item-name text-white"
+                    data-item-id="{{ item.id }}"
+                    data-item-name={{ item.name|tojson }}
+                    data-item-quantity="{{ item.quantity_value or item.quantity or 1 }}"
+                    data-item-unit="{{ item.quantity_unit or 'szt' }}"
+                    {% if not list.is_archived %}data-item-menu-trigger="true"{% else %}disabled aria-disabled="true"{% endif %}>{{ item.name }}</button>
+            {% set qty_value = item.quantity_value or item.quantity or 1 %}
+            {% set qty_unit = item.quantity_unit or 'szt' %}
+            {% if qty_unit != 'szt' or qty_value != 1 %}
+            <span class="badge rounded-pill bg-secondary">{% if qty_unit == 'szt' %}x{{ ('%g' % qty_value) }}{% else %}{{ ('%g' % qty_value) }} {{ qty_unit }}{% endif %}</span>
             {% endif %}
             {% set info_parts = [] %}
             {% if item.note %}{% set _ = info_parts.append('<span class="text-danger">[ <b>' ~ item.note ~ '</b> ]</span>') %}{% endif %}
@@ -129,7 +149,8 @@
           <div class="list-item-actions shopping-item-actions" role="group">
       {% if not is_share %}
       <button type="button" class="btn btn-outline-light btn-sm shopping-action-btn" {% if list.is_archived %}disabled{% else
-        %}onclick='openEditItemModal(event, {{ item.id }}, {{ item.name|tojson }}, {{ item.quantity or 1 }})' {% endif %}>✏️</button>
+        %}onclick='openEditItemModal(event, {{ item.id }}, {{ item.name|tojson }}, {{ item.quantity_value or item.quantity or 1 }}, {{ (item.quantity_unit or "szt")|tojson }})' {% endif %}>✏️</button>
+
       <button type="button" class="btn btn-outline-light btn-sm shopping-action-btn" {% if list.is_archived %}disabled{% else
         %}onclick="deleteItem({{ item.id }})" {% endif %}>🗑️</button>
       {% endif %}
@@ -141,6 +162,9 @@
       <button type="button" class="btn btn-outline-light btn-sm shopping-action-btn" {% if list.is_archived %}disabled{% else
         %}onclick="markNotPurchasedModal(event, {{ item.id }})" {% endif %}>⚠️</button>
       {% endif %}
+
+      <button type="button" class="btn btn-outline-light btn-sm shopping-action-btn" {% if list.is_archived %}disabled{% else
+        %}onclick="openNoteModal(event, {{ item.id }})" {% endif %}>📝</button>
           </div>
         </div>
       </div>
@@ -152,6 +176,11 @@
   {% endfor %}
 </ul>
 
+<div id="desktopItemMenu" hidden>
+  <button type="button" class="btn btn-outline-light btn-sm w-100 text-start" data-menu-action="edit">✏️ Edytuj</button>
+  <button type="button" class="btn btn-outline-danger btn-sm w-100 text-start" data-menu-action="delete">🗑️ Usuń</button>
+</div>
+
 <div class="modal fade" id="editItemModal" tabindex="-1" aria-labelledby="editItemModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered">
     <div class="modal-content bg-dark text-white">
@@ -167,8 +196,18 @@
             <input type="text" id="editItemName" class="form-control bg-dark text-white border-secondary" maxlength="255" required>
           </div>
           <div>
-            <label for="editItemQuantity" class="form-label">Ilość</label>
-            <input type="number" id="editItemQuantity" class="form-control bg-dark text-white border-secondary" min="1" step="1" required>
+            <label for="editItemQuantity" class="form-label">Ilość / waga / objętość</label>
+            <div class="input-group">
+              <input type="number" id="editItemQuantity" class="form-control bg-dark text-white border-secondary" min="0.001" step="0.001" required>
+              <select id="editItemUnit" class="form-select bg-dark text-white border-secondary" style="max-width: 110px;">
+                <option value="szt">szt</option>
+                <option value="kg">kg</option>
+                <option value="g">g</option>
+                <option value="l">l</option>
+                <option value="ml">ml</option>
+                <option value="opak.">opak.</option>
+              </select>
+            </div>
           </div>
         </div>
 
@@ -196,7 +235,18 @@
 
     <input type="number" id="newQuantity" name="quantity"
            class="form-control bg-dark text-white border-secondary shopping-qty-input"
-           placeholder="Ilość" min="1" value="1">
+           placeholder="Ilość" min="0.001" step="0.001" value="1">
+
+    <select id="newUnit" name="quantity_unit"
+            class="form-select bg-dark text-white border-secondary shopping-qty-unit"
+            style="max-width: 105px;">
+      <option value="szt">szt</option>
+      <option value="kg">kg</option>
+      <option value="g">g</option>
+      <option value="l">l</option>
+      <option value="ml">ml</option>
+      <option value="opak.">opak.</option>
+    </select>
 
     <button type="button"
             class="btn btn-outline-success share-submit-btn shopping-compact-submit"
@@ -382,49 +432,87 @@
   {% for username in all_usernames %}<option value="{{ username }}"></option>{% endfor %}
 </datalist>
 
-<!-- MODAL: NADAWANIE DOSTĘPU -->
-<div class="modal fade" id="grantAccessModal" tabindex="-1" aria-labelledby="grantAccessModalLabel" aria-hidden="true">
-  <div class="modal-dialog modal-lg modal-dialog-scrollable">
-    <div class="modal-content bg-dark text-white">
-      <div class="modal-header">
-        <h5 class="modal-title" id="grantAccessModalLabel">Nadaj dostęp użytkownikom</h5>
-        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Zamknij"></button>
+<!-- MOBILE-FIRST: PANEL UDOSTĘPNIANIA -->
+<div class="offcanvas offcanvas-bottom share-sheet" tabindex="-1" id="shareSheet" aria-labelledby="shareSheetLabel">
+  <div class="offcanvas-header share-sheet__header">
+    <div class="w-100">
+      <div class="share-sheet__grabber"></div>
+      <div class="share-sheet__eyebrow">Udostępnianie</div>
+      <h5 class="offcanvas-title mb-0" id="shareSheetLabel">Zarządzaj dostępem</h5>
+    </div>
+    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Zamknij"></button>
+  </div>
+
+  <div class="offcanvas-body share-sheet__body">
+    <div class="share-sheet__section">
+      <div class="share-sheet__section-head">
+        <span>Link do listy</span>
+        <span class="badge rounded-pill share-state-badge share-state-badge--link">Aktywny</span>
+      </div>
+      <div class="share-sheet__linkstack">
+        <input id="shareUrlInput" type="text" class="form-control" value="{{ share_url }}" readonly>
+        <button class="btn btn-success" onclick="copyLink('{{ share_url }}')">📋 Kopiuj link</button>
+      </div>
+      <div class="text-secondary small mt-2">Na telefonie przycisk użyje systemowego udostępniania, jeśli jest dostępne.</div>
+    </div>
+
+    <div class="share-sheet__section">
+      <div class="share-sheet__section-head">
+        <span>Widoczność</span>
+        <span id="shareSheetVisibilityBadge" class="badge rounded-pill share-state-badge {% if list.is_public %}share-state-badge--public{% else %}share-state-badge--private{% endif %}">
+          {% if list.is_public %}Publiczna{% else %}Prywatna{% endif %}
+        </span>
+      </div>
+      <p id="shareSheetVisibilityNote" class="text-secondary small mb-3">
+        {% if list.is_public %}
+        Lista jest widoczna publicznie i nadal działa przez link.
+        {% else %}
+        Lista nie jest publiczna, ale nadal działa przez link i dla zaproszonych osób.
+        {% endif %}
+      </p>
+      <button id="toggleVisibilityBtn" class="btn btn-outline-light w-100 share-sheet__toggle" onclick="toggleVisibility({{ list.id }})">
+        {% if list.is_public %}🙈 Ustaw jako prywatną{% else %}🌍 Uczyń publiczną{% endif %}
+      </button>
+    </div>
+
+    <div class="share-sheet__section">
+      <div class="share-sheet__section-head">
+        <span>Osoby z dostępem</span>
+        <span id="shareSheetPeopleBadge" class="badge rounded-pill share-state-badge share-state-badge--people">{{ permitted_count }}</span>
       </div>
 
-      <div class="modal-body">
-        <div class="access-editor border rounded p-2 bg-dark"
-          data-post-url="{{ url_for('list_settings', list_id=list.id) }}"
-          data-suggest-url="{{ url_for('edit_my_list_suggestions', list_id=list.id) }}"
-          data-next="{{ url_for('view_list', list_id=list.id) }}" data-list-id="{{ list.id }}"
-          data-grant-action="grant_access" data-revoke-field="revoke_user_id">
+      <div class="access-editor share-access-panel"
+        data-post-url="{{ url_for('list_settings', list_id=list.id) }}"
+        data-suggest-url="{{ url_for('edit_my_list_suggestions', list_id=list.id) }}"
+        data-next="{{ url_for('view_list', list_id=list.id) }}" data-list-id="{{ list.id }}"
+        data-grant-action="grant_access" data-revoke-field="revoke_user_id">
 
-          <!-- Tokeny aktualnie uprawnionych -->
-          <div class="tokens d-flex flex-wrap gap-2 mb-2">
-            {% for u in permitted_users %}
-            <button type="button" class="btn btn-sm btn-outline-secondary rounded-pill token" data-user-id="{{ u.id }}"
-              data-username="{{ u.username }}" title="Kliknij, aby odebrać dostęp">
-              @{{ u.username }} <span aria-hidden="true">×</span>
-            </button>
-            {% endfor %}
-            {% if not permitted_users or permitted_users|length == 0 %}
-            <span class="no-perms text-warning small">Brak dodanych uprawnień.</span>
-            {% endif %}
-          </div>
-
-          <!-- Dodawanie wielu na raz + podpowiedzi prywatne -->
-          <div class="input-group input-group-sm">
-            <input type="text" class="access-input form-control form-control-sm bg-dark text-white border-secondary"
-              placeholder="Dodaj @użytkownika (wiele: przecinki/enter)" list="userHintsOwner" autocomplete="off" aria-label="Dodaj użytkowników">
-            <button type="button" class="access-add btn btn-sm btn-outline-light"><span class="shopping-btn-icon" aria-hidden="true">➕</span><span class="shopping-btn-label">Dodaj</span></button>
-          </div>
-          <div class="text-secondary small mt-1">Kliknij token, aby odebrać dostęp.</div>
+        <div class="tokens d-flex flex-wrap gap-2 mb-3">
+          {% for u in permitted_users %}
+          <button type="button" class="btn btn-sm btn-outline-secondary rounded-pill token" data-user-id="{{ u.id }}"
+            data-username="{{ u.username }}" title="Kliknij, aby odebrać dostęp">
+            @{{ u.username }} <span aria-hidden="true">×</span>
+          </button>
+          {% endfor %}
+          {% if not permitted_users or permitted_users|length == 0 %}
+          <span class="no-perms text-warning small">Brak dodanych uprawnień.</span>
+          {% endif %}
         </div>
-      </div>
 
-      <div class="modal-footer justify-content-end">
-        <button type="button" class="btn btn-sm btn-outline-light" data-bs-dismiss="modal">Zamknij</button>
+        <div class="share-access-panel__input">
+          <input type="text" class="access-input form-control bg-dark text-white border-secondary"
+            placeholder="Dodaj @użytkownika" list="userHintsOwner" autocomplete="off" aria-label="Dodaj użytkowników">
+          <button type="button" class="access-add btn btn-outline-light"><span class="shopping-btn-icon" aria-hidden="true">➕</span><span class="shopping-btn-label">Dodaj osobę</span></button>
+        </div>
+        <div class="text-secondary small mt-2">Kliknij użytkownika na liście, aby od razu odebrać dostęp.</div>
       </div>
     </div>
+
+    <div class="share-sheet__sticky-actions">
+      <a id="openShareModeBtnSheet" href="{{ share_url }}" target="_blank" rel="noopener" class="btn btn-outline-light w-100">
+        ✅ Otwórz tryb odznaczania
+      </a>
+    </div>
   </div>
 </div>
 
@@ -451,6 +539,29 @@
   </div>
 </div>
 
+<div class="modal fade" id="noteModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-lg modal-dialog-scrollable">
+    <div class="modal-content bg-dark text-white">
+      <div class="modal-header">
+        <h5 class="modal-title">Dodaj notatkę</h5>
+        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Zamknij"></button>
+      </div>
+      <form id="noteForm" onsubmit="submitNote(event)">
+        <div class="modal-body">
+          <textarea id="noteText" class="form-control" rows="4" placeholder="Np. 'Jak nie kupisz to po Tobie!'"></textarea>
+        </div>
+        <div class="modal-footer">
+          <div class="btn-group" role="group">
+            <button type="button" class="btn btn-outline-light btn-sm" data-bs-dismiss="modal">❌ Anuluj</button>
+            <button type="submit" class="btn btn-outline-light btn-sm"><span class="shopping-btn-icon" aria-hidden="true">💾</span>
+            <span class="shopping-btn-label">Zapisz</span></button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+
 {% block scripts %}
 <script src="{{ static_asset_url('static_bp.serve_js_lib', 'Sortable.min.js') }}"></script>
 <script>
@@ -465,30 +576,12 @@
 <script src="{{ static_asset_url('static_bp.serve_js', 'sort_mode.js') }}"></script>
 <script src="{{ static_asset_url('static_bp.serve_js', 'access_users.js') }}"></script>
 <script src="{{ static_asset_url('static_bp.serve_js', 'category_modal.js') }}"></script>
+<script src="{{ static_asset_url('static_bp.serve_js', 'notes.js') }}"></script>
+<script src="{{ static_asset_url('static_bp.serve_js', 'desktop_item_menu.js') }}"></script>
 <script>
   setupList({{ list.id }}, '{{ current_user.username if current_user.is_authenticated else 'Gość' }}');
-
-  document.addEventListener('DOMContentLoaded', function () {
-    const editItemForm = document.getElementById('editItemForm');
-    if (!editItemForm) return;
-
-    editItemForm.addEventListener('submit', function (event) {
-      event.preventDefault();
-
-      const itemId = parseInt(document.getElementById('editItemId').value, 10);
-      const itemName = document.getElementById('editItemName').value;
-      const itemQuantity = document.getElementById('editItemQuantity').value;
-
-      editItem(itemId, itemName, itemQuantity);
-
-      const modalEl = document.getElementById('editItemModal');
-      const modal = bootstrap.Modal.getInstance(modalEl);
-      if (modal) {
-        modal.hide();
-      }
-    });
-  });
 </script>
+<script src="{{ static_asset_url('static_bp.serve_js', 'list_item_form.js') }}"></script>
 {% endblock %}
 
 {% endblock %}

shopping_app/templates/list_share.html

@@ -12,11 +12,11 @@
 
     {% if total_expense > 0 %}
     <span id="total-expense1" class="badge rounded-pill bg-success ms-2">
-      💸 {{ '%.2f'|format(total_expense) }} PLN
+      💸 {{ format_currency(total_expense) }}
     </span>
     {% else %}
     <span id="total-expense" class="badge rounded-pill bg-secondary ms-2" style="display: none;">
-      💸 0.00 PLN
+      💸 {{ format_currency(0) }}
     </span>
     {% endif %}
 
@@ -53,8 +53,10 @@
         <div class="shopping-item-head">
           <div class="shopping-item-text">
             <span id="name-{{ item.id }}" class="shopping-item-name text-white">{{ item.name }}</span>
-            {% if item.quantity and item.quantity > 1 %}
-            <span class="badge rounded-pill bg-secondary">x{{ item.quantity }}</span>
+            {% set qty_value = item.quantity_value or item.quantity or 1 %}
+            {% set qty_unit = item.quantity_unit or 'szt' %}
+            {% if qty_unit != 'szt' or qty_value != 1 %}
+            <span class="badge rounded-pill bg-secondary">{% if qty_unit == 'szt' %}x{{ ('%g' % qty_value) }}{% else %}{{ ('%g' % qty_value) }} {{ qty_unit }}{% endif %}</span>
             {% endif %}
             {% set info_parts = [] %}
             {% if item.note %}{% set _ = info_parts.append('<span class="text-danger">[ <b>' ~ item.note ~ '</b> ]</span>') %}{% endif %}
@@ -101,7 +103,17 @@
   <input id="newItem" class="form-control bg-dark text-white border-secondary shopping-product-name-input" placeholder="Dodaj produkt" {% if
     not current_user.is_authenticated %}disabled{% endif %}>
   <input id="newQuantity" type="number" class="form-control bg-dark text-white border-secondary shopping-qty-input" placeholder="Ilość"
-    min="1" value="1" {% if not current_user.is_authenticated %}disabled{% endif %}>
+    min="0.001" step="0.001" value="1" {% if not current_user.is_authenticated %}disabled{% endif %}>
+  <select id="newUnit" name="quantity_unit"
+    class="form-select bg-dark text-white border-secondary shopping-qty-unit"
+    style="max-width: 105px;" {% if not current_user.is_authenticated %}disabled{% endif %}>
+    <option value="szt">szt</option>
+    <option value="kg">kg</option>
+    <option value="g">g</option>
+    <option value="l">l</option>
+    <option value="ml">ml</option>
+    <option value="opak.">opak.</option>
+  </select>
   <button onclick="addItem({{ list.id }})" class="btn btn-outline-success share-submit-btn shopping-compact-submit" {% if not
     current_user.is_authenticated %}disabled{% endif %}><span class="shopping-btn-icon" aria-hidden="true">➕</span><span class="shopping-btn-label">Dodaj</span></button>
   </div>
@@ -114,7 +126,7 @@
     <span>💰 Dodaj wydatek</span>
 
     <span class="badge rounded-pill bg-success" id="total-expense2">
-      💸 Łączna suma: {{ '%.2f'|format(total_expense) }} PLN
+      💸 Łączna suma: {{ format_currency(total_expense) }}
     </span>
   </div>
 
@@ -123,7 +135,7 @@
   <div class="input-group mb-0 shopping-compact-input-group shopping-expense-input-group">
     <input id="expenseAmount" type="number" step="0.01" min="0"
       class="form-control bg-dark text-white border-secondary shopping-expense-amount-input"
-      placeholder="Kwota (PLN)">
+      placeholder="{{ currency_placeholder() }}">
 
     <button onclick="submitExpense({{ list.id }})"
       class="btn btn-outline-primary share-submit-btn share-submit-btn--expense shopping-compact-submit">
@@ -135,15 +147,25 @@
 {% endif %}
 
 <p id="total-expense2" style="display: none;">
-  <b>💸 Łącznie wydano:</b> {{ '%.2f'|format(total_expense) }} PLN
+  <b>💸 Łącznie wydano:</b> {{ format_currency(total_expense) }}
 </p>
 
-<button id="toggleReceiptBtn" class="btn btn-outline-light mb-3 w-100 w-md-auto d-block mx-auto" type="button"
-  data-bs-toggle="collapse" data-bs-target="#receiptSection" aria-expanded="false" aria-controls="receiptSection">
-  📄 Pokaż sekcję paragonów
+<button id="toggleReceiptBtn" type="button" class="receipt-disclosure mb-3"
+  aria-expanded="false" aria-controls="receiptSection">
+  <span class="receipt-disclosure__content">
+    <span class="receipt-disclosure__icon" aria-hidden="true">🧾</span>
+    <span class="receipt-disclosure__text">
+      <span class="receipt-disclosure__eyebrow">Strefa paragonów</span>
+    </span>
+    <span class="receipt-disclosure__meta">
+      <span class="receipt-disclosure__title">Pokaż sekcję paragonów</span>
+      <span class="receipt-disclosure__count">{{ receipts|length }}</span>
+      <span class="receipt-disclosure__chevron" aria-hidden="true">⌄</span>
+    </span>
+  </span>
 </button>
 
-<div class="collapse px-2 px-md-4" id="receiptSection">
+<div class="collapse px-2 px-md-4" id="receiptSection" data-receipt-storage-key="receiptSectionOpen:list:{{ list.id }}">
   {% set receipt_pattern = 'list_' ~ list.id %}
 
   <div class="receipt-section-stack d-flex flex-column gap-3 mt-3">
@@ -285,6 +307,47 @@
   </div>
 </div>
 
+
+<div class="modal fade" id="editItemModal" tabindex="-1" aria-labelledby="editItemModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content bg-dark text-white">
+      <form id="editItemForm">
+        <div class="modal-header">
+          <h5 class="modal-title" id="editItemModalLabel">Edytuj produkt</h5>
+          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Zamknij"></button>
+        </div>
+        <div class="modal-body">
+          <input type="hidden" id="editItemId">
+          <div class="mb-3">
+            <label for="editItemName" class="form-label">Nazwa produktu</label>
+            <input type="text" id="editItemName" class="form-control bg-dark text-white border-secondary" maxlength="255" required>
+          </div>
+          <div>
+            <label for="editItemQuantity" class="form-label">Ilość / waga / objętość</label>
+            <div class="input-group">
+              <input type="number" id="editItemQuantity" class="form-control bg-dark text-white border-secondary" min="0.001" step="0.001" required>
+              <select id="editItemUnit" class="form-select bg-dark text-white border-secondary" style="max-width: 110px;">
+                <option value="szt">szt</option>
+                <option value="kg">kg</option>
+                <option value="g">g</option>
+                <option value="l">l</option>
+                <option value="ml">ml</option>
+                <option value="opak.">opak.</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer justify-content-end">
+          <div class="btn-group" role="group">
+            <button type="button" class="btn btn-sm btn-outline-light" data-bs-dismiss="modal">❌ Anuluj</button>
+            <button type="submit" class="btn btn-sm btn-outline-light"><span class="shopping-btn-icon" aria-hidden="true">💾</span><span class="shopping-btn-label">Zapisz</span></button>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+
 <!-- Modal notatki -->
 <div class="modal fade" id="noteModal" tabindex="-1" aria-hidden="true">
   <div class="modal-dialog modal-lg modal-dialog-scrollable">
@@ -301,7 +364,8 @@
         <div class="modal-footer">
           <div class="btn-group" role="group">
             <button type="button" class="btn btn-outline-light btn-sm" data-bs-dismiss="modal">❌ Anuluj</button>
-            <button type="submit" class="btn btn-outline-light btn-sm"><span class="shopping-btn-icon" aria-hidden="true">💾</span><span class="shopping-btn-label">Zapisz</span></button>
+            <button type="submit" class="btn btn-outline-light btn-sm"><span class="shopping-btn-icon" aria-hidden="true">💾</span>
+            <span class="shopping-btn-label">Zapisz</span></button>
           </div>
 
         </div>
@@ -330,6 +394,7 @@
 <script>
   setupList({{ list.id }}, '{{ current_user.username if current_user.is_authenticated else 'Gość' }}');
 </script>
+<script src="{{ static_asset_url('static_bp.serve_js', 'list_item_form.js') }}"></script>
 {% endblock %}
 
 {% endblock %}

shopping_app/templates/login.html

@@ -11,12 +11,12 @@
     <form method="post">
       <div class="mb-3">
         <input type="text" name="username" placeholder="Login"
-          class="form-control bg-dark text-white border-secondary rounded" required>
+          class="form-control bg-dark text-white border-secondary ui-consistent-input" required>
       </div>
       <div class="mb-3">
         <div class="input-group ui-password-group">
           <input type="password" name="password" placeholder="Hasło"
-            class="form-control bg-dark text-white border-secondary rounded" required>
+            class="form-control bg-dark text-white border-secondary ui-consistent-input" required>
         </div>
       </div>
       <button type="submit" class="btn btn-success w-100">🔑 Zaloguj</button>

shopping_app/templates/main.html

@@ -29,12 +29,14 @@
         </div>
       </div>
       <form action="{{ url_for('create_list') }}" method="post">
-        <div class="input-group mb-3 create-list-input-group">
+        <div class="input-group mb-3 create-list-input-group" role="group" aria-label="Tworzenie nowej listy">
           <input type="text" name="title" id="title" placeholder="Wprowadź nazwę nowej listy" required
-            class="form-control bg-dark text-white border-secondary">
+            class="form-control bg-dark text-white border-secondary create-list-title-input"
+            aria-label="Nazwa nowej listy">
           <button type="button" class="btn btn-outline-secondary create-list-temp-toggle" id="tempToggle" data-active="0"
-            data-bs-toggle="tooltip" data-bs-placement="top" title="Po zaznaczeniu lista będzie ważna tylko 7 dni">
-            Tymczasowa
+            data-bs-toggle="tooltip" data-bs-placement="top" title="Po zaznaczeniu lista będzie ważna tylko 7 dni"
+            aria-pressed="false" aria-label="Przełącz listę tymczasową">
+            <span class="create-list-temp-toggle__label">Tymczasowa</span>
           </button>
           <input type="hidden" name="temporary" id="temporaryHidden" value="0">
         </div>
@@ -99,7 +101,7 @@
       </div>
       <div class="main-summary-stat">
         <span class="main-summary-stat__label">Wydatki</span>
-        <strong>{{ '%.2f'|format(summary.total_expense) }} PLN</strong>
+        <strong>{{ format_currency(summary.total_expense) }}</strong>
       </div>
     </div>
   </div>

shopping_app/templates/system_auth.html

@@ -13,7 +13,7 @@
       <div class="mb-3">
         <div class="input-group ui-password-group">
           <input type="password" name="password" placeholder="Hasło"
-            class="form-control bg-dark text-white border-secondary rounded" required>
+            class="form-control bg-dark text-white border-secondary ui-consistent-input" required>
         </div>
       </div>
       <button type="submit" class="btn btn-success w-100">🔓 Wejdź</button>

shopping_app/web.py

@@ -26,6 +26,9 @@ def inject_version():
 
     return {
         "APP_VERSION": app.config["APP_VERSION"],
+        "CURRENCY_CODE": get_currency_code(),
+        "format_currency": format_currency,
+        "currency_placeholder": currency_placeholder,
         "static_asset_url": static_asset_url,
     }
 
@@ -71,7 +74,7 @@ def require_system_password():
     if is_ip_blocked(ip):
         abort(403)
 
-    if "authorized" not in request.cookies and not endpoint.startswith("login"):
+    if "authorized" not in request.cookies:
         if request.path == "/":
             return redirect(url_for("system_auth"))