copy dmenu-admin to dkala-admin

src/index.css

@@ -0,0 +1,104 @@
+@import "tailwindcss";
+@import "react-loading-skeleton/dist/skeleton.css";
+
+html {
+  direction: rtl;
+}
+
+body {
+  font-family: irancell;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  direction: rtl;
+  overflow-x: hidden !important;
+  background: #eceef6;
+  font-weight: 300;
+  overflow: hidden;
+}
+html,
+body,
+#root {
+  min-height: 100% !important;
+  height: 100%;
+}
+* {
+  outline: none;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE and Edge */
+}
+
+*::-webkit-scrollbar {
+  display: none; /* Chrome, Safari, Opera */
+}
+input::placeholder,
+textarea::placeholder {
+  color: #888888;
+}
+
+@theme {
+  --color-primary: black;
+  --color-primary-foreground: white;
+  --color-secondary: #f4f5f9;
+  --color-border: #d0d0d0;
+  --color-description: #888888;
+  --color-header: #c3c7dd;
+  --color-success: #00ba4b;
+  --width-sidebar: 300px;
+  --border-radius-2.5: 10px;
+}
+
+.dltr {
+  direction: ltr;
+}
+
+tbody tr:nth-child(odd) {
+  background: rgba(233, 235, 244, 0.2) !important;
+}
+
+.rmdp-input {
+  min-height: 40px;
+  background-color: white;
+  border-radius: 12px !important;
+  border: 1px solid oklch(0.922 0 0) !important;
+  font-size: 12px !important;
+  width: 100% !important;
+  margin: 0px;
+  padding-right: 16px !important;
+  transition: background-color 0.3s ease, border-color 0.3s ease;
+}
+.readOny .rmdp-input {
+  background-color: #f5f5f5 !important;
+  border: none !important;
+}
+
+.rmdp-container {
+  width: 100%;
+}
+
+.rowTwoInput {
+  @apply flex flex-col sm:flex-row sm:gap-5 gap-5;
+}
+
+.time-picker-input::-webkit-calendar-picker-indicator {
+  display: none !important;
+  -webkit-appearance: none;
+}
+
+.time-picker-input::-webkit-inner-spin-button,
+.time-picker-input::-webkit-outer-spin-button {
+  display: none !important;
+  -webkit-appearance: none;
+}
+
+.time-picker-input {
+  -webkit-appearance: none;
+  -moz-appearance: textfield;
+}
+
+.modalGlass3 {
+  background: rgba(62, 61, 61, 0.2);
+  background-blend-mode: multiply;
+
+  backdrop-filter: blur(44px);
+}