fix pagina report laterale

public/css/chart-reports.css

@@ -924,3 +924,59 @@
 .card-types-container::-webkit-scrollbar-thumb:hover {
     background: #a8a8a8;
 }
+
+.chart-body,
+.chart-body *,
+.modern-chart-layout,
+.modern-chart-layout * {
+    box-sizing: border-box;
+    max-width: 100%;
+}
+
+.chart-container canvas,
+.modern-chart-container canvas {
+    max-width: 100% !important;
+    width: 100% !important;
+    height: auto !important;
+    display: block;
+}
+
+.dashboard-container,
+.chart-card,
+.chart-body {
+    overflow-x: hidden;
+    max-width: 100%;
+}
+
+#courses-chart-\2024 2025-\*,
+canvas[id^="courses-chart-"] {
+    max-width: 100% !important;
+    width: 100% !important;
+    box-sizing: border-box;
+}
+
+.modern-chart-layout {
+    display: grid;
+    grid-template-columns: minmax(280px, 280px) minmax(0, 1fr);
+    gap: 24px;
+    align-items: start;
+    margin-top: 20px;
+    min-height: 500px;
+    max-width: 100%;
+    overflow: hidden;
+    width: 100%;
+}
+
+.modern-chart-container {
+    background: white;
+    border-radius: 16px;
+    border: 1px solid #e5e7eb;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+    padding: 20px;
+    height: 500px;
+    max-width: 100%;
+    min-width: 0;
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+}