Initial commit for new panel

2025-09-09 11:20:26 +03:30
commit 1d4ccb3575
343 changed files with 20031 additions and 0 deletions
@@ -0,0 +1,121 @@
+/**
+ * @license
+ *
+ * Font Family: Satoshi
+ * Designed by: Deni Anggara
+ * URL: https://www.fontshare.com/fonts/satoshi
+ * © 2023 Indian Type Foundry
+ *
+ * Font Styles:
+ * Satoshi Light
+ * Satoshi Light Italic
+ * Satoshi Regular
+ * Satoshi Italic
+ * Satoshi Medium
+ * Satoshi Medium Italic
+ * Satoshi Bold
+ * Satoshi Bold Italic
+ * Satoshi Black
+ * Satoshi Black Italic
+ *
+*/
+
+@font-face {
+    font-family: "Satoshi";
+    src: url("../fonts/Satoshi-Light.woff2") format("woff2"),
+    url("../fonts/Satoshi-Light.woff") format("woff"),
+    url("../fonts/Satoshi-Light.ttf") format("truetype");
+    font-weight: 300;
+    font-display: swap;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Satoshi";
+    src: url("../fonts/Satoshi-LightItalic.woff2") format("woff2"),
+    url("../fonts/Satoshi-LightItalic.woff") format("woff"),
+    url("../fonts/Satoshi-LightItalic.ttf") format("truetype");
+    font-weight: 300;
+    font-display: swap;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Satoshi";
+    src: url("../fonts/Satoshi-Regular.woff2") format("woff2"),
+    url("../fonts/Satoshi-Regular.woff") format("woff"),
+    url("../fonts/Satoshi-Regular.ttf") format("truetype");
+    font-weight: 400;
+    font-display: swap;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Satoshi";
+    src: url("../fonts/Satoshi-Italic.woff2") format("woff2"),
+    url("../fonts/Satoshi-Italic.woff") format("woff"),
+    url("../fonts/Satoshi-Italic.ttf") format("truetype");
+    font-weight: 400;
+    font-display: swap;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Satoshi";
+    src: url("../fonts/Satoshi-Medium.woff2") format("woff2"),
+    url("../fonts/Satoshi-Medium.woff") format("woff"),
+    url("../fonts/Satoshi-Medium.ttf") format("truetype");
+    font-weight: 500;
+    font-display: swap;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Satoshi";
+    src: url("../fonts/Satoshi-MediumItalic.woff2") format("woff2"),
+    url("../fonts/Satoshi-MediumItalic.woff") format("woff"),
+    url("../fonts/Satoshi-MediumItalic.ttf") format("truetype");
+    font-weight: 500;
+    font-display: swap;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Satoshi";
+    src: url("../fonts/Satoshi-Bold.woff2") format("woff2"),
+    url("../fonts/Satoshi-Bold.woff") format("woff"),
+    url("../fonts/Satoshi-Bold.ttf") format("truetype");
+    font-weight: 700;
+    font-display: swap;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Satoshi";
+    src: url("../fonts/Satoshi-BoldItalic.woff2") format("woff2"),
+    url("../fonts/Satoshi-BoldItalic.woff") format("woff"),
+    url("../fonts/Satoshi-BoldItalic.ttf") format("truetype");
+    font-weight: 700;
+    font-display: swap;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Satoshi";
+    src: url("../fonts/Satoshi-Black.woff2") format("woff2"),
+    url("../fonts/Satoshi-Black.woff") format("woff"),
+    url("../fonts/Satoshi-Black.ttf") format("truetype");
+    font-weight: 900;
+    font-display: swap;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Satoshi";
+    src: url("../fonts/Satoshi-BlackItalic.woff2") format("woff2"),
+    url("../fonts/Satoshi-BlackItalic.woff") format("woff"),
+    url("../fonts/Satoshi-BlackItalic.ttf") format("truetype");
+    font-weight: 900;
+    font-display: swap;
+    font-style: italic;
+}
@@ -0,0 +1,518 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  body {
+    @apply bg-gray-2 text-dark-5 dark:bg-[#020D1A] dark:text-dark-6;
+  }
+}
+
+@layer utilities {
+  /* Chrome, Safari and Opera */
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+
+  .no-scrollbar {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+  }
+
+  .custom-scrollbar {
+    @apply overflow-auto;
+  }
+
+  .custom-scrollbar::-webkit-scrollbar {
+    @apply size-2;
+  }
+
+  .custom-scrollbar::-webkit-scrollbar-track {
+    @apply bg-transparent;
+  }
+
+  .custom-scrollbar::-webkit-scrollbar-thumb {
+    @apply relative flex-1 rounded-full bg-neutral-200/40 dark:bg-stroke-dark;
+  }
+
+  .chat-height {
+    @apply h-[calc(100vh_-_8.125rem)] lg:h-[calc(100vh_-_5.625rem)];
+  }
+
+  .inbox-height {
+    @apply h-[calc(100vh_-_8.125rem)] lg:h-[calc(100vh_-_5.625rem)];
+  }
+}
+
+/* third-party libraries CSS */
+
+.tableCheckbox:checked ~ div span {
+  @apply opacity-100;
+}
+
+.tableCheckbox:checked ~ div {
+  @apply border-primary bg-primary;
+}
+
+.apexcharts-legend-text {
+  @apply !text-dark-5 dark:!text-dark-6;
+}
+
+.apexcharts-text {
+  @apply !fill-dark-5 dark:!fill-dark-6;
+}
+
+.apexcharts-yaxis-label {
+  @apply text-xs;
+}
+
+.apexcharts-xaxis-label {
+  @apply text-body-sm font-medium;
+}
+
+.apexcharts-xcrosshairs {
+  @apply !fill-stroke dark:!fill-dark-3;
+}
+
+.apexcharts-gridline {
+  @apply !stroke-stroke dark:!stroke-dark-3;
+}
+
+.apexcharts-series.apexcharts-pie-series path {
+  @apply dark:!stroke-transparent;
+}
+
+.apexcharts-legend-series {
+  @apply !inline-flex gap-1.5;
+}
+
+.apexcharts-tooltip.apexcharts-theme-light {
+  @apply !rounded-[7px] !text-base !font-medium !text-dark !shadow-card-2 dark:!border-dark-3 dark:!bg-gray-dark dark:!text-white;
+}
+
+.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
+  @apply dark:!border-dark-3 dark:!bg-dark-2;
+}
+
+.apexcharts-xaxistooltip,
+.apexcharts-yaxistooltip {
+  @apply dark:!border-dark-2 dark:!bg-dark-2 dark:!text-dark-3;
+}
+
+.apexcharts-xaxistooltip-bottom:after {
+  @apply !border-b-gray dark:!border-b-dark;
+}
+
+.apexcharts-xaxistooltip-bottom:before {
+  @apply !border-b-gray dark:!border-b-dark;
+}
+
+.apexcharts-xaxistooltip-bottom {
+  @apply !rounded !border-none !bg-gray !text-sm !font-medium !text-dark dark:!bg-dark dark:!text-white;
+}
+
+.apexcharts-tooltip-series-group {
+  @apply !pb-px !pl-2.5 !pr-3.5;
+}
+
+.apexcharts-tooltip-series-group .apexcharts-tooltip-text {
+  @apply !text-base !font-medium;
+}
+
+.apexcharts-datalabels-group .apexcharts-datalabel-label {
+  @apply !fill-dark-5 dark:!fill-dark-6;
+}
+
+.apexcharts-datalabels-group .apexcharts-datalabel-value {
+  @apply !fill-dark dark:!fill-white;
+}
+
+.flatpickr-wrapper {
+  @apply w-full;
+}
+
+.flatpickr-months .flatpickr-prev-month:hover svg,
+.flatpickr-months .flatpickr-next-month:hover svg {
+  @apply !fill-primary;
+}
+
+.flatpickr-calendar.arrowTop:before {
+  @apply dark:!border-b-gray-dark;
+}
+
+.flatpickr-calendar.arrowTop:after {
+  @apply dark:!border-b-gray-dark;
+}
+
+.flatpickr-calendar {
+  @apply !p-6 !shadow-3 dark:!bg-gray-dark dark:!text-dark-6 dark:!shadow-card 2xsm:!w-auto;
+}
+
+.flatpickr-day {
+  @apply dark:!text-dark-6 dark:hover:!border-dark-2 dark:hover:!bg-dark-2;
+}
+
+.flatpickr-months .flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month {
+  @apply !top-7 dark:!fill-white dark:!text-white;
+}
+
+.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
+  @apply !left-7;
+}
+
+.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
+.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
+  @apply !right-7;
+}
+
+span.flatpickr-weekday,
+.flatpickr-months .flatpickr-month {
+  @apply dark:!fill-white dark:!text-white;
+}
+
+.flatpickr-day.inRange {
+  box-shadow:
+    -5px 0 0 #f3f4f6,
+    5px 0 0 #f3f4f6 !important;
+  @apply dark:!shadow-datepicker;
+}
+
+.flatpickr-day.inRange,
+.flatpickr-day.prevMonthDay.inRange,
+.flatpickr-day.nextMonthDay.inRange,
+.flatpickr-day.today.inRange,
+.flatpickr-day.prevMonthDay.today.inRange,
+.flatpickr-day.nextMonthDay.today.inRange,
+.flatpickr-day:hover,
+.flatpickr-day.prevMonthDay:hover,
+.flatpickr-day.nextMonthDay:hover,
+.flatpickr-day:focus,
+.flatpickr-day.prevMonthDay:focus,
+.flatpickr-day.nextMonthDay:focus {
+  @apply !border-gray-2 !bg-gray-2 dark:!border-dark-2 dark:!bg-dark-2;
+}
+
+.flatpickr-day.selected,
+.flatpickr-day.startRange,
+.flatpickr-day.selected,
+.flatpickr-day.endRange {
+  @apply dark:!text-white;
+}
+
+.flatpickr-day.today {
+  @apply !border-none hover:!bg-gray-2 hover:!text-dark dark:hover:!bg-dark-2 dark:hover:!text-white;
+}
+
+.flatpickr-day.selected,
+.flatpickr-day.startRange,
+.flatpickr-day.endRange,
+.flatpickr-day.selected.inRange,
+.flatpickr-day.startRange.inRange,
+.flatpickr-day.endRange.inRange,
+.flatpickr-day.selected:focus,
+.flatpickr-day.startRange:focus,
+.flatpickr-day.endRange:focus,
+.flatpickr-day.selected:hover,
+.flatpickr-day.startRange:hover,
+.flatpickr-day.endRange:hover,
+.flatpickr-day.selected.prevMonthDay,
+.flatpickr-day.startRange.prevMonthDay,
+.flatpickr-day.endRange.prevMonthDay,
+.flatpickr-day.selected.nextMonthDay,
+.flatpickr-day.startRange.nextMonthDay,
+.flatpickr-day.endRange.nextMonthDay {
+  background: #3c50e0;
+  @apply !border-primary !bg-primary hover:!border-primary hover:!bg-primary;
+}
+
+.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
+.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
+.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
+  box-shadow: -10px 0 0 #3c50e0;
+}
+
+.map-btn .jvm-zoom-btn {
+  @apply flex h-7.5 w-7.5 items-center justify-center rounded border border-stroke bg-white px-0 pb-0.5 pt-0 text-2xl leading-none text-dark-5 hover:border-primary hover:bg-primary hover:text-white dark:border-dark-3 dark:bg-dark-2 dark:text-dark-6 dark:hover:border-primary dark:hover:bg-primary dark:hover:text-white;
+}
+
+.mapOne .jvm-zoom-btn {
+  @apply !bottom-0 !left-auto !top-auto;
+}
+
+.mapOne .jvm-zoom-btn.jvm-zoomin {
+  @apply !right-10;
+}
+
+.mapOne .jvm-zoom-btn.jvm-zoomout {
+  @apply !right-0;
+}
+
+.mapTwo .jvm-zoom-btn {
+  @apply !bottom-0 !top-auto;
+}
+
+.mapTwo .jvm-zoom-btn.jvm-zoomin {
+  @apply !left-0;
+}
+
+.mapTwo .jvm-zoom-btn.jvm-zoomout {
+  @apply !left-10;
+}
+
+.taskCheckbox:checked ~ .box span {
+  @apply opacity-100;
+}
+
+.taskCheckbox:checked ~ p {
+  @apply line-through;
+}
+
+.taskCheckbox:checked ~ .box {
+  @apply border-primary bg-primary dark:border-primary;
+}
+
+.custom-input-date::-webkit-calendar-picker-indicator {
+  background: transparent;
+}
+
+.data-stats-slider-outer .swiper-button-next:after,
+.data-stats-slider-outer .swiper-button-prev:after,
+.carouselOne .swiper-button-next:after,
+.carouselOne .swiper-button-prev:after,
+.carouselThree .swiper-button-next:after,
+.carouselThree .swiper-button-prev:after {
+  @apply hidden;
+}
+
+.data-stats-slider-outer .swiper-button-next svg,
+.data-stats-slider-outer .swiper-button-prev svg,
+.carouselOne .swiper-button-next svg,
+.carouselOne .swiper-button-prev svg,
+.carouselThree .swiper-button-next svg,
+.carouselThree .swiper-button-prev svg {
+  @apply size-auto;
+}
+
+.carouselOne .swiper-button-next,
+.carouselOne .swiper-button-prev,
+.carouselThree .swiper-button-next,
+.carouselThree .swiper-button-prev {
+  @apply h-10 w-10 rounded-full bg-white !text-dark-5 shadow-card-2 dark:bg-dark-2 dark:!text-dark-6 sm:h-12.5 sm:w-12.5;
+}
+
+.carouselOne .swiper-button-prev,
+.carouselThree .swiper-button-prev {
+  @apply sm:!left-10;
+}
+
+.carouselOne .swiper-button-next,
+.carouselThree .swiper-button-next {
+  @apply sm:!right-10;
+}
+
+.carouselTwo .swiper-pagination-bullet,
+.carouselThree .swiper-pagination-bullet {
+  @apply h-[5px] w-7.5 rounded-none bg-white/50;
+}
+
+.carouselTwo .swiper-pagination-bullet-active,
+.carouselThree .swiper-pagination-bullet-active {
+  @apply bg-white;
+}
+
+.carouselTwo .swiper-pagination,
+.carouselThree .swiper-pagination {
+  @apply xl:!bottom-8;
+}
+
+.data-stats-slider-outer .swiper-button-next,
+.data-stats-slider-outer .swiper-button-prev {
+  @apply top-1/2 h-11.5 w-11.5 rounded-full border border-stroke bg-white !text-dark drop-shadow-card dark:border-dark-3 dark:bg-dark-2 dark:!text-white;
+}
+
+.data-stats-slider-outer .swiper-button-next.swiper-button-disabled,
+.data-stats-slider-outer .swiper-button-prev.swiper-button-disabled {
+  @apply hidden;
+}
+
+.data-stats-slider-outer .swiper-button-prev {
+  @apply -left-[23px];
+}
+
+.data-stats-slider-outer .swiper-button-next {
+  @apply -right-[23px];
+}
+
+.data-table-common .datatable-search {
+  @apply relative !ml-0 w-100 overflow-hidden rounded;
+}
+
+.data-table-one .datatable-search input {
+  @apply h-[46px] w-full rounded border border-stroke bg-transparent px-5 outline-none focus:border-primary dark:border-dark-3 dark:bg-dark-2 dark:focus:border-primary;
+}
+
+.data-table-common .datatable-selector {
+  @apply relative z-20 inline-flex bg-transparent p-0 font-medium text-dark-5 outline-none dark:text-dark-6;
+}
+
+.data-table-common .datatable-top {
+  @apply flex flex-col gap-4 border-b border-stroke px-7.5 py-4.5 after:hidden dark:border-dark-6 sm:flex-row-reverse sm:items-center sm:justify-between sm:gap-x-4 sm:gap-y-0;
+}
+
+.data-table-common .datatable-dropdown label {
+  @apply inline-flex items-center gap-2.5 font-medium capitalize text-dark dark:text-white;
+}
+
+.datatable-table .datatable-sorter {
+  @apply before:hidden after:hidden;
+}
+
+.datatable-table > thead > tr:first-child > th {
+  @apply border-transparent px-2.5 pb-2.5 pt-9 font-medium;
+}
+
+.data-table-common .datatable-table > tbody > tr > td:first-child,
+.data-table-common .datatable-table > thead > tr > th:first-child {
+  @apply pl-8;
+}
+
+.data-table-common .datatable-table > tbody > tr > td:last-child,
+.data-table-common .datatable-table > thead > tr > th:last-child {
+  @apply pr-8;
+}
+
+.data-table-common .datatable-table > thead > tr:last-child > th {
+  @apply !border-b border-stroke pb-6 dark:border-dark-3;
+}
+
+.data-table-common .datatable-table > thead > tr:last-child > th input {
+  @apply h-[34px] w-full rounded border border-stroke bg-transparent px-3 text-sm outline-none focus:border-primary dark:border-dark-3 dark:bg-dark-2 dark:focus:border-primary;
+}
+
+.data-table-common .datatable-table > tbody > tr {
+  @apply hover:bg-primary hover:bg-opacity-5;
+}
+
+.data-table-one .datatable-table > tbody > tr > td:first-child {
+  @apply text-primary dark:text-white;
+}
+
+.data-table-common .datatable-table > tbody > tr > td {
+  @apply border-b border-stroke py-5 font-medium dark:border-dark-3;
+}
+
+.data-table-one .datatable-bottom {
+  @apply flex flex-col gap-4 px-8 py-7 after:hidden sm:flex-row-reverse sm:items-center sm:justify-between sm:gap-0 sm:space-x-4;
+}
+
+.data-table-common .datatable-wrapper.no-footer .datatable-container {
+  @apply border-none;
+}
+
+.data-table-common .datatable-info {
+  @apply !m-0 font-medium;
+}
+
+.data-table-common .datatable-pagination {
+  @apply !m-0;
+}
+
+.data-table-common .datatable-pagination a {
+  @apply flex h-8 w-8 cursor-pointer items-center justify-center rounded p-0 font-medium text-dark-5 hover:bg-primary hover:text-white dark:text-dark-6;
+}
+
+.data-table-common .datatable-pagination .datatable-active a {
+  @apply bg-primary text-white;
+}
+
+.data-table-common .datatable-pagination li.datatable-hidden {
+  @apply !visible;
+}
+
+.data-table-two .datatable-bottom {
+  @apply flex flex-col gap-4 px-8 py-7 after:hidden sm:flex-row sm:items-center sm:justify-between sm:gap-0 sm:space-x-4;
+}
+
+.data-table-two .datatable-search input {
+  @apply h-11.5 w-full rounded border border-stroke bg-gray-2 px-5 outline-none focus:border-primary dark:border-dark-3 dark:bg-dark-2 dark:focus:border-primary;
+}
+
+.rangeSliderCommon .noUi-target {
+  @apply border-none bg-transparent shadow-none;
+}
+
+.rangeSliderCommon .noUi-connects {
+  @apply h-1.5 rounded-full bg-stroke dark:bg-dark-3;
+}
+
+.rangeSliderCommon .noUi-connect {
+  @apply h-1.5 rounded-full bg-primary;
+}
+
+.rangeSliderOne .noUi-horizontal .noUi-handle {
+  @apply -top-2 h-5.5 w-5.5 rounded-full border-none bg-primary shadow-none;
+}
+
+.rangeSliderTwo .noUi-horizontal .noUi-handle {
+  @apply -top-2 h-6 w-6 rounded-full border-[6px] border-primary bg-white shadow-none dark:bg-dark;
+}
+
+.noUi-horizontal .noUi-handle:after,
+.noUi-horizontal .noUi-handle:before {
+  @apply hidden;
+}
+
+input[type="search"]::-webkit-search-cancel-button {
+  @apply appearance-none;
+}
+
+.custom-input-date::-webkit-calendar-picker-indicator {
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 20px;
+}
+
+.custom-gradient-1 {
+  background-image: linear-gradient(145deg, #eef 0%, #fff8fc 100%);
+}
+
+.Toastify__toast {
+  padding: 10px !important;
+  border-radius: 24px !important;
+  font-family: inherit !important;
+  display: flex !important;
+  align-items: center !important;
+
+  box-shadow: 0px 12px 34px 0px rgba(13, 10, 44, 0.05) !important;
+}
+
+.dark .Toastify__toast {
+  box-shadow:
+    0 20px 25px -5px rgb(255 255 255 / 0.07),
+    0 8px 10px -6px rgb(255 255 255 / 0.05) !important;
+}
+
+.Toastify__close-button {
+  display: none;
+}
+.Toastify__close-button {
+  display: none;
+}
+
+.Toastify__toast--success {
+  background: linear-gradient(to bottom right, #82E6AC, #1A8245) !important;
+}
+
+.Toastify__toast--error {
+  background: linear-gradient(to bottom right, #F89090, #E10E0E) !important;
+}
+
+.Toastify__toast--warning {
+  background: linear-gradient(to bottom right, #F59E0B, #D97706) !important;
+}
+
+.Toastify__toast--info {
+  background: linear-gradient(to bottom right, #8099EC, #1C3FB7) !important;
+}