Made CSS changes

input.css

@@ -2,6 +2,17 @@
 @tailwind components;
 @tailwind utilities;
 @tailwind forms;
+
+@layer base {
+	input[type='number']::-webkit-outer-spin-button,
+	input[type='number']::-webkit-inner-spin-button,
+	input[type='number'] {
+		-webkit-appearance: none;
+		margin: 0;
+		-moz-appearance: textfield !important;
+	}
+}
+
 @font-face {
     font-family: "Rubik";
     src: url('./fonts/Rubik-Medium.ttf');

output.css

@@ -586,6 +586,14 @@ html {
   --bc: 220 13% 69%;
 }
 
+input[type='number']::-webkit-outer-spin-button,
+	input[type='number']::-webkit-inner-spin-button,
+	input[type='number'] {
+  -webkit-appearance: none;
+  margin: 0;
+  -moz-appearance: textfield !important;
+}
+
 *, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -7844,6 +7852,10 @@ details.collapse summary::-webkit-details-marker {
   margin-bottom: 6rem;
 }
 
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
+
 .mb-4 {
   margin-bottom: 1rem;
 }
@@ -7852,6 +7864,10 @@ details.collapse summary::-webkit-details-marker {
   margin-bottom: 1.25rem;
 }
 
+.mb-8 {
+  margin-bottom: 2rem;
+}
+
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -8331,6 +8347,10 @@ details.collapse summary::-webkit-details-marker {
   list-style-position: outside;
 }
 
+.list-decimal {
+  list-style-type: decimal;
+}
+
 .appearance-none {
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -9120,6 +9140,11 @@ details.collapse summary::-webkit-details-marker {
   border-color: rgb(90 20 117 / var(--tw-border-opacity));
 }
 
+.border-\[\#761eff\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(118 30 255 / var(--tw-border-opacity));
+}
+
 .border-black {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
@@ -9423,6 +9448,10 @@ details.collapse summary::-webkit-details-marker {
   padding: 0.5rem;
 }
 
+.p-4 {
+  padding: 1rem;
+}
+
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -9501,6 +9530,10 @@ details.collapse summary::-webkit-details-marker {
   padding-right: 4rem;
 }
 
+.pr-8 {
+  padding-right: 2rem;
+}
+
 .pt-0 {
   padding-top: 0px;
 }
@@ -10618,6 +10651,11 @@ input.valid {
   background-color: rgb(248 113 113 / var(--tw-bg-opacity));
 }
 
+.focus\:border-\[\#761eff\]:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(118 30 255 / var(--tw-border-opacity));
+}
+
 .focus\:shadow-lg:focus {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -10629,11 +10667,20 @@ input.valid {
   --tw-shadow: var(--tw-shadow-colored);
 }
 
+.focus\:shadow-black\/50:focus {
+  --tw-shadow-color: rgb(0 0 0 / 0.5);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
 
+.focus\:outline-\[\#761eff\]\/50:focus {
+  outline-color: rgb(118 30 255 / 0.5);
+}
+
 .focus\:ring-2:focus {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -10738,6 +10785,11 @@ input.valid {
   border-color: rgb(107 114 128 / var(--tw-border-opacity));
 }
 
+:is(.dark .dark\:border-success) {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--su) / var(--tw-border-opacity));
+}
+
 :is(.dark .dark\:bg-\[\#BF991D\]) {
   --tw-bg-opacity: 1;
   background-color: rgb(191 153 29 / var(--tw-bg-opacity));
@@ -10785,6 +10837,11 @@ input.valid {
   color: rgb(191 153 29 / var(--tw-text-opacity));
 }
 
+:is(.dark .dark\:text-\[\#ffff59\]) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 89 / var(--tw-text-opacity));
+}
+
 :is(.dark .dark\:text-emerald-400) {
   --tw-text-opacity: 1;
   color: rgb(52 211 153 / var(--tw-text-opacity));
@@ -10815,6 +10872,11 @@ input.valid {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+:is(.dark .dark\:brightness-125) {
+  --tw-brightness: brightness(1.25);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 :is(.dark .dark\:hover\:border-none:hover) {
   border-style: none;
 }
@@ -10844,6 +10906,15 @@ input.valid {
   --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
 }
 
+:is(.dark .dark\:focus\:border-success:focus) {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--su) / var(--tw-border-opacity));
+}
+
+:is(.dark .dark\:focus\:outline-success:focus) {
+  outline-color: hsl(var(--su) / 1);
+}
+
 :is(.dark .dark\:focus\:ring-emerald-400:focus) {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity));
@@ -10919,6 +10990,10 @@ input.valid {
     display: none;
   }
 
+  .lg\:w-1\/2 {
+    width: 50%;
+  }
+
   .lg\:w-1\/3 {
     width: 33.333333%;
   }