style: finalize the style of the dashboard

apps/edr-freight-web/backoffice/src/components/ruleEngine/RuleEngineFormDialog.tsx

@@ -119,15 +119,6 @@ const resolveSelectValue = (
 
 const inputStyles = {
   label: { fontWeight: 600, marginBottom: 6, color: "var(--mantine-color-gray-8)" },
-  input: {
-    borderColor: "#e2e8f0",
-    background: "white",
-    transition: "border-color 0.15s ease, box-shadow 0.15s ease",
-    "&:focus": {
-      borderColor: "var(--freight-brand)",
-      boxShadow: "0 0 0 3px var(--freight-brand-ring)",
-    },
-  },
 } as const;
 
 const FieldLabel = ({ label, required }: { label: string; required?: boolean }) => (
@@ -228,8 +219,8 @@ const RuleEngineFormDialog = ({
           px="md"
           style={{
             minHeight: 42,
-            background: "#f8fafc",
-            border: "1px solid #e2e8f0",
+            background: "var(--mantine-color-gray-0)",
+            border: "1px solid var(--mantine-color-gray-3)",
             borderRadius: "var(--mantine-radius-md)",
           }}
         >