structure and heropage

src/app/globals.css

@@ -1,26 +1,54 @@
 @import "tailwindcss";
 
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+html {
+  direction: rtl;
+  max-width: 100%;
 }
 
 body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: irancell;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  direction: rtl;
+  background: #eceff6;
+  font-feature-settings: "lnum"; /* اطمینان از نمایش اعداد انگلیسی */
+}
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+}
+
+html,
+body,
+#root {
+  min-height: 100% !important;
+  height: 100%;
+}
+* {
+  outline: none;
+}
+input::placeholder,
+textarea::placeholder {
+  color: #888888;
+}
+
+@theme {
+  --color-primary: black;
+  --spacing-maxWidth: 1280px;
+}
+
+tbody tr {
+  background-color: white;
+}
+
+.thead tr td:first-child {
+  border-top-right-radius: 23px;
+  /* border-bottom-right-radius: 23px; */
+}
+.thead tr td:last-child {
+  border-top-left-radius: 23px;
+  /* border-bottom-left-radius: 23px; */
 }