@libxai/board 1.4.22 → 1.4.23

package/dist/styles.css

@@ -8065,7 +8065,7 @@ body {
     border: 1px solid rgba(255, 255, 255, var(--opacity-subtle));
     border-radius: var(--radius-lg);
     box-shadow: var(--shadow-md);
-    transition: all var(--duration-base) var(--ease-smooth);
+    transition: border-color var(--duration-base) var(--ease-smooth), box-shadow var(--duration-base) var(--ease-smooth);
 }
 
 
@@ -8158,7 +8158,7 @@ body {
     border: 1px solid rgba(255, 255, 255, var(--opacity-subtle));
     border-radius: var(--radius-md);
     box-shadow: var(--shadow-sm);
-    transition: all var(--duration-fast) var(--ease-smooth);
+    transition: border-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth);
 }
 
 
@@ -8329,7 +8329,7 @@ body {
   position: relative;
   overflow: hidden;
     background: rgba(20, 20, 20, var(--opacity-medium));
-    transition: all var(--duration-base) var(--ease-smooth);
+    transition: background var(--duration-base) var(--ease-smooth);
 }
 
 
@@ -8443,6 +8443,11 @@ body {
 }
 
 
+.bottom-1 {
+  bottom: 0.25rem;
+}
+
+
 .bottom-2 {
   bottom: 0.5rem;
 }
@@ -8513,6 +8518,11 @@ body {
 }
 
 
+.right-2 {
+  right: 0.5rem;
+}
+
+
 .right-3 {
   right: 0.75rem;
 }
@@ -8553,6 +8563,11 @@ body {
 }
 
 
+.z-20 {
+  z-index: 20;
+}
+
+
 .z-40 {
   z-index: 40;
 }
@@ -8645,6 +8660,16 @@ body {
 }
 
 
+.mb-0 {
+  margin-bottom: 0px;
+}
+
+
+.mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
+
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -8690,6 +8715,11 @@ body {
 }
 
 
+.ml-3 {
+  margin-left: 0.75rem;
+}
+
+
 .ml-auto {
   margin-left: auto;
 }
@@ -8808,6 +8838,11 @@ body {
 }
 
 
+.h-14 {
+  height: 3.5rem;
+}
+
+
 .h-16 {
   height: 4rem;
 }
@@ -8878,11 +8913,26 @@ body {
 }
 
 
+.h-\[18px\] {
+  height: 18px;
+}
+
+
+.h-\[2px\] {
+  height: 2px;
+}
+
+
 .h-\[49px\] {
   height: 49px;
 }
 
 
+.h-\[52px\] {
+  height: 52px;
+}
+
+
 .h-full {
   height: 100%;
 }
@@ -8978,13 +9028,18 @@ body {
 }
 
 
-.min-h-\[120px\] {
-  min-height: 120px;
+.min-h-\[140px\] {
+  min-height: 140px;
+}
+
+
+.min-h-\[56px\] {
+  min-height: 56px;
 }
 
 
-.min-h-\[52px\] {
-  min-height: 52px;
+.min-h-\[800px\] {
+  min-height: 800px;
 }
 
 
@@ -9098,21 +9153,42 @@ body {
 }
 
 
+.w-9 {
+  width: 2.25rem;
+}
+
+
 .w-96 {
   width: 24rem;
 }
 
 
+.w-\[18px\] {
+  width: 18px;
+}
+
+
 .w-\[200px\] {
   width: 200px;
 }
 
 
+.w-\[280px\] {
+  width: 280px;
+}
+
+
 .w-\[320px\] {
   width: 320px;
 }
 
 
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+
 .w-full {
   width: 100%;
 }
@@ -9288,6 +9364,11 @@ body {
 }
 
 
+.shrink-0 {
+  flex-shrink: 0;
+}
+
+
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -9423,11 +9504,6 @@ body {
 }
 
 
-.auto-rows-min {
-  grid-auto-rows: min-content;
-}
-
-
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -9463,6 +9539,11 @@ body {
 }
 
 
+.flex-row {
+  flex-direction: row;
+}
+
+
 .flex-col {
   flex-direction: column;
 }
@@ -9543,13 +9624,13 @@ body {
 }
 
 
-.gap-8 {
-  gap: 2rem;
+.gap-6 {
+  gap: 1.5rem;
 }
 
 
-.gap-px {
-  gap: 1px;
+.gap-8 {
+  gap: 2rem;
 }
 
 
@@ -9578,6 +9659,13 @@ body {
 }
 
 
+.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+}
+
+
 .space-y-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -9585,6 +9673,13 @@ body {
 }
 
 
+.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
+}
+
+
 .space-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -9592,6 +9687,13 @@ body {
 }
 
 
+.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
+}
+
+
 .space-y-3 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
@@ -9730,6 +9832,18 @@ body {
 }
 
 
+.rounded-l {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+
+
+.rounded-r {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+
+
 .rounded-bl-md {
   border-bottom-left-radius: 0.375rem;
 }
@@ -9755,6 +9869,12 @@ body {
 }
 
 
+.border-y {
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+}
+
+
 .border-b {
   border-bottom-width: 1px;
 }
@@ -9790,9 +9910,43 @@ body {
 }
 
 
-.border-\[\#0F1117\] {
+.border-\[\#007BFF\] {
   --tw-border-opacity: 1;
-  border-color: rgb(15 17 23 / var(--tw-border-opacity, 1));
+  border-color: rgb(0 123 255 / var(--tw-border-opacity, 1));
+}
+
+
+.border-\[\#007BFF\]\/50 {
+  border-color: rgb(0 123 255 / 0.5);
+}
+
+
+.border-\[\#007FFF\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 127 255 / var(--tw-border-opacity, 1));
+}
+
+
+.border-\[\#007FFF\]\/20 {
+  border-color: rgb(0 127 255 / 0.2);
+}
+
+
+.border-\[\#0D0D0D\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(13 13 13 / var(--tw-border-opacity, 1));
+}
+
+
+.border-\[\#222\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));
+}
+
+
+.border-\[\#333\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
 }
 
 
@@ -9808,11 +9962,6 @@ body {
 }
 
 
-.border-\[\#3B82F6\]\/50 {
-  border-color: rgb(59 130 246 / 0.5);
-}
-
-
 .border-\[\#3a3a4e\] {
   --tw-border-opacity: 1;
   border-color: rgb(58 58 78 / var(--tw-border-opacity, 1));
@@ -9831,12 +9980,23 @@ body {
 }
 
 
+.border-amber-500\/20 {
+  border-color: rgb(245 158 11 / 0.2);
+}
+
+
 .border-blue-200 {
   --tw-border-opacity: 1;
   border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
 }
 
 
+.border-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
+}
+
+
 .border-blue-400 {
   --tw-border-opacity: 1;
   border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
@@ -9869,6 +10029,17 @@ body {
 }
 
 
+.border-emerald-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
+}
+
+
+.border-emerald-500\/20 {
+  border-color: rgb(16 185 129 / 0.2);
+}
+
+
 .border-gray-100 {
   --tw-border-opacity: 1;
   border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
@@ -9953,11 +10124,21 @@ body {
 }
 
 
+.border-red-500\/20 {
+  border-color: rgb(239 68 68 / 0.2);
+}
+
+
 .border-red-500\/30 {
   border-color: rgb(239 68 68 / 0.3);
 }
 
 
+.border-red-500\/50 {
+  border-color: rgb(239 68 68 / 0.5);
+}
+
+
 .border-red-700\/50 {
   border-color: rgb(185 28 28 / 0.5);
 }
@@ -10004,6 +10185,21 @@ body {
 }
 
 
+.border-white\/\[0\.05\] {
+  border-color: rgb(255 255 255 / 0.05);
+}
+
+
+.border-white\/\[0\.06\] {
+  border-color: rgb(255 255 255 / 0.06);
+}
+
+
+.border-white\/\[0\.08\] {
+  border-color: rgb(255 255 255 / 0.08);
+}
+
+
 .border-yellow-200 {
   --tw-border-opacity: 1;
   border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
@@ -10026,9 +10222,74 @@ body {
 }
 
 
-.bg-\[\#0D0F13\] {
+.bg-\[\#007BFF\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 123 255 / var(--tw-bg-opacity, 1));
+}
+
+
+.bg-\[\#007BFF\]\/10 {
+  background-color: rgb(0 123 255 / 0.1);
+}
+
+
+.bg-\[\#007BFF\]\/15 {
+  background-color: rgb(0 123 255 / 0.15);
+}
+
+
+.bg-\[\#007BFF\]\/20 {
+  background-color: rgb(0 123 255 / 0.2);
+}
+
+
+.bg-\[\#007FFF\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 127 255 / var(--tw-bg-opacity, 1));
+}
+
+
+.bg-\[\#007FFF\]\/10 {
+  background-color: rgb(0 127 255 / 0.1);
+}
+
+
+.bg-\[\#007FFF\]\/20 {
+  background-color: rgb(0 127 255 / 0.2);
+}
+
+
+.bg-\[\#007FFF\]\/\[0\.03\] {
+  background-color: rgb(0 127 255 / 0.03);
+}
+
+
+.bg-\[\#050505\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(5 5 5 / var(--tw-bg-opacity, 1));
+}
+
+
+.bg-\[\#080808\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(8 8 8 / var(--tw-bg-opacity, 1));
+}
+
+
+.bg-\[\#0A0A0A\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
+}
+
+
+.bg-\[\#0A0A0A\]\/95 {
+  background-color: rgb(10 10 10 / 0.95);
+}
+
+
+.bg-\[\#0D0D0D\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(13 15 19 / var(--tw-bg-opacity, 1));
+  background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
 }
 
 
@@ -10043,21 +10304,27 @@ body {
 }
 
 
-.bg-\[\#13161B\] {
+.bg-\[\#111\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(19 22 27 / var(--tw-bg-opacity, 1));
+  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#1A1D25\] {
+.bg-\[\#141414\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(26 29 37 / var(--tw-bg-opacity, 1));
+  background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));
+}
+
+
+.bg-\[\#1A1A1A\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#1C1F26\] {
+.bg-\[\#1A1D25\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(28 31 38 / var(--tw-bg-opacity, 1));
+  background-color: rgb(26 29 37 / var(--tw-bg-opacity, 1));
 }
 
 
@@ -10073,9 +10340,9 @@ body {
 }
 
 
-.bg-\[\#2D2D2D\] {
+.bg-\[\#222\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(45 45 45 / var(--tw-bg-opacity, 1));
+  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
 }
 
 
@@ -10085,6 +10352,27 @@ body {
 }
 
 
+.bg-\[\#32D74B\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(50 215 75 / var(--tw-bg-opacity, 1));
+}
+
+
+.bg-\[\#32D74B\]\/15 {
+  background-color: rgb(50 215 75 / 0.15);
+}
+
+
+.bg-\[\#32D74B\]\/20 {
+  background-color: rgb(50 215 75 / 0.2);
+}
+
+
+.bg-\[\#32D74B\]\/30 {
+  background-color: rgb(50 215 75 / 0.3);
+}
+
+
 .bg-\[\#374151\] {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -10097,24 +10385,41 @@ body {
 }
 
 
-.bg-\[\#3B82F6\]\/10 {
-  background-color: rgb(59 130 246 / 0.1);
+.bg-\[\#7C3AED\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#3B82F6\]\/20 {
-  background-color: rgb(59 130 246 / 0.2);
+.bg-\[\#7C3AED\]\/20 {
+  background-color: rgb(124 58 237 / 0.2);
 }
 
 
-.bg-\[\#7C3AED\] {
+.bg-\[\#FF453A\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
+  background-color: rgb(255 69 58 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#7C3AED\]\/20 {
-  background-color: rgb(124 58 237 / 0.2);
+.bg-\[\#FF453A\]\/15 {
+  background-color: rgb(255 69 58 / 0.15);
+}
+
+
+.bg-\[\#FFD60A\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 214 10 / var(--tw-bg-opacity, 1));
+}
+
+
+.bg-\[\#FFD60A\]\/15 {
+  background-color: rgb(255 214 10 / 0.15);
+}
+
+
+.bg-amber-500\/15 {
+  background-color: rgb(245 158 11 / 0.15);
 }
 
 
@@ -10188,6 +10493,11 @@ body {
 }
 
 
+.bg-emerald-500\/10 {
+  background-color: rgb(16 185 129 / 0.1);
+}
+
+
 .bg-emerald-500\/20 {
   background-color: rgb(16 185 129 / 0.2);
 }
@@ -10270,11 +10580,6 @@ body {
 }
 
 
-.bg-green-500\/10 {
-  background-color: rgb(34 197 94 / 0.1);
-}
-
-
 .bg-green-500\/20 {
   background-color: rgb(34 197 94 / 0.2);
 }
@@ -10380,6 +10685,11 @@ body {
 }
 
 
+.bg-red-500\/15 {
+  background-color: rgb(239 68 68 / 0.15);
+}
+
+
 .bg-red-500\/20 {
   background-color: rgb(239 68 68 / 0.2);
 }
@@ -10390,6 +10700,11 @@ body {
 }
 
 
+.bg-red-500\/\[0\.06\] {
+  background-color: rgb(239 68 68 / 0.06);
+}
+
+
 .bg-red-900\/20 {
   background-color: rgb(127 29 29 / 0.2);
 }
@@ -10437,6 +10752,21 @@ body {
 }
 
 
+.bg-white\/\[0\.03\] {
+  background-color: rgb(255 255 255 / 0.03);
+}
+
+
+.bg-white\/\[0\.05\] {
+  background-color: rgb(255 255 255 / 0.05);
+}
+
+
+.bg-white\/\[0\.06\] {
+  background-color: rgb(255 255 255 / 0.06);
+}
+
+
 .bg-yellow-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
@@ -10583,6 +10913,12 @@ body {
 }
 
 
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
+
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -10728,6 +11064,11 @@ body {
 }
 
 
+.pl-3 {
+  padding-left: 0.75rem;
+}
+
+
 .pl-4 {
   padding-left: 1rem;
 }
@@ -10836,6 +11177,11 @@ body {
 }
 
 
+.text-\[13px\] {
+  font-size: 13px;
+}
+
+
 .text-\[8px\] {
   font-size: 8px;
 }
@@ -10932,6 +11278,26 @@ body {
 }
 
 
+.leading-snug {
+  line-height: 1.375;
+}
+
+
+.tracking-\[0\.15em\] {
+  letter-spacing: 0.15em;
+}
+
+
+.tracking-\[0\.2em\] {
+  letter-spacing: 0.2em;
+}
+
+
+.tracking-tight {
+  letter-spacing: -0.025em;
+}
+
+
 .tracking-wide {
   letter-spacing: 0.025em;
 }
@@ -10942,6 +11308,29 @@ body {
 }
 
 
+.tracking-widest {
+  letter-spacing: 0.1em;
+}
+
+
+.text-\[\#007BFF\] {
+  --tw-text-opacity: 1;
+  color: rgb(0 123 255 / var(--tw-text-opacity, 1));
+}
+
+
+.text-\[\#007FFF\] {
+  --tw-text-opacity: 1;
+  color: rgb(0 127 255 / var(--tw-text-opacity, 1));
+}
+
+
+.text-\[\#32D74B\] {
+  --tw-text-opacity: 1;
+  color: rgb(50 215 75 / var(--tw-text-opacity, 1));
+}
+
+
 .text-\[\#3B4252\] {
   --tw-text-opacity: 1;
   color: rgb(59 66 82 / var(--tw-text-opacity, 1));
@@ -10966,12 +11355,6 @@ body {
 }
 
 
-.text-\[\#7C3AED\] {
-  --tw-text-opacity: 1;
-  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
-}
-
-
 .text-\[\#94A3B8\] {
   --tw-text-opacity: 1;
   color: rgb(148 163 184 / var(--tw-text-opacity, 1));
@@ -10990,12 +11373,36 @@ body {
 }
 
 
+.text-\[\#FF453A\] {
+  --tw-text-opacity: 1;
+  color: rgb(255 69 58 / var(--tw-text-opacity, 1));
+}
+
+
+.text-\[\#FFD60A\] {
+  --tw-text-opacity: 1;
+  color: rgb(255 214 10 / var(--tw-text-opacity, 1));
+}
+
+
+.text-amber-400 {
+  --tw-text-opacity: 1;
+  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
+}
+
+
 .text-amber-500 {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity, 1));
 }
 
 
+.text-amber-600 {
+  --tw-text-opacity: 1;
+  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
+}
+
+
 .text-asakaa-accent-red {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -11050,6 +11457,12 @@ body {
 }
 
 
+.text-emerald-600 {
+  --tw-text-opacity: 1;
+  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
+}
+
+
 .text-gray-100 {
   --tw-text-opacity: 1;
   color: rgb(243 244 246 / var(--tw-text-opacity, 1));
@@ -11134,12 +11547,6 @@ body {
 }
 
 
-.text-orange-500 {
-  --tw-text-opacity: 1;
-  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
-}
-
-
 .text-orange-600 {
   --tw-text-opacity: 1;
   color: rgb(234 88 12 / var(--tw-text-opacity, 1));
@@ -11158,6 +11565,12 @@ body {
 }
 
 
+.text-red-200 {
+  --tw-text-opacity: 1;
+  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
+}
+
+
 .text-red-300 {
   --tw-text-opacity: 1;
   color: rgb(252 165 165 / var(--tw-text-opacity, 1));
@@ -11182,12 +11595,43 @@ body {
 }
 
 
+.text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
+}
+
+
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
 
+.text-white\/15 {
+  color: rgb(255 255 255 / 0.15);
+}
+
+
+.text-white\/20 {
+  color: rgb(255 255 255 / 0.2);
+}
+
+
+.text-white\/25 {
+  color: rgb(255 255 255 / 0.25);
+}
+
+
+.text-white\/30 {
+  color: rgb(255 255 255 / 0.3);
+}
+
+
+.text-white\/35 {
+  color: rgb(255 255 255 / 0.35);
+}
+
+
 .text-white\/40 {
   color: rgb(255 255 255 / 0.4);
 }
@@ -11354,6 +11798,13 @@ body {
 }
 
 
+.shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] {
+  --tw-shadow: 0 8px 32px rgba(0,0,0,0.6);
+  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+
 .shadow-lg {
   --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);
@@ -11418,6 +11869,29 @@ body {
 }
 
 
+.ring-\[\#007BFF\] {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 123 255 / var(--tw-ring-opacity, 1));
+}
+
+
+.ring-\[\#007FFF\] {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(0 127 255 / var(--tw-ring-opacity, 1));
+}
+
+
+.ring-\[\#007FFF\]\/40 {
+  --tw-ring-color: rgb(0 127 255 / 0.4);
+}
+
+
+.ring-\[\#050505\] {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(5 5 5 / var(--tw-ring-opacity, 1));
+}
+
+
 .ring-\[\#3B82F6\] {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
@@ -11436,6 +11910,18 @@ body {
 }
 
 
+.ring-blue-500 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
+}
+
+
+.ring-gray-200 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
+}
+
+
 .ring-green-500\/50 {
   --tw-ring-color: rgb(34 197 94 / 0.5);
 }
@@ -11446,6 +11932,11 @@ body {
 }
 
 
+.ring-white\/10 {
+  --tw-ring-color: rgb(255 255 255 / 0.1);
+}
+
+
 .ring-offset-1 {
   --tw-ring-offset-width: 1px;
 }
@@ -11483,6 +11974,12 @@ body {
 }
 
 
+.blur-sm {
+  --tw-blur: blur(4px);
+  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);
+}
+
+
 .drop-shadow {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   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);
@@ -11519,6 +12016,34 @@ body {
 }
 
 
+.transition-\[background-color\] {
+  transition-property: background-color;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+
+.transition-\[border-color\2c background-color\2c box-shadow\] {
+  transition-property: border-color,background-color,box-shadow;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+
+.transition-\[transform\2c box-shadow\] {
+  transition-property: transform,box-shadow;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+
+.transition-\[width\] {
+  transition-property: width;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+
 .transition-all {
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -11913,7 +12438,7 @@ body {
   border: 2px dashed var(--color-border-primary);
   border-radius: var(--radius-lg);
   cursor: pointer;
-  transition: all var(--duration-fast) var(--ease-smooth);
+  transition: color var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);
 }
 
 
@@ -11997,7 +12522,7 @@ body {
   border: none;
   border-radius: var(--radius-md);
   cursor: pointer;
-  transition: all var(--duration-fast) var(--ease-smooth);
+  transition: opacity var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);
 }
 
 
@@ -12205,6 +12730,36 @@ body {
 }
 
 
+.placeholder\:text-white\/15::-moz-placeholder {
+  color: rgb(255 255 255 / 0.15);
+}
+
+
+.placeholder\:text-white\/15::placeholder {
+  color: rgb(255 255 255 / 0.15);
+}
+
+
+.placeholder\:text-white\/20::-moz-placeholder {
+  color: rgb(255 255 255 / 0.2);
+}
+
+
+.placeholder\:text-white\/20::placeholder {
+  color: rgb(255 255 255 / 0.2);
+}
+
+
+.placeholder\:text-white\/30::-moz-placeholder {
+  color: rgb(255 255 255 / 0.3);
+}
+
+
+.placeholder\:text-white\/30::placeholder {
+  color: rgb(255 255 255 / 0.3);
+}
+
+
 .placeholder\:opacity-40::-moz-placeholder {
   opacity: 0.4;
 }
@@ -12251,12 +12806,29 @@ body {
 }
 
 
+.hover\:border-\[\#007FFF\]\/50:hover {
+  border-color: rgb(0 127 255 / 0.5);
+}
+
+
 .hover\:border-\[\#6B7280\]:hover {
   --tw-border-opacity: 1;
   border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
 }
 
 
+.hover\:border-blue-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
+}
+
+
+.hover\:border-gray-200:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+}
+
+
 .hover\:border-gray-300:hover {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
@@ -12280,6 +12852,17 @@ body {
 }
 
 
+.hover\:border-red-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
+}
+
+
+.hover\:border-red-500\/50:hover {
+  border-color: rgb(239 68 68 / 0.5);
+}
+
+
 .hover\:border-white\/20:hover {
   border-color: rgb(255 255 255 / 0.2);
 }
@@ -12295,39 +12878,61 @@ body {
 }
 
 
-.hover\:bg-\[\#2563EB\]:hover {
+.hover\:border-white\/\[0\.12\]:hover {
+  border-color: rgb(255 255 255 / 0.12);
+}
+
+
+.hover\:bg-\[\#005FCC\]:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+  background-color: rgb(0 95 204 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-\[\#2a2a3e\]:hover {
+.hover\:bg-\[\#0066CC\]:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(42 42 62 / var(--tw-bg-opacity, 1));
+  background-color: rgb(0 102 204 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-\[\#3B82F6\]:hover {
+.hover\:bg-\[\#007BFF\]:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+  background-color: rgb(0 123 255 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-\[\#3a3a4e\]:hover {
+.hover\:bg-\[\#007BFF\]\/25:hover {
+  background-color: rgb(0 123 255 / 0.25);
+}
+
+
+.hover\:bg-\[\#007FFF\]:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(58 58 78 / var(--tw-bg-opacity, 1));
+  background-color: rgb(0 127 255 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-\[\#6D28D9\]:hover {
+.hover\:bg-\[\#0E0E0E\]:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
+  background-color: rgb(14 14 14 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-\[\#7C3AED\]:hover {
+.hover\:bg-\[\#2a2a3e\]:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
+  background-color: rgb(42 42 62 / var(--tw-bg-opacity, 1));
+}
+
+
+.hover\:bg-\[\#3a3a4e\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(58 58 78 / var(--tw-bg-opacity, 1));
+}
+
+
+.hover\:bg-blue-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
 }
 
 
@@ -12441,6 +13046,16 @@ body {
 }
 
 
+.hover\:bg-white\/\[0\.02\]:hover {
+  background-color: rgb(255 255 255 / 0.02);
+}
+
+
+.hover\:bg-white\/\[0\.05\]:hover {
+  background-color: rgb(255 255 255 / 0.05);
+}
+
+
 .hover\:bg-opacity-10:hover {
   --tw-bg-opacity: 0.1;
 }
@@ -12468,9 +13083,9 @@ body {
 }
 
 
-.hover\:text-\[\#3B82F6\]:hover {
+.hover\:text-\[\#007BFF\]:hover {
   --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+  color: rgb(0 123 255 / var(--tw-text-opacity, 1));
 }
 
 
@@ -12522,6 +13137,12 @@ body {
 }
 
 
+.hover\:text-gray-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+
+
 .hover\:text-red-400:hover {
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity, 1));
@@ -12546,6 +13167,11 @@ body {
 }
 
 
+.hover\:text-white\/50:hover {
+  color: rgb(255 255 255 / 0.5);
+}
+
+
 .hover\:text-white\/70:hover {
   color: rgb(255 255 255 / 0.7);
 }
@@ -12571,6 +13197,13 @@ body {
 }
 
 
+.hover\:shadow-sm:hover {
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+
 .hover\:ring-2:hover {
   --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);
@@ -12630,8 +13263,8 @@ body {
 }
 
 
-.focus\:ring-\[\#3B82F6\]\/30:focus {
-  --tw-ring-color: rgb(59 130 246 / 0.3);
+.focus\:ring-\[\#007BFF\]\/30:focus {
+  --tw-ring-color: rgb(0 123 255 / 0.3);
 }
 
 
@@ -12691,6 +13324,12 @@ body {
 }
 
 
+.group\/card:hover .group-hover\/card\:text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+
+
 .group:hover .group-hover\:opacity-100 {
   opacity: 1;
 }