diff --git a/src/components/prodReport/prodContainer/prodContainer.module.scss b/src/components/prodReport/prodContainer/prodContainer.module.scss
new file mode 100644
index 0000000..1689391
--- /dev/null
+++ b/src/components/prodReport/prodContainer/prodContainer.module.scss
@@ -0,0 +1,20 @@
+@import "../../../styles/colors";
+
+.tableContainer {
+  width: 87vw;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-bottom: 175px;
+  .salesSummary {
+    width: 83vw;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    margin-top: 40px;
+    span {
+      font-weight: 700;
+      margin-left: 5px;
+    }
+  }
+}
diff --git a/src/components/prodReport/prodFilter/prodFilter.module.scss b/src/components/prodReport/prodFilter/prodFilter.module.scss
new file mode 100644
index 0000000..3571f7a
--- /dev/null
+++ b/src/components/prodReport/prodFilter/prodFilter.module.scss
@@ -0,0 +1,11 @@
+@import "../../../styles/colors";
+
+.filterWrapper {
+  margin-top: 16px;
+  width: 83vw;
+  background: $bg_white;
+  border-radius: 5px;
+  padding: 20px 24px;
+  display: flex;
+  gap: 32px;
+}
diff --git a/src/components/tables/prodReportTable/prodReportTable.module.scss b/src/components/tables/prodReportTable/prodReportTable.module.scss
new file mode 100644
index 0000000..711ca73
--- /dev/null
+++ b/src/components/tables/prodReportTable/prodReportTable.module.scss
@@ -0,0 +1,42 @@
+@import "../../../styles/colors";
+
+.tableContainer {
+  width: 83vw;
+  margin-top: 16px;
+  border-radius: 5px;
+  border-collapse: collapse;
+  background: $bg_white;
+}
+.tHead {
+  width: 83vw;
+  font-weight: 700;
+  background: $bg_gray300;
+
+  .th {
+    font-size: 12px;
+    height: 50px;
+    &:first-child {
+      border-radius: 5px 0px 0px 0px;
+    }
+    &:last-child {
+      border-radius: 0px 5px 0px 0px;
+    }
+  }
+}
+.tBody {
+  .tr {
+    border-bottom: 1px solid $lc_gray300;
+    &:last-child {
+      border-radius: 0px 0px 5px 5px;
+      border-bottom: none;
+    }
+    .td {
+      height: 50px;
+      font-size: 12px;
+      text-align: center;
+      &.hidden {
+        color: $fc_white;
+      }
+    }
+  }
+}
diff --git a/src/pages/styles/prodReport.module.scss b/src/pages/styles/prodReport.module.scss
new file mode 100644
index 0000000..30c06d0
--- /dev/null
+++ b/src/pages/styles/prodReport.module.scss
@@ -0,0 +1,10 @@
+@import "../../styles/colors";
+
+.title {
+  display: inline-block;
+  padding: 24px 32px;
+  font: {
+    weight: 700;
+    size: 30px;
+  }
+}