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/templates/dashboard.html

@@ -3,8 +3,14 @@
 {% block title %}Dashboard{% endblock %}
 
 {% block content %}
+<!-- Floating Help Button -->
+<div class="floating-help-btn">
+    <a href="{{ url_for('main.help', page='dashboard') }}" target="_blank" title="Dashboard Help">
+        📖
+    </a>
+</div>
+
 <div class="dashboard-container">
-    
     <!-- Row of evenly distributed cards -->
     <div class="dashboard-card">
         <h3>Quality Module</h3>
@@ -34,5 +40,17 @@
         <a href="{{ url_for('main.settings') }}" class="btn">Access Settings Page</a>
     </div>
 
+    <div class="dashboard-card">
+        <h3>📊 Daily Mirror</h3>
+        <p>Business Intelligence and Production Reporting - Generate comprehensive daily reports including order quantities, production status, and delivery tracking.</p>
+        <div style="display: flex; gap: 10px; flex-wrap: wrap;">
+            <a href="{{ url_for('daily_mirror.daily_mirror_main_route') }}" class="btn">📊 Daily Mirror Hub</a>
+        </div>
+        <div style="margin-top: 8px; font-size: 12px; color: #666;">
+            <strong>Tracks:</strong> Orders quantity • Production launched • Production finished • Orders delivered
+        </div>
+    </div>
+    </div>
+
 </div>
 {% endblock %}