отчет

public/style.css

@@ -5069,4 +5069,105 @@ button.btn-primary {
     border-radius: 6px;
     padding: 10px;
     background: #fff;
-}
+}
+.nav-btn.reports {
+    background: linear-gradient(135deg, #9b59b6, #8e44ad);
+    box-shadow: 0 4px 15px rgba(155, 89, 182, 0.3);
+}
+.nav-btn.reports:hover {
+    box-shadow: 0 6px 20px rgba(155, 89, 182, 0.4);
+}
+.reports-filters {
+    display: flex;
+    gap: 20px;
+    align-items: flex-end;
+    margin-bottom: 20px;
+    flex-wrap: wrap;
+}
+.report-summary {
+    background: #f8f9fa;
+    border-radius: 8px;
+    padding: 15px;
+    margin-bottom: 20px;
+    display: flex;
+    gap: 15px;
+    flex-wrap: wrap;
+}
+.summary-item {
+    background: white;
+    padding: 10px 15px;
+    border-radius: 6px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    min-width: 120px;
+    text-align: center;
+}
+.summary-item .status-badge {
+    display: block;
+    font-size: 20px;
+    font-weight: bold;
+}
+.summary-item .status-label {
+    color: #666;
+    font-size: 12px;
+}
+.report-table-container {
+    overflow-x: auto;
+}
+.report-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 14px;
+}
+.report-table th {
+    background: #f1f3f5;
+    padding: 12px;
+    text-align: left;
+    font-weight: 600;
+    color: #495057;
+}
+.report-table td {
+    padding: 10px 12px;
+    border-bottom: 1px solid #e9ecef;
+}
+.report-table tr:hover {
+    background: #f8f9fa;
+}
+.report-table .task-description {
+    max-width: 300px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+/* Печатные стили */
+@media print {
+    body * {
+        visibility: hidden;
+    }
+    #reports-section, #reports-section * {
+        visibility: visible;
+    }
+    #reports-section {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        background: white;
+        padding: 20px;
+    }
+    .reports-filters, .summary-item, .btn-primary, .btn-secondary {
+        display: none !important;
+    }
+    .report-table th {
+        background: #f0f0f0 !important;
+        color: black !important;
+    }
+    .report-table td {
+        border: 1px solid #ccc;
+    }
+}
+.status-assigned { background: #ffc107; color: #212529; }
+.status-in_progress { background: #17a2b8; color: white; }
+.status-completed { background: #28a745; color: white; }
+.status-overdue { background: #dc3545; color: white; }
+.status-rework { background: #fd7e14; color: white; }
+.status-deleted { background: #6c757d; color: white; }