update

resources/scss/app.scss

@@ -1041,6 +1041,65 @@ h4.section-title {
   margin-bottom: 10px;
 }
 
+.statistics-orders-page {
+  padding: 10px;
+}
+
+.statistics-orders-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.statistics-orders-filters {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+  gap: 10px;
+  align-items: end;
+}
+
+.statistics-orders-filters__actions {
+  align-self: end;
+}
+
+.statistics-orders-multiselect {
+  min-height: 120px;
+  height: 120px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+
+.statistics-orders-table-wrap {
+  overflow-x: auto;
+}
+
+.statistics-orders-table {
+  min-width: 880px;
+
+  thead th {
+    text-align: center;
+    white-space: nowrap;
+  }
+
+  tbody td,
+  tfoot th {
+    text-align: right;
+    white-space: nowrap;
+  }
+
+  tbody td:first-child,
+  tfoot th:first-child {
+    text-align: left;
+  }
+
+  tfoot th {
+    border-top: 2px solid #cbd5e1;
+    background: #f8fafc;
+  }
+}
+
 .orders-head {
   display: flex;
   align-items: flex-start;