main

resources/css/components/card.css

+.card {
+  @apply relative flex  min-w-[1px] flex-col break-words rounded-lg  bg-white text-slate-500 shadow-soft dark:bg-navy-700 dark:text-navy-200 dark:shadow-none  print:border;
+}

resources/css/components/filepond.css

+@import "filepond/dist/filepond.min.css";
+@import 'filepond-plugin-image-preview/dist/filepond-plugin-image-preview.css';
+
+.filepond{
+    @apply block w-full 
+}
+
+.fp-grid{
+    @apply [--fp-grid:1]
+}
+
+.filepond--credits {
+    @apply !opacity-[.1] !font-light !text-tiny
+    /* @apply hidden*/
+}
+
+.filepond.fp-grid .filepond--item {
+    width: calc(calc(1/var(--fp-grid))*100% - 0.5rem);
+}
+
+.filepond.fp-bordered .filepond--panel-root {
+    @apply border-2 border-slate-300 border-dashed dark:border-navy-450 bg-transparent
+}
+
+.filepond.fp-bg-filled .filepond--panel-root {
+    @apply bg-slate-150/80 dark:bg-navy-500/[.85]
+}
+
+.filepond--drop-label label {
+    @apply text-slate-600 dark:text-navy-100
+}
+
+.filepond.label-icon .filepond--drop-label label {
+    @apply text-slate-400 dark:text-navy-300
+}
\ No newline at end of file

resources/css/components/flatpickr.css

+@import "flatpickr/dist/themes/light.css";
+
+.flatpickr-weekdays,
+span.flatpickr-weekday,
+.flatpickr-months .flatpickr-month,
+.flatpickr-current-month
+  .flatpickr-monthDropdown-months
+  .flatpickr-monthDropdown-month,
+.flatpickr-current-month .flatpickr-monthDropdown-months {
+  @apply bg-slate-150 text-slate-600 dark:bg-navy-500 dark:text-navy-100;
+}
+
+.flatpickr-current-month {
+  @apply inline-flex items-start justify-between;
+  font-size: 110%;
+}
+
+.flatpickr-months .flatpickr-prev-month,
+.flatpickr-months .flatpickr-next-month {
+  @apply fill-current text-slate-500 dark:text-navy-200;
+}
+
+.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 {
+  @apply border-primary bg-primary text-white dark:border-accent dark:!bg-accent  dark:text-white;
+}
+
+.flatpickr-innerContainer,
+.flatpickr-time {
+  @apply dark:border-b-navy-500 dark:bg-navy-700;
+}
+
+.flatpickr-innerContainer,
+.dayContainer {
+  @apply rounded-b;
+}
+
+.flatpickr-day.flatpickr-disabled,
+.flatpickr-day.flatpickr-disabled:hover,
+.flatpickr-day.prevMonthDay,
+.flatpickr-day.nextMonthDay,
+.flatpickr-day.notAllowed,
+.flatpickr-day.notAllowed.prevMonthDay,
+.flatpickr-day.notAllowed.nextMonthDay {
+  @apply dark:text-navy-300;
+}
+
+.flatpickr-day {
+  @apply text-slate-600 dark:text-navy-100;
+}
+
+.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-slate-150 bg-slate-150 dark:border-navy-500 dark:bg-navy-500;
+}
+
+.flatpickr-days {
+  @apply border-slate-150 dark:border-navy-500;
+}
+
+.flatpickr-time input,
+.flatpickr-time .flatpickr-time-separator,
+.flatpickr-time .flatpickr-am-pm {
+  @apply text-slate-600 dark:text-navy-100;
+}
+
+.flatpickr-time input:hover,
+.flatpickr-time .flatpickr-am-pm:hover,
+.flatpickr-time input:focus,
+.flatpickr-time .flatpickr-am-pm:focus {
+  @apply bg-slate-150 dark:bg-navy-500;
+}
+
+.flatpickr-time .numInputWrapper span.arrowUp::after {
+  @apply dark:border-b-navy-200;
+}
+.flatpickr-time .numInputWrapper span.arrowDown:after {
+  @apply dark:border-t-navy-200;
+}
+.flatpickr-calendar.hasTime .flatpickr-time {
+  @apply border-slate-150 dark:border-navy-500;
+}
+
+.flatpickr-day.inRange {
+  box-shadow: -5px 0 0 theme(colors.slate-150), 5px 0 0 theme(colors.slate-150);
+}
+
+.dark .flatpickr-day.inRange {
+  box-shadow: -5px 0 0 theme(colors.navy.500), 5px 0 0 theme(colors.navy.500);
+}
+
+.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: theme(colors.primary) -10px 0 0;
+}
+
+.dark .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
+.dark .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
+.dark .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
+  box-shadow: theme(colors.accent) -10px 0 0;
+}
+
+.flatpickr-calendar.arrowTop:before,
+.flatpickr-calendar.arrowTop:after {
+  @apply border-b-slate-150 dark:border-b-navy-500;
+}
+
+.flatpickr-calendar.arrowBottom:before,
+.flatpickr-calendar.arrowBottom:after {
+  @apply border-t-slate-150 dark:border-t-navy-700;
+}
+
+.flatpickr-current-month input.cur-year[disabled],
+.flatpickr-current-month input.cur-year[disabled]:hover {
+  @apply dark:text-navy-300;
+}

resources/css/components/form.css

+.form-input,
+.form-textarea,
+.form-select,
+.form-multiselect,
+.form-radio,
+.form-checkbox,
+.form-switch,
+.form-checkbox::before,
+.form-radio::before,
+.form-switch::before {
+  @apply transition-all duration-200 ease-in-out;
+}
+
+.form-input,
+.form-textarea,
+.form-select,
+.form-multiselect {
+  @apply appearance-none tracking-wide outline-none placeholder:font-light focus:outline-none;
+  contain: paint;
+}
+
+.form-select {
+  @apply bg-center bg-no-repeat;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewbox='0 0 20 20'%3e%3cpath stroke='%235C6B8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right 0.5rem center;
+  background-size: 1.5em 1.5em;
+  print-color-adjust: exact;
+}
+
+.form-multiselect {
+  background-image: initial;
+  background-position: initial;
+  background-repeat: unset;
+  background-size: initial;
+  padding-right: 0.75rem;
+  print-color-adjust: unset;
+}
+
+.form-checkbox,
+.form-radio,
+.form-switch {
+  @apply relative shrink-0 cursor-pointer select-none appearance-none overflow-hidden outline-none
+   focus:outline-none;
+  print-color-adjust: exact;
+}
+
+.form-switch {
+  @apply [--thumb-border:2px] before:absolute focus-visible:ring
+  before:top-[var(--thumb-border)] before:left-[var(--thumb-border)]
+  before:h-[calc(100%-var(--thumb-border)*2)] 
+  before:w-[calc((100%/2)-(var(--thumb-border)*2))]
+  checked:before:translate-x-[calc(100%+(var(--thumb-border)*2))];
+}
+
+.form-switch.is-outline {
+  @apply before:w-[calc((100%/2)-(var(--thumb-border)*2)-1px)]
+  checked:before:translate-x-[calc(100%+(var(--thumb-border)*2)+2px)];
+}
+
+.form-radio {
+  --tw-thumb: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3.5'/%3e%3c/svg%3e");
+  @apply before:ease-out;
+}
+
+.form-checkbox {
+  --tw-thumb: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+  @apply before:origin-bottom before:ease-in-out;
+}
+
+.form-radio,
+.form-checkbox {
+  @apply inline-block border ease-out before:absolute before:inset-0 before:h-full 
+  before:w-full before:scale-0 checked:before:scale-100 hover:shadow-lg;
+}
+
+.form-radio.is-basic,
+.form-checkbox.is-basic {
+  @apply bg-origin-border before:bg-center before:bg-no-repeat before:[background-size:100%_100%] before:[background-image:var(--tw-thumb)];
+}
+
+.form-radio.is-outline,
+.form-checkbox.is-outline {
+  @apply before:[mask-image:var(--tw-thumb)];
+}
+
+.form-range {
+  @apply block w-full appearance-none bg-transparent outline-none 
+  [--range-thumb-size:1.125rem] [--range-track-h:0.375rem];
+}
+
+.form-range::-webkit-slider-thumb {
+  @apply relative top-[50%] h-[var(--range-thumb-size)] w-[var(--range-thumb-size)] cursor-pointer appearance-none rounded-full border-none bg-current active:opacity-[.85];
+  transform: translateY(-50%);
+}
+
+.form-range::-moz-range-thumb {
+  @apply relative top-[50%] h-[var(--range-thumb-size)] w-[var(--range-thumb-size)] cursor-pointer appearance-none rounded-full border-none bg-current active:opacity-[.85];
+}
+
+.form-range::-moz-range-track {
+  @apply h-[var(--range-track-h)] w-full rounded-full bg-slate-150 dark:bg-navy-500;
+}
+
+.form-range::-webkit-slider-runnable-track {
+  @apply h-[var(--range-track-h)] w-full rounded-full bg-slate-150 dark:bg-navy-500;
+}

resources/css/components/mask.css

+.mask {
+  mask-size: contain;
+  mask-repeat: no-repeat;
+  mask-position: center;
+}
+
+.mask.is-squircle {
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
+}
+
+.mask.is-reuleaux-triangle {
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
+}
+
+.mask.is-diamond {
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
+}
+
+.mask.is-hexagon {
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
+}
+
+.mask.is-hexagon-2 {
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='182' fill='none' viewbox='0 0 200 182'%3E%3Cpath fill='%23000' d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786z'/%3E%3C/svg%3E");
+}
+
+.mask.is-octagon {
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='198' height='198' fill='none' viewbox='0 0 198 198'%3E%3Cpath fill='%23000' d='M91.346 2.17a20 20 0 0115.308 0l55.403 22.95a20 20 0 0110.824 10.823l22.949 55.403a20.004 20.004 0 010 15.308l-22.949 55.403a20.006 20.006 0 01-10.824 10.824l-55.403 22.949a20.004 20.004 0 01-15.308 0l-55.403-22.949a20 20 0 01-10.824-10.824L2.17 106.654a20 20 0 010-15.308l22.95-55.403a20 20 0 0110.823-10.824L91.346 2.17z'/%3E%3C/svg%3E");
+}
+
+.mask.is-star {
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none' viewbox='0 0 180 180'%3E%3Cpath fill='%23000' d='M82.39 2.111a14 14 0 0114.568 0l10.401 6.337a14 14 0 007.613 2.04l12.176-.287a14.003 14.003 0 0112.616 7.283l5.839 10.688a14.005 14.005 0 005.573 5.574l10.688 5.84a14.001 14.001 0 017.284 12.615l-.287 12.175a14.004 14.004 0 002.04 7.614l6.336 10.4a14 14 0 010 14.568l-6.336 10.401a14 14 0 00-2.04 7.613l.287 12.176a14.002 14.002 0 01-7.284 12.616l-10.688 5.839a14.005 14.005 0 00-5.573 5.573l-5.839 10.688a14.003 14.003 0 01-12.616 7.284l-12.176-.287a14 14 0 00-7.613 2.04l-10.401 6.336a13.998 13.998 0 01-14.567 0l-10.401-6.336a14.004 14.004 0 00-7.614-2.04l-12.175.287a13.994 13.994 0 01-12.616-7.284l-5.84-10.688a14.004 14.004 0 00-5.573-5.573l-10.688-5.839a14.001 14.001 0 01-7.283-12.616l.287-12.176a14 14 0 00-2.04-7.613L2.11 96.958a14 14 0 010-14.567L8.448 71.99a14 14 0 002.04-7.614L10.2 52.201a13.998 13.998 0 017.283-12.616l10.688-5.84a14 14 0 005.574-5.573l5.84-10.688A14 14 0 0152.2 10.201l12.175.287a14 14 0 007.614-2.04l10.4-6.337h.001z'/%3E%3C/svg%3E");
+}
+
+.mask.is-star-2 {
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='187' height='187' fill='none' viewbox='0 0 187 187'%3E%3Cpath fill='%23000' d='M81.518 3.291a24.647 24.647 0 0123.93 0l18.134 10.07a24.65 24.65 0 005.188 2.148l19.943 5.703a24.645 24.645 0 0116.921 16.921l5.702 19.942a24.665 24.665 0 002.15 5.189l10.068 18.134a24.64 24.64 0 010 23.93l-10.068 18.134a24.66 24.66 0 00-2.15 5.188l-5.702 19.943a24.64 24.64 0 01-6.27 10.651 24.638 24.638 0 01-10.651 6.269l-19.943 5.703a24.66 24.66 0 00-5.188 2.15l-18.134 10.068a24.644 24.644 0 01-23.93 0l-18.134-10.068a24.663 24.663 0 00-5.188-2.15l-19.943-5.703a24.641 24.641 0 01-16.921-16.92L15.63 128.65a24.635 24.635 0 00-2.149-5.188l-10.07-18.134a24.651 24.651 0 010-23.93l10.07-18.134a24.644 24.644 0 002.148-5.188l5.704-19.943a24.647 24.647 0 0116.92-16.921l19.943-5.703a24.655 24.655 0 005.188-2.148L81.518 3.29z'/%3E%3C/svg%3E");
+}
+
+.mask.is-heart {
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185' fill='none' viewbox='0 0 200 185'%3E%3Cpath fill='%23000' d='M100 184.606a15.382 15.382 0 01-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 004.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.388 15.388 0 01-8.653 2.673z'/%3E%3C/svg%3E");
+}

resources/css/components/notification.css

+@import "toastify-js/src/toastify.css";
+
+.toastify {
+    @apply z-[10010] rounded bg-none font-medium shadow-none bg-slate-200 text-slate-800 dark:text-navy-50 dark:bg-navy-600
+}
+
+.toastify.html{
+    @apply p-0 cursor-auto bg-transparent shadow-none border-none
+}
+
+.toastify.primary{
+    @apply bg-primary dark:bg-accent text-white
+}
+
+.toastify.secondary{
+    @apply bg-secondary text-white
+}
+
+.toastify.info{
+    @apply bg-info text-white
+}
+
+.toastify.warning{
+    @apply bg-warning text-white
+}
+
+.toastify.success{
+    @apply bg-success text-white
+}
+
+.toastify.error{
+    @apply bg-error text-white
+}
+
+.toastify.light{
+    @apply bg-slate-200 text-navy-800
+}
+
+.toastify.dark{
+    @apply bg-navy-600 text-slate-200
+}
\ No newline at end of file

resources/css/components/pagination.css

+.pagination {
+    @apply font-inter font-medium flex text-slate-600 dark:text-navy-100
+}

resources/css/components/popper.css

+.popper-root {
+  @apply invisible z-[1000];
+}
+
+.popper-root.show {
+  @apply visible;
+}
+
+.popper-root > .popper-box {
+  @apply opacity-0 duration-200 ease-out text-slate-500 dark:text-navy-200;
+  transition-property: transform, visibility, opacity;
+}
+
+.popper-root.show > .popper-box {
+  @apply opacity-100 ease-in;
+  transform: translate(0) !important;
+}
+
+.popper-root[data-popper-placement^="right"] > .popper-box {
+  @apply translate-x-3;
+}
+
+.popper-root[data-popper-placement^="bottom"] > .popper-box {
+  @apply translate-y-3;
+}
+
+.popper-root[data-popper-placement^="top"] > .popper-box {
+  @apply -translate-y-3;
+}
+
+.popper-root[data-popper-placement^="left"] > .popper-box {
+  @apply -translate-x-3;
+}
+
+.popper-root[data-popper-placement^="top"] [data-popper-arrow] {
+  @apply bottom-1;
+}
+
+.popper-root[data-popper-placement^="top"] [data-popper-arrow] > svg {
+  @apply top-3.5 rotate-180;
+}
+
+.popper-root[data-popper-placement^="bottom"] [data-popper-arrow] {
+  @apply top-1;
+}
+
+.popper-root[data-popper-placement^="bottom"] [data-popper-arrow] > svg {
+  @apply bottom-3.5;
+}
+
+.popper-root[data-popper-placement^="left"] [data-popper-arrow] {
+  @apply right-0.5;
+}
+
+.popper-root[data-popper-placement^="left"] [data-popper-arrow] svg {
+  transform: rotate(90deg);
+  top: calc(50% - 5px);
+  left: 13px;
+}
+
+.popper-root[data-popper-placement^="right"] [data-popper-arrow] {
+  @apply left-0.5;
+}
+
+.popper-root[data-popper-placement^="right"] [data-popper-arrow] svg {
+  transform: rotate(-90deg);
+  top: calc(50% - 5px);
+  right: 13px;
+}

resources/css/components/progress.css

+.progress {
+  @apply relative flex w-full overflow-hidden rounded-full;
+}
+
+.progress .is-indeterminate {
+  animation: progress-increase 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+}
+
+.progress .is-active::before {
+  @apply absolute inset-0 rounded bg-white content-[''];
+  animation: progress-active 2s cubic-bezier(0.55, 0.2, 0.3, 0.67) infinite;
+}
+
+@keyframes progress-increase {
+  from {
+    left: -5%;
+    width: 5%;
+  }
+  to {
+    left: 125%;
+    width: 100%;
+  }
+}
+
+@keyframes progress-active {
+  0% {
+    opacity: 0.4;
+    transform: translateX(-100%);
+  }
+  90% {
+  }
+  100% {
+    opacity: 0;
+    transform: translateX(0);
+  }
+}

resources/css/components/quill.css

+@import "quill/dist/quill.snow.css";
+
+.ql-container.ql-snow,
+.ql-toolbar.ql-snow {
+  @apply border-slate-300 dark:border-navy-450;
+}
+
+.ql-header-filled .ql-toolbar.ql-snow {
+  @apply bg-slate-150/80 dark:bg-navy-500/[.85];
+}
+
+.ql-toolbar.ql-snow {
+  @apply rounded-t-lg;
+}
+
+.ql-container.ql-snow {
+  @apply rounded-b-lg font-inter;
+}
+
+.ql-snow .ql-stroke {
+  @apply stroke-current;
+}
+
+.ql-snow .ql-fill,
+.ql-snow .ql-stroke.ql-fill {
+  @apply fill-current;
+}
+
+.ql-snow .ql-picker,.ql-snow .ql-fill,
+.ql-snow .ql-stroke.ql-fill,.ql-snow .ql-stroke {
+  @apply text-slate-600 dark:text-navy-200;
+}
+
+.ql-editor{
+    @apply text-sm
+}
+
+.ql-editor.ql-blank::before {
+  color: inherit;
+}
\ No newline at end of file

resources/css/components/simplebar.css

+@import "simplebar/dist/simplebar.min.css";
+
+.simplebar-scrollbar:before{
+    @apply bg-slate-300/80 dark:bg-navy-400
+}
+
+.simplebar-content-wrapper{
+    @apply outline-none
+}
\ No newline at end of file

resources/css/components/skeleton.css

+.skeleton {
+  @apply relative overflow-hidden [--sk-color:#ffffff80] dark:[--sk-color:#5C6B8A];
+}
+
+.skeleton.animate-wave:after {
+  @apply absolute inset-0 content-[''];
+  background: linear-gradient(90deg, transparent, var(--sk-color), transparent);
+  animation: skeleton-wave 1.5s ease-in-out 0.5s infinite;
+}
+
+@keyframes skeleton-wave {
+  0% {
+    transform: translateX(-100%);
+  }
+  50%,
+  100% {
+    transform: translateX(100%);
+  }
+}

resources/css/components/spinner.css

+.spinner.is-grow span {
+    animation: spinner-grow 1.5s ease-in-out infinite;
+}
+
+.spinner.is-elastic {
+    animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
+    animation-duration: 1.3;
+}
+
+.spinner.is-grow span:nth-child(1) {
+    animation-delay: -750ms;
+}
+
+@keyframes spinner-grow {
+    0%,
+    100% {
+        transform: scale(0);
+    }
+    50% {
+        transform: scale(1.1);
+    }
+}

resources/css/components/steps.css

+.steps {
+  @apply flex items-baseline [--size:2rem] [--line:0.25rem];
+}
+
+.steps.line-space {
+  --space: 0.5rem;
+}
+
+.steps .step {
+  @apply flex flex-1 flex-col break-words text-center font-inter tracking-wide;
+}
+
+.steps .step .step-header {
+  @apply relative m-auto mb-2 flex h-[var(--size)] w-[var(--size)] shrink-0 items-center justify-center;
+}
+
+.steps .step:not(:last-child)::before {
+  @apply relative left-[50%] top-[calc(var(--size)/2+var(--line)/2)] order-[-1] h-[var(--line)] rounded-full content-[''];
+}
+
+.steps.line-space .step:not(:last-child)::before {
+  width: calc(100% - var(--size) - calc(var(--space) * 2));
+  left: calc(50% + calc(var(--size) / 2 + var(--space)));
+}
+
+.steps.is-vertical {
+  @apply flex-col;
+}
+
+.steps.is-vertical .step {
+  @apply relative flex-row;
+}
+
+.steps.is-vertical .step .step-header {
+  @apply z-1 m-0;
+}
+
+.steps.is-vertical .step:not(:last-child)::before {
+  @apply absolute inset-0 h-auto w-[var(--line)] translate-x-[calc((var(--size)/2)-(var(--line)/2))];
+}
+
+.steps.is-vertical.line-space .step:not(:last-child)::before {
+  @apply top-[calc(var(--size)+var(--space))] bottom-[var(--space)];
+}

resources/css/components/swiper.css

+@import "swiper/css/bundle";
+
+:root {
+    --swiper-pagination-color: #4f46e5;
+    --swiper-theme-color: #7e75fa;
+    --swiper-navigation-size: 24px
+}
+
+.parallax-bg {
+    @apply absolute inset-0 h-full;
+    width: 130%;
+    -webkit-background-size: cover;
+    background-size: cover;
+    background-position: center;
+}

resources/css/components/table.css

+table.is-hoverable > tbody > tr:hover > td,
+table.is-zebra > tbody > tr:nth-child(even) > td {
+  @apply bg-slate-100 dark:bg-navy-600;
+}

resources/css/components/tableGrid.css

+.gridjs-table {
+  @apply w-full text-left;
+}
+
+.gridjs-table > tbody > tr:hover > td {
+  @apply bg-slate-100 dark:bg-navy-600;
+}
+
+th.gridjs-th .gridjs-th-content {
+  @apply float-left overflow-ellipsis overflow-hidden;
+}
+
+.gridjs-table .gridjs-th {
+  @apply whitespace-nowrap bg-slate-200 px-3 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-4;
+}
+
+.gridjs-table .gridjs-tr {
+  @apply border border-transparent border-b-slate-200 dark:border-b-navy-500;
+}
+
+.gridjs-table .gridjs-td {
+  @apply whitespace-nowrap px-4 py-3 sm:px-4;
+}
+
+button.gridjs-sort {
+  --neutral: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 401.998 401.998'%3E%3Cpath d='M73.092,164.452h255.813c4.949,0,9.233-1.807,12.848-5.424c3.613-3.616,5.427-7.898,5.427-12.847%0Ac0-4.949-1.813-9.229-5.427-12.85L213.846,5.424C210.232,1.812,205.951,0,200.999,0s-9.233,1.812-12.85,5.424L60.242,133.331%0Ac-3.617,3.617-5.424,7.901-5.424,12.85c0,4.948,1.807,9.231,5.424,12.847C63.863,162.645,68.144,164.452,73.092,164.452z'/%3E%3Cpath d='M328.905,237.549H73.092c-4.952,0-9.233,1.808-12.85,5.421c-3.617,3.617-5.424,7.898-5.424,12.847%0Ac0,4.949,1.807,9.233,5.424,12.848L188.149,396.57c3.621,3.617,7.902,5.428,12.85,5.428s9.233-1.811,12.847-5.428l127.907-127.906%0Ac3.613-3.614,5.427-7.898,5.427-12.848c0-4.948-1.813-9.229-5.427-12.847C338.139,239.353,333.854,237.549,328.905,237.549z'/%3E%3C/svg%3E");
+  --asc: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 292.362 292.361'%3E%3Cpath d='M286.935,197.287L159.028,69.381c-3.613-3.617-7.895-5.424-12.847-5.424s-9.233,1.807-12.85,5.424L5.424,197.287 C1.807,200.904,0,205.186,0,210.134s1.807,9.233,5.424,12.847c3.621,3.617,7.902,5.425,12.85,5.425h255.813 c4.949,0,9.233-1.808,12.848-5.425c3.613-3.613,5.427-7.898,5.427-12.847S290.548,200.904,286.935,197.287z'/%3E%3C/svg%3E");
+  --desc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 292.362 292.362'%3E%3Cpath d='M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424 C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428 s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z'/%3E%3C/svg%3E");
+}
+
+th.gridjs-th-sort {
+  @apply cursor-pointer focus:outline-none;
+}
+
+th.gridjs-th-sort .gridjs-th-content {
+  width: calc(100% - 15px);
+}
+
+button.gridjs-sort {
+  @apply float-right m-0 mt-1 h-3 w-3 cursor-pointer border-none bg-no-repeat p-0 outline-none;
+}
+
+button.gridjs-sort-neutral {
+  mask-image: var(--neutral);
+  mask-size: cover;
+  @apply bg-slate-400 dark:bg-navy-400;
+}
+
+button.gridjs-sort-asc {
+  mask-image: var(--asc);
+  mask-size: cover;
+}
+
+button.gridjs-sort-desc {
+  mask-image: var(--desc);
+  mask-size: cover;
+}
+
+button.gridjs-sort-asc,
+button.gridjs-sort-desc {
+  @apply bg-slate-600 dark:bg-navy-100;
+}
+
+.gridjs-input.gridjs-search-input {
+  @apply appearance-none rounded-lg border border-slate-300 px-3 py-2 font-medium outline-none
+    dark:border-navy-450 dark:bg-navy-700 dark:text-navy-100;
+}
+
+.gridjs-pages {
+  @apply flex flex-wrap space-x-1 text-slate-600 dark:text-slate-300;
+}
+
+.gridjs-pages button {
+  @apply flex h-8 min-w-[2rem] items-center justify-center rounded-full bg-slate-150 px-3 leading-tight transition-colors hover:bg-slate-300 focus:bg-slate-300  disabled:pointer-events-none disabled:opacity-60 dark:bg-navy-500 dark:hover:bg-navy-450 dark:focus:bg-navy-450;
+}
+
+.gridjs-pages button.gridjs-currentPage {
+  @apply bg-primary text-white dark:bg-accent;
+}
+
+.gridjs-wrapper {
+  @apply min-w-full overflow-x-auto;
+}
+
+.gridjs-search{
+  @apply flex justify-end px-4 sm:px-5 pb-5 
+}
+
+.gridjs-pagination{
+  @apply flex flex-col justify-between space-y-4 sm:flex-row sm:items-center sm:space-y-0 px-4 sm:px-5 py-4
+}
+
+.gridjs-loading{
+  @apply animate-pulse
+}
\ No newline at end of file

resources/css/components/timeline.css

+.timeline {
+  @apply flex flex-col [--size:12px] [--line:1px];
+}
+
+.timeline.line-space {
+  --space: 12px;
+}
+
+.timeline .timeline-item {
+  @apply relative flex flex-1 pb-8;
+}
+
+.timeline .timeline-item .timeline-item-point {
+  @apply relative m-0 flex h-[var(--size)] w-[var(--size)] shrink-0 items-center justify-center;
+}
+
+.timeline .timeline-item::before {
+  @apply absolute inset-0 order-[-1] w-[var(--line)] translate-x-[calc((var(--size)/2)-(var(--line)/2))] content-[''];
+}
+
+.timeline .timeline-item:not(:last-child)::before {
+  @apply bg-slate-300 dark:bg-navy-400;
+}
+
+.timeline .timeline-item:last-child::before {
+  @apply bg-gradient-to-b from-slate-300 to-transparent dark:from-navy-400;
+}
+
+.timeline .timeline-item:last-child {
+  @apply pb-0;
+}
+
+.timeline.line-space .timeline-item::before {
+  @apply top-[calc(var(--size)+var(--space))] bottom-[var(--space)];
+}

resources/css/components/tom-select.css

+@import "tom-select/dist/css/tom-select.css";
+
+.ts-control {
+  @apply rounded-lg border-slate-300 px-3 py-2 font-inter font-medium outline-none
+    transition duration-300 ease-in-out hover:border-slate-400 dark:border-navy-450
+    dark:bg-navy-700 dark:text-navy-100 dark:hover:border-navy-400;
+}
+
+.input-active .ts-control {
+  @apply border-primary dark:border-accent;
+}
+
+.ts-dropdown,
+.ts-control,
+.ts-control input {
+  @apply text-sm leading-normal placeholder:text-slate-400/70 text-slate-600 dark:text-navy-100;
+}
+
+.ts-wrapper.multi .ts-control > div {
+  @apply rounded bg-slate-150 text-slate-800 dark:bg-navy-500 dark:text-navy-50;
+}
+
+.ts-dropdown{
+ @apply rounded-md overflow-hidden shadow-none dark:bg-navy-700 border-slate-150 dark:border-navy-600
+}
+
+.ts-dropdown .create{
+  @apply text-slate-600 dark:text-navy-100
+}
+
+.ts-dropdown .create:hover, .ts-dropdown .option:hover, .ts-dropdown .active{
+    @apply text-white bg-primary dark:bg-accent 
+}
+
+.ts-dropdown .create:hover.create, .ts-dropdown .option:hover.create, .ts-dropdown .active.create{
+ @apply text-white
+}
+
+.ts-wrapper.plugin-remove_button .item .remove{
+  @apply border-slate-300 dark:border-navy-400
+}
+
+.ts-control, .ts-wrapper.single.input-active .ts-control{
+  @apply bg-transparent
+}
+
+.ts-wrapper.single .ts-control, .ts-wrapper.single.input-active .ts-control {
+  @apply bg-no-repeat bg-center pr-9;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewbox='0 0 20 20'%3e%3cpath stroke='%235C6B8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-position: right .5rem center;
+  background-size: 1.5em 1.5em;
+  print-color-adjust: exact;
+}
+

resources/css/components/tooltip.css

+@import "tippy.js/dist/tippy.css";
+@import "tippy.js/dist/svg-arrow.css";
+@import "tippy.js/animations/shift-away.css";
+
+.tippy-box {
+  @apply bg-slate-150 text-slate-800 dark:bg-navy-500 dark:text-navy-50;
+}
+
+.tippy-svg-arrow svg {
+  @apply fill-current text-slate-150 shadow-lg dark:text-navy-500;
+}
+
+.tippy-box[data-theme~="content"] .tippy-content {
+  @apply p-0;
+}
+
+.tippy-box[data-theme~="primary"] {
+  @apply bg-primary text-white dark:bg-accent;
+}
+
+.tippy-box[data-theme~="primary"] > .tippy-svg-arrow svg {
+  @apply text-primary dark:text-accent;
+}
+
+.tippy-box[data-theme~="secondary"] {
+  @apply bg-secondary text-white;
+}
+
+.tippy-box[data-theme~="secondary"] > .tippy-svg-arrow svg {
+  @apply text-secondary;
+}
+
+.tippy-box[data-theme~="info"] {
+  @apply bg-info text-white;
+}
+
+.tippy-box[data-theme~="info"] > .tippy-svg-arrow svg {
+  @apply text-info;
+}
+
+.tippy-box[data-theme~="success"] {
+  @apply bg-success text-white;
+}
+
+.tippy-box[data-theme~="success"] > .tippy-svg-arrow svg {
+  @apply text-success;
+}
+
+.tippy-box[data-theme~="warning"] {
+  @apply bg-warning text-white;
+}
+
+.tippy-box[data-theme~="warning"] > .tippy-svg-arrow svg {
+  @apply text-warning;
+}
+
+.tippy-box[data-theme~="error"] {
+  @apply bg-error text-white;
+}
+
+.tippy-box[data-theme~="error"] > .tippy-svg-arrow svg {
+  @apply text-error;
+}
+
+.tippy-box[data-theme~="light"] {
+  @apply bg-slate-150 text-slate-600;
+}
+
+.tippy-box[data-theme~="light"] > .tippy-svg-arrow svg {
+  @apply text-slate-150;
+}
+