Fix PDF export and add printable page formatting

app/templates/main/reports.html

@@ -158,9 +158,96 @@
         margin-top: 12px;
     }
 </style>
+    /* Print button styles */
+    .print-btn {
+        position: fixed;
+        top: 20px;
+        right: 20px;
+        z-index: 1000;
+        background: #007bff;
+        color: white;
+        border: none;
+        padding: 10px 20px;
+        border-radius: 5px;
+        cursor: pointer;
+        font-size: 14px;
+        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+    }
+    
+    .print-btn:hover {
+        background: #0056b3;
+    }
+    
+    /* Print styles */
+    @media print {
+        .print-btn,
+        .btn-group,
+        #filterCollapse,
+        .pagination,
+        .per-page-selector {
+            display: none !important;
+        }
+        
+        .container {
+            max-width: 100% !important;
+            padding: 0 !important;
+        }
+        
+        .card {
+            box-shadow: none !important;
+            border: 1px solid #ddd !important;
+            break-inside: avoid;
+        }
+        
+        .card-header {
+            background: #f8f9fa !important;
+            color: #000 !important;
+            border-bottom: 1px solid #ddd !important;
+        }
+        
+        .table {
+            font-size: 12px;
+        }
+        
+        .table thead th {
+            background: #f8f9fa !important;
+            color: #000 !important;
+            font-weight: bold;
+            border: 1px solid #ddd !important;
+            position: static;
+        }
+        
+        .table tbody td {
+            border: 1px solid #ddd !important;
+        }
+        
+        .text-success {
+            color: #000 !important;
+            font-weight: bold;
+        }
+        
+        .text-danger {
+            color: #000 !important;
+            font-weight: bold;
+        }
+        
+        /* Avoid breaking rows across pages */
+        tr {
+            page-break-inside: avoid;
+        }
+        
+        /* Add page breaks between sections */
+        .card {
+            margin-bottom: 20px;
+        }
+    }
 {% endblock %}
 
 {% block content %}
+    <!-- Print button -->
+    <button class="print-btn" onclick="window.print()">
+        <i class="fas fa-print"></i> Print Page
+    </button>
 <div class="container-fluid">
     <div class="row">
         <div class="col-12">