Major UI/UX improvements and help system implementation

✨ New Features:
- Implemented comprehensive help/documentation system with Markdown support
- Added floating help buttons throughout the application
- Created modular CSS architecture for better maintainability
- Added theme-aware help pages (light/dark mode support)

🎨 UI/UX Improvements:
- Implemented 25%/75% card layout consistency across printing module pages
- Fixed barcode display issues (removed black rectangles, proper barcode patterns)
- Enhanced print method selection with horizontal layout (space-saving)
- Added floating back button in help pages
- Improved form controls styling (radio buttons, dropdowns)

🔧 Technical Enhancements:
- Modularized CSS: Created print_module.css with 779 lines of specialized styles
- Enhanced base.css with floating button components and dark mode support
- Updated routes.py with help system endpoints and Markdown processing
- Fixed JsBarcode integration with proper CDN fallback
- Removed conflicting inline styles from templates

📚 Documentation:
- Created dashboard.md with comprehensive user guide
- Added help viewer template with theme synchronization
- Set up documentation image system with proper Flask static serving
- Implemented docs/images/ folder structure

🐛 Bug Fixes:
- Fixed barcode positioning issues (horizontal/vertical alignment)
- Resolved CSS conflicts between inline styles and modular CSS
- Fixed radio button oval display issues
- Removed borders from barcode frames while preserving label info borders
- Fixed theme synchronization between main app and help pages

📱 Responsive Design:
- Applied consistent 25%/75% layout across print_module, print_lost_labels, upload_data, view_orders
- Added responsive breakpoints for tablet (30%/70%) and mobile (stacked) layouts
- Improved mobile-friendly form layouts and button sizing

The application now features a professional, consistent UI with comprehensive help system and improved printing module functionality.

py_app/app/static/docs/dashboard.md

@@ -0,0 +1,131 @@
+# Dashboard - Ghid de utilizare
+
+## Prezentare generală
+Dashboard-ul este pagina principală a aplicației Quality Management System și oferă o vizualizare de ansamblu asupra tuturor modulelor disponibile și funcționalităților sistemului.
+
+## Structura Dashboard-ului
+
+### Bara de navigare superioară
+În partea de sus a paginii găsiți:
+- **Logo-ul companiei** -  Quality Management
+- **Meniul principal** cu accesul la toate modulele
+- **Butonul de profil utilizator** și logout în colțul din dreapta
+
+![Bara de navigare](images/dashboard_navbar.png)
+
+### Sectiuni principale
+![Poza cu Sectiunile](images/dashboard_main.png)
+#### 1. Modulul Quality (Calitate)
+Permite gestionarea proceselor de control al calității:
+- **Scan FG** - Scanarea produselor finite
+- **Scan RM** - Scanarea materiilor prime  
+- **Reports** - Rapoarte de calitate
+- **Quality Settings** - Configurări pentru modulul de calitate
+
+![Modulul Quality](images/dashboard_quality.png)
+
+#### 2. Modulul Warehouse (Depozit)
+Gestionarea stocurilor și locațiilor din depozit:
+- **Create Locations** - Crearea de noi locații în depozit
+- **Store Articles** - Depozitarea articolelor
+- **Warehouse Reports** - Rapoarte de depozit
+- **Inventory Management** - Gestionarea inventarului
+
+![Modulul Warehouse](images/dashboard_warehouse.png)
+
+#### 3. Modulul Labels (Etichete)
+Pentru generarea și printarea etichetelor:
+- **Print Module** - Printarea etichetelor pentru comenzi
+- **Print Lost Labels** - Reprintarea etichetelor pierdute
+- **View Orders** - Vizualizarea comenzilor
+- **Upload Data** - Încărcarea datelor pentru etichete
+
+![Modulul Labels](images/dashboard_labels.png)
+
+## Cum să navigați în aplicație
+
+### Pasul 1: Autentificarea
+1. Introduceți username-ul și parola
+2. Faceți clic pe "Login"
+3. Veți fi redirecționați automat către dashboard
+
+### Pasul 2: Selectarea modulului
+1. În dashboard, faceți clic pe modulul dorit (Quality, Warehouse, Labels)
+2. Veți vedea submeniul cu opțiunile disponibile
+3. Selectați funcționalitatea dorită
+
+![Navigare module](images/dashboard_main.png)
+
+### Pasul 3: Utilizarea funcționalităților
+Fiecare modul are propriile sale funcționalități specializate. Consultați ghidurile specifice pentru:
+- [Modulul Quality](quality_module.md)
+- [Modulul Warehouse](warehouse_module.md) 
+- [Modulul Labels](labels_module.md)
+
+## Permisiuni și acces
+
+### Tipuri de utilizatori
+Aplicația suportă diferite niveluri de acces:
+- **Superadmin** - Acces complet la toate modulele și setări
+- **Admin** - Acces la majoritatea funcționalităților
+- **Manager** - Acces la funcționalitățile de management
+- **User** - Acces limitat la funcționalitățile de bază
+![quick view access](images/quick_access.png)
+### Verificarea permisiunilor
+- Dacă nu aveți acces la un modul, acesta nu va fi vizibil în dashboard
+- Contactați administratorul pentru a obține permisiuni suplimentare
+- Permisiunile sunt configurate per utilizator și per modul
+
+![Niveluri de acces](images/access_management.png)
+
+## Funcționalități comune
+
+### Bara de căutare globală
+- Folosiți bara de căutare pentru a găsi rapid comenzi, articole sau rapoarte
+- Căutarea funcționează pe toate modulele activate
+
+### Notificări sistem
+- Notificările apar în colțul din dreapta sus
+- Includ alertele de sistem, confirmări de acțiuni și mesaje de eroare
+- Faceți clic pe notificare pentru a o închide
+
+### Shortcuts tastatura
+- **Ctrl + H** - Întoarcere la dashboard
+- **Ctrl + L** - Focus pe bara de căutare
+- **Escape** - Închiderea modalelor deschise
+
+## Rezolvarea problemelor comune
+
+### Nu se încarcă dashboard-ul
+1. Verificați conexiunea la internet
+2. Reîncărcați pagina (F5)
+3. Ștergeți cache-ul browserului
+4. Contactați administratorul IT
+
+### Lipsesc module din dashboard
+1. Verificați că sunteți autentificat corect
+2. Contactați administratorul pentru verificarea permisiunilor
+3. Unele module pot fi temporar dezactivate pentru mentenanță
+
+### Performanțe lente
+1. Închideți tab-urile de browser nefolosite
+2. Verificați conexiunea la rețea
+3. Raportați problema administratorului IT
+
+## Contacte și suport
+
+### Suport tehnic
+- **Email**: it-support@recticel.com
+- **Telefon intern**: 1234
+- **Program**: L-V, 08:00-17:00
+
+### Documentație suplimentară
+- [Manual complet utilizator](user_manual.pdf)
+- [Ghid rapid](quick_start.md)
+- [FAQ - Întrebări frecvente](faq.md)
+
+### Actualizări sistem
+Sistemul este actualizat regulat. Consultați [pagina de changelog](changelog.md) pentru ultimele noutăți și îmbunătățiri.
+
+---
+*Ultima actualizare: Octombrie 2025*