diff --git a/assets/reports/scss/components/search-filter.scss b/assets/reports/scss/components/search-filter.scss
new file mode 100644
index 0000000..0b0b1ce
--- /dev/null
+++ b/assets/reports/scss/components/search-filter.scss
@@ -0,0 +1,89 @@
+.search-filter {
+  .input-group {
+    border-radius: 1.6em;
+    border: 1px solid #eee;
+  }
+
+  .input-group-text {
+    // display: flex;
+    // align-items: center;
+    // justify-content: center;
+    font-size: 0.8rem;
+    // border: 1px solid #ddd;
+  }
+
+  .input-group-append {
+    .tavasi {
+      display: flex;
+      align-items: center;
+      padding: 0.4em;
+    }
+
+    .input-group-text {
+      // border-top-right-radius: 0.5em;
+      // border-bottom-right-radius: 0.5em;
+      // background-color: transparent;
+    }
+  }
+  .input-group-prepend {
+    position: relative;
+    .clear-search {
+      position: absolute;
+      right: -3em;
+      top: 0;
+      bottom: 0;
+      margin: auto;
+      display: flex;
+      align-items: center;
+    }
+    .input-group-text {
+      // background-color: transparent;
+      // border-top-left-radius: 0.5em;
+      // border-bottom-left-radius: 0.5em;
+    }
+  }
+
+  .form-control {
+    height: 2.5em;
+    border-color: transparent;
+
+    &::-webkit-search-decoration,
+    &::-webkit-search-cancel-button,
+    &::-webkit-search-results-button,
+    &::-webkit-search-results-decoration {
+      -webkit-appearance: none;
+    }
+  }
+  .nav-tabs {
+    overflow-x: auto;
+    flex-wrap: nowrap;
+    // border-bottom: 1px solid #00b6e3;
+
+    .nav-link {
+      text-align: right;
+      font-family: "sahel-semi-bold";
+      display: flex;
+      align-items: center;
+      // margin-bottom: 0.7em;
+      font-size: 1rem;
+      white-space: nowrap;
+      color: #6f6f6f;
+      border-color: transparent;
+      background-color: transparent;
+      
+      &.active {
+        color: #00b6e3;
+        border-bottom: 1px solid #00b6e3;
+      }
+    }
+
+    .icon {
+      margin-left: 0.2em;
+      font-size: 0.6rem;
+    }
+  }
+
+  .close-search {
+    color: #7f8891;
+  }
+}
diff --git a/assets/reports/scss/reports.scss b/assets/reports/scss/reports.scss
new file mode 100644
index 0000000..e27bb4d
--- /dev/null
+++ b/assets/reports/scss/reports.scss
@@ -0,0 +1,455 @@
+// @import "../../common/scss/mixin";
+// @import "../../common/scss/placeholder";
+@import "@/assets/common/scss/mixin";
+@import "@/assets/common/scss/placeholder";
+// @import "../../common/scss/customizations/list-variables";
+
+.report-system {
+  .main-page__content,.pages-content-container {
+    height: calc(100dvh - 3.8em);
+    min-height: 20em;
+    margin-right: var(--sidebar-collapsed-width);
+
+    &.expanded {
+      margin-right: var(--sidebar-width);
+    }
+
+    .pages {
+      //padding: 1.5em;
+    }
+  }
+
+  .menu-bar-container {
+    border-left: 1px solid #f1f1f1;
+    width: 305px;
+    padding-top: 24px;
+    padding-right: 24px;
+    padding-left: 24px;
+    min-height: 100dvh;
+    overflow-y: auto;
+
+    &__title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 15px;
+
+      h5 {
+        font-size: 14px;
+        color: #1b2733;
+      }
+
+      .select2 {
+        width: 70px;
+      }
+
+      .select2-container--default .select2-selection--single {
+        border: unset;
+        font-size: 14px;
+      }
+    }
+
+    &__button {
+      @extend %simple-btn;
+      justify-content: flex-start;
+      font-size: 16px;
+      max-width: 256px;
+      color: var(--color-2);
+
+      &:not(:last-child) {
+        margin-bottom: 8px;
+      }
+
+      i {
+        font-size: 22px;
+        width: 55px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+      &--more {
+        color: var(--color-1) !important;
+        justify-content: center;
+        font-size: 19px;
+        font-weight: 600;
+      }
+    }
+
+    &__breadcrumb {
+      display: none;
+    }
+
+    @extend %pastil-color;
+
+    a:hover {
+      color: var(--color-2);
+    }
+
+    .color-1 {
+      border-color: #e8fcff;
+
+      &:hover {
+        background-color: #e8fcff;
+      }
+
+      i {
+        background: -webkit-linear-gradient(#00b6e3 0%, #81e6ff 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
+
+    .color-2 {
+      border-color: #fef3ff;
+
+      &:hover {
+        background-color: #fef3ff;
+      }
+
+      i {
+        background: -webkit-linear-gradient(#b03bd9 0%, #dcbbff 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
+
+    .color-3 {
+      border-color: #fffbe1;
+
+      &:hover {
+        background-color: #fffbe1;
+      }
+
+      i {
+        background: -webkit-linear-gradient(#fb0 0%, #ffdd81 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
+
+    .color-4 {
+      border-color: #e7fce7;
+
+      &:hover {
+        background-color: #e7fce7;
+      }
+
+      i {
+        background: -webkit-linear-gradient(#39b778 0%, #88f57c 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
+
+    .color-5 {
+      border-color: #e7fce7;
+
+      &:hover {
+        background-color: #e7fce7;
+      }
+
+      i {
+        background: -webkit-linear-gradient(#c1d4da 0%, #d9e2e9 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
+
+    .menu-bar-content__edit-mark {
+      transition: all 0.3s ease;
+      margin-right: auto;
+      opacity: 0;
+
+      i {
+        background: -webkit-linear-gradient(#8fa4ab 0%, #bdc7d2 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        font-size: 20px;
+        width: 30px;
+      }
+    }
+
+    .menu-bar-content__edit-mark-container {
+      margin-right: auto;
+      background-color: none;
+      background: none;
+      border: none;
+      width: unset;
+      display: flex;
+      justify-content: flex-end;
+      outline: none;
+    }
+
+    &__button:hover {
+      .menu-bar-content__edit-mark {
+        opacity: 1;
+      }
+
+      .menu-bar-content__edit-mark {
+        i {
+          background: -webkit-linear-gradient(#8fa4ab 0%, #bdc7d2 100%);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+        }
+      }
+    }
+
+    &__header {
+      display: flex;
+      justify-content: space-between;
+      border-bottom: 1px solid #f1f1f1;
+
+      &--phone {
+        display: none;
+      }
+    }
+
+    &__search {
+      a {}
+
+      i {
+        font-size: 20px;
+        background: -webkit-linear-gradient(#a9bcc2 0%, #ccd2da 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
+
+    &__navs {
+      ul {}
+
+      li {}
+
+      a {
+        font-size: 13px;
+        color: #92a2b2;
+      }
+    }
+
+    &__search {
+      a {}
+
+      i {}
+    }
+
+    .nav-tabs {
+      border-color: transparent;
+    }
+
+    .nav-tabs .nav-link {
+      border: unset;
+      margin-left: 18px;
+      padding: 0;
+      padding-bottom: 20px;
+
+      &:first-child {
+        margin-right: 0;
+      }
+
+      &:hover {
+        color: var(--color-1);
+      }
+    }
+
+    .nav-tabs .nav-link.active {
+      border-bottom: 1px solid var(--color-1);
+      color: var(--color-1);
+    }
+
+    .detail-page__filters {
+      position: static;
+      right: unset;
+      z-index: 10;
+      top: unset;
+      background-color: unset;
+      border-left: unset;
+
+      .scrollbar {
+        max-width: 300px;
+        width: 100%;
+        padding-right: 0;
+        padding-left: 1em;
+        height: calc(100dvh - 6em);
+      }
+    }
+  }
+
+  .detail-page {
+    &__header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding-left: 47px;
+      padding-right: 47px;
+      border-bottom: 1px solid #f1f1f1;
+      padding-bottom: 10px;
+      height: 64px;
+
+      .document-list__star {
+        opacity: 1 !important;
+      }
+    }
+
+    &__head {
+      display: flex;
+      flex-direction: column;
+    }
+
+    &__title {
+      font-size: 14px;
+      display: flex;
+      align-items: center;
+
+      i {
+        margin-right: 3px;
+        font-size: 26px !important;
+        background: -webkit-linear-gradient(#c1d4da 0%, #e2e8ef 100%);
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    }
+
+    &__breadcrumb {
+      ul {
+        display: flex;
+        align-items: center;
+        list-style: none;
+      }
+
+      li {
+        display: flex;
+        align-items: center;
+
+        &:not(:last-child):after {
+          content: ">";
+          padding-right: 8px;
+          padding-left: 8px;
+          padding-top: 4px;
+          font-size: 10px;
+          font-weight: bold;
+          color: #bac4ce;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        }
+
+        &:last-child {
+          flex: 1;
+
+          a {}
+        }
+      }
+
+      a {
+        display: block;
+        font-size: 12px;
+        color: #92a2b2;
+      }
+    }
+
+    &__meta {
+      ul {
+        display: flex;
+        align-items: center;
+      }
+
+      li {}
+    }
+
+    &__shared-user {}
+
+    &__content {
+      max-height: calc(100dvh - 151px);
+      padding-right: 40px;
+      padding-top: 40px;
+      padding-bottom: 40px;
+      max-width: 696px;
+      margin-right: auto;
+      margin-left: auto;
+
+      h1 {
+        font-size: 24px;
+        color: #444444;
+        margin-top: 8px;
+        margin-bottom: 8px;
+      }
+
+      p {
+        font-size: 16px;
+        font-weight: lighter;
+        line-height: 30px;
+        margin-bottom: 8px;
+      }
+    }
+
+    &__edit-btn {
+      position: fixed;
+      bottom: 30px;
+      left: 50%;
+      transform: translateX(-50%);
+
+      a {
+        min-width: 88px;
+        height: 40px;
+        color: white;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 14px;
+        border-radius: 20px;
+        background: #1b2733;
+
+        &:hover {
+          color: white;
+          opacity: 0.8;
+        }
+      }
+    }
+  }
+
+  // .pages-content {
+  //   padding: 0;
+  // }
+
+  .nav-tabs {
+    .nav-link {
+      color: #92a2b2;
+      border: 0;
+      border-bottom: 1px solid transparent;
+
+      &.active {
+        color: #00b6e3;
+        border-bottom: 1px solid #00b6e3;
+      }
+    }
+  }
+}
+
+.main {
+  .main-page__content {
+    .pages {
+      .pages-content {
+        .my-profile {
+
+          .aks-file-upload {
+            .aks-file-upload-content {
+              .profile__avatar {
+                img {
+                  object-fit:cover;
+                  border-radius:50%;
+                  width:122px;
+                  height:122px;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@import "./components/search-filter.scss";
+@import "../../common/scss/layouts/panels";
+@import "../../common/scss/responsive/responsive.scss"
\ No newline at end of file
diff --git a/components/entity/components/EntityChartGantt.vue b/components/entity/components/EntityChartGantt.vue
index ceff298..eb09a5a 100644
--- a/components/entity/components/EntityChartGantt.vue
+++ b/components/entity/components/EntityChartGantt.vue
@@ -157,7 +157,7 @@ export default {
 
   components: {
     EntityToolsHeader: defineAsyncComponent(() =>
-      import("~/components/entity/components/EntityToolsHeader.vue")
+      import("@search/components/entity/components/EntityToolsHeader.vue")
     ),
   },
 };
diff --git a/components/entity/components/EntitySelectTerm.vue b/components/entity/components/EntitySelectTerm.vue
index 778b6a6..b00d005 100644
--- a/components/entity/components/EntitySelectTerm.vue
+++ b/components/entity/components/EntitySelectTerm.vue
@@ -75,7 +75,7 @@
 import entityApi from "~/apis/entityApi.js";
 import { mapState } from "pinia";
 import { cloneDeep } from "lodash";
-import { useCommonStore } from "@stores/commonStore";
+import { useCommonStore } from "~/commonStore";
 import { useEntityStore } from "@search/stores/entityStore";
 /**
  * @vue-prop {Object}  [valueModal={}] - یک آبجکت از مقادیر مورد نیاز برای فیش
diff --git a/components/entity/sidebar-panels/EntityTreeList.vue b/components/entity/sidebar-panels/EntityTreeList.vue
index bdcef22..833ab7c 100644
--- a/components/entity/sidebar-panels/EntityTreeList.vue
+++ b/components/entity/sidebar-panels/EntityTreeList.vue
@@ -65,7 +65,7 @@ import entityApi from "@apis/entityApi";
 import { mapActions, mapState } from "pinia";
 
 import { useEntityStore } from "@search/stores/entityStore";
-import { useSearchStore } from "~/stores/searchStore";
+import { useSearchStore } from "@search/stores/searchStore";
 import { useCommonStore } from "~/stores/commonStore";
 
 export default {
diff --git a/components/entity/sidebar-panels/UserHistory.vue b/components/entity/sidebar-panels/UserHistory.vue
index dc27509..51fd161 100644
--- a/components/entity/sidebar-panels/UserHistory.vue
+++ b/components/entity/sidebar-panels/UserHistory.vue
@@ -30,7 +30,7 @@
 import { mapState, mapActions } from "pinia";
 import favoriteApi from "~/apis/favoriteApi";
 import { useEntityStore } from "@search/stores/entityStore";
-import { useSearchStore } from "~/stores/searchStore";
+import { useSearchStore } from "@search/stores/searchStore";
 import { useCommonStore } from "~/stores/commonStore";
 export default {
   props: ["item"],
diff --git a/components/search/SearchNavigationFilter.vue b/components/search/SearchNavigationFilter.vue
index 8766570..5e305fb 100644
--- a/components/search/SearchNavigationFilter.vue
+++ b/components/search/SearchNavigationFilter.vue
@@ -850,7 +850,8 @@ export default {
 }
 </style>
 <style scoped lang="scss">
-@import "../../assets/reports/scss/components/search-filter.scss";
+// @import "../../assets/reports/scss/components/search-filter.scss";
+@import "../../../search_ui/assets/reports/scss/components/search-filter.scss";
 .multiselect-item {
   width: 100%;
   overflow: auto;
diff --git a/components/search/forms/SearchFilterModal.vue b/components/search/forms/SearchFilterModal.vue
index c150b52..6a660bc 100644
--- a/components/search/forms/SearchFilterModal.vue
+++ b/components/search/forms/SearchFilterModal.vue
@@ -14,7 +14,7 @@
 
 <script>
 import { mapState, mapActions } from "pinia";
-import { useSearchStore } from "~/stores/searchStore";
+import { useSearchStore } from "@search/stores/searchStore";
 
 export default {
   props: {
diff --git a/components/search/forms/SynonymSearch.vue b/components/search/forms/SynonymSearch.vue
index 507fdb9..4149b0a 100644
--- a/components/search/forms/SynonymSearch.vue
+++ b/components/search/forms/SynonymSearch.vue
@@ -67,7 +67,7 @@
 import { mapState, mapActions } from "pinia";
 import searchApi from "~/apis/searchApi";
 // import HttpService from "@services/httpService";
-import { useSearchStore } from "~/stores/searchStore";
+import { useSearchStore } from "@search/stores/searchStore";
 import { useCommonStore } from "~/stores/commonStore";
 
 export default {
diff --git a/components/search/view/CategoryList.vue b/components/search/view/CategoryList.vue
index 6392fb9..80fc3e6 100644
--- a/components/search/view/CategoryList.vue
+++ b/components/search/view/CategoryList.vue
@@ -88,7 +88,7 @@
 import { mapState, mapActions } from "pinia";
 import listApis from "~/apis/listApi";
 
-import { useSearchStore } from "~/stores/searchStore";
+import { useSearchStore } from "@search/stores/searchStore";
 
 // import { VueTreeList, Tree, TreeNode } from "vue-tree-list";
 
diff --git a/components/search/view/SearchSummary.vue b/components/search/view/SearchSummary.vue
index fa83073..c68dbb2 100644
--- a/components/search/view/SearchSummary.vue
+++ b/components/search/view/SearchSummary.vue
@@ -30,7 +30,7 @@
 <script>
 import { mapState, mapActions } from "pinia";
 // import summary from "~/json/search/summary.json";
-import { useSearchStore } from "~/stores/searchStore";
+import { useSearchStore } from "@search/stores/searchStore";
 import { useCommonStore } from "~/stores/commonStore";
 /**
  * @vue-data {undefined} [info = undefined] - اطلاعاتی که به آن دسترسی نداریم یا اگر داریم یک شیء را نگه می‌دارد