@libxai/board 1.4.26 → 1.5.0

package/dist/styles.css

@@ -8009,6 +8009,7 @@ body {
   height: 100%;
   overflow-x: auto;
   overflow-y: auto;
+    align-items: flex-start;
     gap: var(--space-6);
     padding: var(--space-6);
     background: var(--color-bg-primary);
@@ -8047,6 +8048,19 @@ body {
   }
 
 
+/* ==========================================================================
+     COLUMN WRAPPER (column + footer outside)
+     ========================================================================== */
+
+
+.asakaa-column-wrapper {
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    align-self: flex-start;
+  }
+
+
 /* ==========================================================================
      COLUMN
      ========================================================================== */
@@ -8065,7 +8079,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 +8172,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 +8343,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 +8457,11 @@ body {
 }
 
 
+.bottom-1 {
+  bottom: 0.25rem;
+}
+
+
 .bottom-2 {
   bottom: 0.5rem;
 }
@@ -8478,6 +8497,11 @@ body {
 }
 
 
+.left-2\.5 {
+  left: 0.625rem;
+}
+
+
 .left-28 {
   left: 7rem;
 }
@@ -8513,6 +8537,11 @@ body {
 }
 
 
+.right-2 {
+  right: 0.5rem;
+}
+
+
 .right-3 {
   right: 0.75rem;
 }
@@ -8553,6 +8582,11 @@ body {
 }
 
 
+.z-20 {
+  z-index: 20;
+}
+
+
 .z-40 {
   z-index: 40;
 }
@@ -8616,6 +8650,12 @@ body {
 }
 
 
+.mx-3 {
+  margin-left: 0.75rem;
+  margin-right: 0.75rem;
+}
+
+
 .mx-4 {
   margin-left: 1rem;
   margin-right: 1rem;
@@ -8645,6 +8685,16 @@ body {
 }
 
 
+.mb-0 {
+  margin-bottom: 0px;
+}
+
+
+.mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
+
+
 .mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -8690,6 +8740,11 @@ body {
 }
 
 
+.ml-3 {
+  margin-left: 0.75rem;
+}
+
+
 .ml-auto {
   margin-left: auto;
 }
@@ -8808,6 +8863,11 @@ body {
 }
 
 
+.h-14 {
+  height: 3.5rem;
+}
+
+
 .h-16 {
   height: 4rem;
 }
@@ -8818,6 +8878,11 @@ body {
 }
 
 
+.h-2\.5 {
+  height: 0.625rem;
+}
+
+
 .h-24 {
   height: 6rem;
 }
@@ -8878,11 +8943,21 @@ body {
 }
 
 
+.h-\[2px\] {
+  height: 2px;
+}
+
+
 .h-\[49px\] {
   height: 49px;
 }
 
 
+.h-\[52px\] {
+  height: 52px;
+}
+
+
 .h-full {
   height: 100%;
 }
@@ -8978,13 +9053,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;
 }
 
 
@@ -9028,6 +9108,16 @@ body {
 }
 
 
+.w-2\.5 {
+  width: 0.625rem;
+}
+
+
+.w-24 {
+  width: 6rem;
+}
+
+
 .w-28 {
   width: 7rem;
 }
@@ -9043,6 +9133,11 @@ body {
 }
 
 
+.w-32 {
+  width: 8rem;
+}
+
+
 .w-36 {
   width: 9rem;
 }
@@ -9073,6 +9168,16 @@ body {
 }
 
 
+.w-52 {
+  width: 13rem;
+}
+
+
+.w-56 {
+  width: 14rem;
+}
+
+
 .w-6 {
   width: 1.5rem;
 }
@@ -9098,6 +9203,11 @@ body {
 }
 
 
+.w-9 {
+  width: 2.25rem;
+}
+
+
 .w-96 {
   width: 24rem;
 }
@@ -9108,11 +9218,27 @@ body {
 }
 
 
+.w-\[220px\] {
+  width: 220px;
+}
+
+
+.w-\[280px\] {
+  width: 280px;
+}
+
+
 .w-\[320px\] {
   width: 320px;
 }
 
 
+.w-fit {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+
 .w-full {
   width: 100%;
 }
@@ -9148,6 +9274,11 @@ body {
 }
 
 
+.min-w-\[150px\] {
+  min-width: 150px;
+}
+
+
 .min-w-\[160px\] {
   min-width: 160px;
 }
@@ -9288,6 +9419,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 +9559,6 @@ body {
 }
 
 
-.auto-rows-min {
-  grid-auto-rows: min-content;
-}
-
-
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -9463,6 +9594,11 @@ body {
 }
 
 
+.flex-row {
+  flex-direction: row;
+}
+
+
 .flex-col {
   flex-direction: column;
 }
@@ -9543,13 +9679,13 @@ body {
 }
 
 
-.gap-8 {
-  gap: 2rem;
+.gap-6 {
+  gap: 1.5rem;
 }
 
 
-.gap-px {
-  gap: 1px;
+.gap-8 {
+  gap: 2rem;
 }
 
 
@@ -9578,6 +9714,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 +9728,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 +9742,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)));
@@ -9613,6 +9770,13 @@ body {
 }
 
 
+.space-y-px > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1px * var(--tw-space-y-reverse));
+}
+
+
 .divide-y > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -9730,6 +9894,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;
 }
@@ -9745,13 +9921,14 @@ body {
 }
 
 
-.border-0 {
-  border-width: 0px;
+.border-2 {
+  border-width: 2px;
 }
 
 
-.border-2 {
-  border-width: 2px;
+.border-y {
+  border-top-width: 1px;
+  border-bottom-width: 1px;
 }
 
 
@@ -9790,38 +9967,49 @@ 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-\[\#374151\] {
+.border-\[\#007BFF\]\/50 {
+  border-color: rgb(0 123 255 / 0.5);
+}
+
+
+.border-\[\#007FFF\] {
   --tw-border-opacity: 1;
-  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
+  border-color: rgb(0 127 255 / var(--tw-border-opacity, 1));
 }
 
 
-.border-\[\#3B82F6\] {
+.border-\[\#007FFF\]\/20 {
+  border-color: rgb(0 127 255 / 0.2);
+}
+
+
+.border-\[\#0D0D0D\] {
   --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
+  border-color: rgb(13 13 13 / var(--tw-border-opacity, 1));
 }
 
 
-.border-\[\#3B82F6\]\/50 {
-  border-color: rgb(59 130 246 / 0.5);
+.border-\[\#222\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1));
 }
 
 
-.border-\[\#3a3a4e\] {
+.border-\[\#2E94FF\] {
   --tw-border-opacity: 1;
-  border-color: rgb(58 58 78 / var(--tw-border-opacity, 1));
+  border-color: rgb(46 148 255 / var(--tw-border-opacity, 1));
 }
 
 
-.border-\[\#4B5563\] {
+.border-\[\#333\] {
   --tw-border-opacity: 1;
-  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
+  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
 }
 
 
@@ -9831,12 +10019,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 +10068,12 @@ body {
 }
 
 
+.border-emerald-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
+}
+
+
 .border-gray-100 {
   --tw-border-opacity: 1;
   border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
@@ -9953,6 +10158,17 @@ body {
 }
 
 
+.border-red-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
+}
+
+
+.border-red-500\/20 {
+  border-color: rgb(239 68 68 / 0.2);
+}
+
+
 .border-red-500\/30 {
   border-color: rgb(239 68 68 / 0.3);
 }
@@ -10004,6 +10220,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,84 +10257,142 @@ body {
 }
 
 
-.bg-\[\#0D0F13\] {
+.bg-\[\#007BFF\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(13 15 19 / var(--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-\[\#0F1117\] {
+.bg-\[\#007BFF\]\/20 {
+  background-color: rgb(0 123 255 / 0.2);
+}
+
+
+.bg-\[\#007FFF\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(15 17 23 / var(--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-\[\#0F1117\]\/50 {
-  background-color: rgb(15 17 23 / 0.5);
+.bg-\[\#007FFF\]\/\[0\.03\] {
+  background-color: rgb(0 127 255 / 0.03);
 }
 
 
-.bg-\[\#13161B\] {
+.bg-\[\#050505\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(19 22 27 / var(--tw-bg-opacity, 1));
+  background-color: rgb(5 5 5 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#1A1D25\] {
+.bg-\[\#050505\]\/50 {
+  background-color: rgb(5 5 5 / 0.5);
+}
+
+
+.bg-\[\#080808\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(26 29 37 / var(--tw-bg-opacity, 1));
+  background-color: rgb(8 8 8 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#1C1F26\] {
+.bg-\[\#0A0A0A\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(28 31 38 / var(--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-\[\#1F2937\] {
+.bg-\[\#0D0D0D\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+  background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#1e1e2e\] {
+.bg-\[\#111\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(30 30 46 / var(--tw-bg-opacity, 1));
+  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#2D2D2D\] {
+.bg-\[\#1264FF\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(45 45 45 / var(--tw-bg-opacity, 1));
+  background-color: rgb(18 100 255 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#2a2a3e\] {
+.bg-\[\#141414\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(42 42 62 / var(--tw-bg-opacity, 1));
+  background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#374151\] {
+.bg-\[\#1A1A1A\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
+  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#3B82F6\] {
+.bg-\[\#1A1D25\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+  background-color: rgb(26 29 37 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#3B82F6\]\/10 {
-  background-color: rgb(59 130 246 / 0.1);
+.bg-\[\#222\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
 }
 
 
-.bg-\[\#3B82F6\]\/20 {
-  background-color: rgb(59 130 246 / 0.2);
+.bg-\[\#2E94FF\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 148 255 / var(--tw-bg-opacity, 1));
+}
+
+
+.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);
 }
 
 
@@ -10118,6 +10407,33 @@ body {
 }
 
 
+.bg-\[\#FF453A\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 69 58 / var(--tw-bg-opacity, 1));
+}
+
+
+.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);
+}
+
+
 .bg-black\/30 {
   background-color: rgb(0 0 0 / 0.3);
 }
@@ -10166,12 +10482,6 @@ body {
 }
 
 
-.bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
-}
-
-
 .bg-blue-900\/30 {
   background-color: rgb(30 58 138 / 0.3);
 }
@@ -10182,20 +10492,8 @@ body {
 }
 
 
-.bg-emerald-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
-}
-
-
-.bg-emerald-500\/20 {
-  background-color: rgb(16 185 129 / 0.2);
-}
-
-
-.bg-emerald-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
+.bg-emerald-500\/10 {
+  background-color: rgb(16 185 129 / 0.1);
 }
 
 
@@ -10246,12 +10544,6 @@ body {
 }
 
 
-.bg-green-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
-}
-
-
 .bg-green-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
@@ -10270,11 +10562,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);
 }
@@ -10306,12 +10593,6 @@ body {
 }
 
 
-.bg-orange-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
-}
-
-
 .bg-orange-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
@@ -10380,13 +10661,13 @@ body {
 }
 
 
-.bg-red-500\/20 {
-  background-color: rgb(239 68 68 / 0.2);
+.bg-red-500\/15 {
+  background-color: rgb(239 68 68 / 0.15);
 }
 
 
-.bg-red-500\/5 {
-  background-color: rgb(239 68 68 / 0.05);
+.bg-red-500\/20 {
+  background-color: rgb(239 68 68 / 0.2);
 }
 
 
@@ -10437,15 +10718,24 @@ body {
 }
 
 
-.bg-yellow-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
+.bg-white\/\[0\.03\] {
+  background-color: rgb(255 255 255 / 0.03);
 }
 
 
-.bg-yellow-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
+.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-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
 }
 
 
@@ -10583,6 +10873,12 @@ body {
 }
 
 
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
+
+
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -10613,6 +10909,12 @@ body {
 }
 
 
+.px-3\.5 {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
+
+
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -10703,6 +11005,22 @@ body {
 }
 
 
+.py-\[5px\] {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
+
+
+.pb-1\.5 {
+  padding-bottom: 0.375rem;
+}
+
+
 .pb-12 {
   padding-bottom: 3rem;
 }
@@ -10713,11 +11031,6 @@ body {
 }
 
 
-.pb-3 {
-  padding-bottom: 0.75rem;
-}
-
-
 .pb-6 {
   padding-bottom: 1.5rem;
 }
@@ -10728,6 +11041,11 @@ body {
 }
 
 
+.pl-2\.5 {
+  padding-left: 0.625rem;
+}
+
+
 .pl-4 {
   padding-left: 1rem;
 }
@@ -10738,11 +11056,6 @@ body {
 }
 
 
-.pl-9 {
-  padding-left: 2.25rem;
-}
-
-
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -10758,11 +11071,6 @@ body {
 }
 
 
-.pt-0 {
-  padding-top: 0px;
-}
-
-
 .pt-0\.5 {
   padding-top: 0.125rem;
 }
@@ -10778,6 +11086,11 @@ body {
 }
 
 
+.pt-2\.5 {
+  padding-top: 0.625rem;
+}
+
+
 .pt-3 {
   padding-top: 0.75rem;
 }
@@ -10836,6 +11149,11 @@ body {
 }
 
 
+.text-\[13px\] {
+  font-size: 13px;
+}
+
+
 .text-\[8px\] {
   font-size: 8px;
 }
@@ -10932,6 +11250,31 @@ body {
 }
 
 
+.leading-snug {
+  line-height: 1.375;
+}
+
+
+.tracking-\[0\.15em\] {
+  letter-spacing: 0.15em;
+}
+
+
+.tracking-\[0\.1em\] {
+  letter-spacing: 0.1em;
+}
+
+
+.tracking-\[0\.2em\] {
+  letter-spacing: 0.2em;
+}
+
+
+.tracking-tight {
+  letter-spacing: -0.025em;
+}
+
+
 .tracking-wide {
   letter-spacing: 0.025em;
 }
@@ -10942,33 +11285,56 @@ body {
 }
 
 
-.text-\[\#3B4252\] {
+.tracking-widest {
+  letter-spacing: 0.1em;
+}
+
+
+.text-\[\#007BFF\] {
   --tw-text-opacity: 1;
-  color: rgb(59 66 82 / var(--tw-text-opacity, 1));
+  color: rgb(0 123 255 / var(--tw-text-opacity, 1));
 }
 
 
-.text-\[\#3B82F6\] {
+.text-\[\#007FFF\] {
   --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+  color: rgb(0 127 255 / var(--tw-text-opacity, 1));
 }
 
 
-.text-\[\#4B5563\] {
+.text-\[\#1264FF\] {
   --tw-text-opacity: 1;
-  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+  color: rgb(18 100 255 / var(--tw-text-opacity, 1));
 }
 
 
-.text-\[\#6B7280\] {
+.text-\[\#2E94FF\] {
   --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+  color: rgb(46 148 255 / var(--tw-text-opacity, 1));
 }
 
 
-.text-\[\#7C3AED\] {
+.text-\[\#32D74B\] {
   --tw-text-opacity: 1;
-  color: rgb(124 58 237 / var(--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));
+}
+
+
+.text-\[\#4B5563\] {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
+}
+
+
+.text-\[\#6B7280\] {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 
 
@@ -10990,12 +11356,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));
@@ -11044,15 +11434,9 @@ body {
 }
 
 
-.text-emerald-500 {
+.text-emerald-600 {
   --tw-text-opacity: 1;
-  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
-}
-
-
-.text-gray-100 {
-  --tw-text-opacity: 1;
-  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
+  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
 }
 
 
@@ -11134,18 +11518,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));
-}
-
-
 .text-pink-400 {
   --tw-text-opacity: 1;
   color: rgb(244 114 182 / var(--tw-text-opacity, 1));
@@ -11182,12 +11554,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);
 }
@@ -11218,6 +11621,16 @@ body {
 }
 
 
+.text-white\/\[0\.60\] {
+  color: rgb(255 255 255 / 0.60);
+}
+
+
+.text-white\/\[0\.92\] {
+  color: rgb(255 255 255 / 0.92);
+}
+
+
 .text-yellow-400 {
   --tw-text-opacity: 1;
   color: rgb(250 204 21 / var(--tw-text-opacity, 1));
@@ -11258,18 +11671,6 @@ body {
 }
 
 
-.placeholder-gray-500::-moz-placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
-}
-
-
-.placeholder-gray-500::placeholder {
-  --tw-placeholder-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
-}
-
-
 .placeholder-white\/40::-moz-placeholder {
   color: rgb(255 255 255 / 0.4);
 }
@@ -11305,11 +11706,6 @@ body {
 }
 
 
-.opacity-40 {
-  opacity: 0.4;
-}
-
-
 .opacity-50 {
   opacity: 0.5;
 }
@@ -11354,6 +11750,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);
@@ -11399,6 +11802,13 @@ body {
 }
 
 
+.ring-0 {
+  --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+
 .ring-1 {
   --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -11418,9 +11828,32 @@ body {
 }
 
 
-.ring-\[\#3B82F6\] {
+.ring-\[\#007BFF\] {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(59 130 246 / var(--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-\[\#2E94FF\] {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(46 148 255 / var(--tw-ring-opacity, 1));
 }
 
 
@@ -11436,6 +11869,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 +11891,11 @@ body {
 }
 
 
+.ring-white\/10 {
+  --tw-ring-color: rgb(255 255 255 / 0.1);
+}
+
+
 .ring-offset-1 {
   --tw-ring-offset-width: 1px;
 }
@@ -11456,8 +11906,8 @@ body {
 }
 
 
-.ring-offset-\[\#0F1117\] {
-  --tw-ring-offset-color: #0F1117;
+.ring-offset-\[\#050505\] {
+  --tw-ring-offset-color: #050505;
 }
 
 
@@ -11483,6 +11933,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 +11975,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);
@@ -11705,8 +12189,8 @@ body {
 
   /* ========== COLOR SYSTEM ========== */
   /* v0.5.0: Theme-aware colors - fallback to dark theme if ThemeProvider not used */
-  --color-bg-primary: var(--theme-bg-primary, #0F1117);
-  --color-bg-secondary: var(--theme-bg-secondary, #1A1D25);
+  --color-bg-primary: var(--theme-bg-primary, #050505);
+  --color-bg-secondary: var(--theme-bg-secondary, #0A0A0A);
   --color-bg-tertiary: var(--theme-bg-tertiary, #252A35);
 
   --color-text-primary: var(--theme-text-primary, #F8FAFC);
@@ -11913,7 +12397,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 +12481,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);
 }
 
 
@@ -12064,6 +12548,87 @@ body {
 }
 
 
+/* ============================================================================
+   ADD CARD BUTTON (v2.2.0)
+   Dashed-style button below each column — mirrors AddColumnButton visual
+   ============================================================================ */
+
+
+.asakaa-add-card {
+  padding: var(--space-2) 0 0;
+  flex-shrink: 0;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+
+.asakaa-add-card__button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-2);
+  width: 100%;
+  height: 40px;
+  padding: var(--space-2) var(--space-3);
+  font-size: var(--font-sm);
+  font-weight: var(--font-medium);
+  color: var(--color-text-tertiary);
+  background: transparent;
+  border: 2px dashed var(--color-border-primary);
+  border-radius: var(--radius-lg);
+  cursor: pointer;
+  transition: color var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);
+}
+
+
+.asakaa-add-card__button:hover:not(:disabled) {
+  color: var(--color-blue);
+  border-color: var(--color-blue);
+  background: rgba(59, 130, 246, var(--opacity-subtle));
+}
+
+
+.asakaa-add-card__button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+
+.asakaa-add-card--editing {
+  padding: 0;
+  background: rgba(10, 10, 10, 0.95);
+  backdrop-filter: blur(16px);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: var(--radius-lg);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
+  margin-top: var(--space-2);
+}
+
+
+/* Light theme overrides */
+
+
+.asakaa-board:not(.dark) .asakaa-add-card__button {
+  border-color: rgba(0, 0, 0, 0.15);
+  color: var(--color-text-tertiary);
+}
+
+
+.asakaa-board:not(.dark) .asakaa-add-card__button:hover:not(:disabled) {
+  border-color: var(--color-blue);
+  color: var(--color-blue);
+  background: rgba(59, 130, 246, 0.05);
+}
+
+
+.asakaa-board:not(.dark) .asakaa-add-card--editing {
+  background: white;
+  border-color: rgba(0, 0, 0, 0.1);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
+  backdrop-filter: none;
+}
+
+
 /* ============================================================================
    GANTT GRID SCROLL - v0.17.223
    Hide scrollbar on TaskGrid while keeping scroll functional
@@ -12193,35 +12758,43 @@ body {
 }
 
 
-.placeholder\:text-gray-500::-moz-placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+.placeholder\:text-white\/15::-moz-placeholder {
+  color: rgb(255 255 255 / 0.15);
 }
 
 
-.placeholder\:text-gray-500::placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
+.placeholder\:text-white\/15::placeholder {
+  color: rgb(255 255 255 / 0.15);
 }
 
 
-.placeholder\:opacity-40::-moz-placeholder {
-  opacity: 0.4;
+.placeholder\:text-white\/20::-moz-placeholder {
+  color: rgb(255 255 255 / 0.2);
 }
 
 
-.placeholder\:opacity-40::placeholder {
-  opacity: 0.4;
+.placeholder\:text-white\/20::placeholder {
+  color: rgb(255 255 255 / 0.2);
 }
 
 
-.placeholder\:opacity-50::-moz-placeholder {
-  opacity: 0.5;
+.placeholder\:text-white\/30::-moz-placeholder {
+  color: rgb(255 255 255 / 0.3);
 }
 
 
-.placeholder\:opacity-50::placeholder {
-  opacity: 0.5;
+.placeholder\:text-white\/30::placeholder {
+  color: rgb(255 255 255 / 0.3);
+}
+
+
+.placeholder\:opacity-40::-moz-placeholder {
+  opacity: 0.4;
+}
+
+
+.placeholder\:opacity-40::placeholder {
+  opacity: 0.4;
 }
 
 
@@ -12257,6 +12830,18 @@ body {
 }
 
 
+.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 +12865,12 @@ body {
 }
 
 
+.hover\:border-red-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
+}
+
+
 .hover\:border-white\/20:hover {
   border-color: rgb(255 255 255 / 0.2);
 }
@@ -12295,62 +12886,60 @@ body {
 }
 
 
-.hover\:bg-\[\#2563EB\]:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+.hover\:border-white\/\[0\.12\]:hover {
+  border-color: rgb(255 255 255 / 0.12);
 }
 
 
-.hover\:bg-\[\#2a2a3e\]:hover {
+.hover\:bg-\[\#005FCC\]:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(42 42 62 / var(--tw-bg-opacity, 1));
+  background-color: rgb(0 95 204 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-\[\#3B82F6\]:hover {
+.hover\:bg-\[\#0066CC\]:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+  background-color: rgb(0 102 204 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-\[\#3a3a4e\]:hover {
+.hover\:bg-\[\#007BFF\]:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(58 58 78 / var(--tw-bg-opacity, 1));
+  background-color: rgb(0 123 255 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-\[\#6D28D9\]:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1));
+.hover\:bg-\[\#007BFF\]\/25:hover {
+  background-color: rgb(0 123 255 / 0.25);
 }
 
 
-.hover\:bg-\[\#7C3AED\]:hover {
+.hover\:bg-\[\#007FFF\]:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
+  background-color: rgb(0 127 255 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-blue-500\/50:hover {
-  background-color: rgb(59 130 246 / 0.5);
+.hover\:bg-\[\#0E0E0E\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(14 14 14 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-blue-600:hover {
+.hover\:bg-blue-500:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
 }
 
 
-.hover\:bg-blue-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
+.hover\:bg-blue-500\/50:hover {
+  background-color: rgb(59 130 246 / 0.5);
 }
 
 
-.hover\:bg-emerald-600:hover {
+.hover\:bg-blue-600:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
 }
 
 
@@ -12390,12 +12979,6 @@ body {
 }
 
 
-.hover\:bg-red-50:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
-}
-
-
 .hover\:bg-red-500\/10:hover {
   background-color: rgb(239 68 68 / 0.1);
 }
@@ -12441,6 +13024,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 +13061,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));
 }
 
 
@@ -12492,18 +13085,6 @@ body {
 }
 
 
-.hover\:text-emerald-400:hover {
-  --tw-text-opacity: 1;
-  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
-}
-
-
-.hover\:text-gray-300:hover {
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
-}
-
-
 .hover\:text-gray-500:hover {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
@@ -12522,6 +13103,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 +13133,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 +13163,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);
@@ -12583,6 +13182,11 @@ body {
 }
 
 
+.focus\:border-\[var\(--focus-border\)\]:focus {
+  border-color: var(--focus-border);
+}
+
+
 .focus\:border-blue-500:focus {
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -12630,8 +13234,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);
 }
 
 
@@ -12641,11 +13245,6 @@ body {
 }
 
 
-.focus\:ring-blue-500\/50:focus {
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-}
-
-
 .focus\:ring-offset-1:focus {
   --tw-ring-offset-width: 1px;
 }
@@ -12675,8 +13274,8 @@ body {
 }
 
 
-.disabled\:opacity-40:disabled {
-  opacity: 0.4;
+.disabled\:opacity-30:disabled {
+  opacity: 0.3;
 }
 
 
@@ -12685,9 +13284,9 @@ body {
 }
 
 
-.disabled\:hover\:bg-emerald-500:hover:disabled {
-  --tw-bg-opacity: 1;
-  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
+.group\/card:hover .group-hover\/card\:text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
 
@@ -12696,15 +13295,6 @@ body {
 }
 
 
-@media (min-width: 640px) {
-
-
-  .sm\:inline-flex {
-    display: inline-flex;
-  }
-}
-
-
 @media (min-width: 768px) {
 
 
@@ -12733,6 +13323,15 @@ body {
 }
 
 
+@media (min-width: 1280px) {
+
+
+  .xl\:w-\[280px\] {
+    width: 280px;
+  }
+}
+
+
 @media (prefers-color-scheme: dark) {
 
 
@@ -12980,7 +13579,22 @@ body {
 }
 
 
-.\[\&\:\:-webkit-slider-thumb\]\:bg-\[\#3B82F6\]::-webkit-slider-thumb {
+.\[\&\:\:-webkit-slider-thumb\]\:bg-\[\#2E94FF\]::-webkit-slider-thumb {
   --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
+  background-color: rgb(46 148 255 / var(--tw-bg-opacity, 1));
+}
+
+
+.\[\&\>svg\]\:h-3>svg {
+  height: 0.75rem;
+}
+
+
+.\[\&\>svg\]\:h-3\.5>svg {
+  height: 0.875rem;
+}
+
+
+.\[\&\>svg\]\:w-3\.5>svg {
+  width: 0.875rem;
 }