npm - @rakun-kit/manager-react - Versions diffs - 1.2.0 → 1.3.1 - Mend

@rakun-kit/manager-react 1.2.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (728) hide show

package/dist/styles.css CHANGED Viewed

@@ -6,24 +6,50 @@
     --font-sans: var(--font-sans);
     --font-serif: var(--font-serif);
     --font-mono: var(--font-mono);
+    --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-200: oklch(88.5% 0.062 18.334);
+    --color-red-300: oklch(80.8% 0.114 19.571);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
-    --color-green-400: oklch(79.2% 0.209 151.711);
+    --color-red-700: oklch(50.5% 0.213 27.518);
+    --color-red-900: oklch(39.6% 0.141 25.723);
+    --color-amber-100: oklch(96.2% 0.059 95.617);
+    --color-amber-300: oklch(87.9% 0.169 91.605);
+    --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-amber-900: oklch(41.4% 0.112 45.904);
+    --color-emerald-100: oklch(95% 0.052 163.051);
+    --color-emerald-200: oklch(90.5% 0.093 164.15);
+    --color-emerald-300: oklch(84.5% 0.143 164.978);
+    --color-emerald-500: oklch(69.6% 0.17 162.48);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
+    --color-emerald-700: oklch(50.8% 0.118 165.612);
+    --color-emerald-900: oklch(37.8% 0.077 168.94);
     --color-blue-100: oklch(93.2% 0.032 255.585);
+    --color-blue-300: oklch(80.9% 0.105 251.813);
+    --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-blue-600: oklch(54.6% 0.245 262.881);
+    --color-blue-700: oklch(48.8% 0.243 264.376);
+    --color-purple-300: oklch(82.7% 0.119 306.383);
+    --color-purple-500: oklch(62.7% 0.265 303.9);
+    --color-purple-700: oklch(49.6% 0.265 301.924);
     --color-purple-900: oklch(38.1% 0.176 304.987);
     --color-gray-100: oklch(96.7% 0.003 264.542);
     --color-gray-200: oklch(92.8% 0.006 264.531);
     --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-gray-600: oklch(44.6% 0.03 256.802);
+    --color-neutral-950: oklch(14.5% 0 0);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
     --container-xs: 20rem;
     --container-sm: 24rem;
+    --container-md: 28rem;
     --container-lg: 32rem;
+    --container-xl: 36rem;
     --container-2xl: 42rem;
+    --container-3xl: 48rem;
     --container-5xl: 64rem;
+    --container-6xl: 72rem;
     --container-7xl: 80rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -235,6 +261,9 @@
   .pointer-events-none {
     pointer-events: none;
   }
+  .visible {
+    visibility: visible;
+  }
   .sr-only {
     position: absolute;
     width: 1px;
@@ -321,6 +350,9 @@
   .-right-1 {
     right: calc(var(--spacing) * -1);
   }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
   .right-1 {
     right: calc(var(--spacing) * 1);
   }
@@ -333,21 +365,36 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .bottom-12 {
+    bottom: calc(var(--spacing) * 12);
+  }
   .-left-\[1px\] {
     left: calc(1px * -1);
   }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
+  .left-1\/2 {
+    left: calc(1 / 2 * 100%);
+  }
   .z-10 {
     z-index: 10;
   }
   .z-20 {
     z-index: 20;
   }
+  .z-40 {
+    z-index: 40;
+  }
   .z-50 {
     z-index: 50;
   }
+  .z-55 {
+    z-index: 55;
+  }
+  .z-60 {
+    z-index: 60;
+  }
   .col-start-2 {
     grid-column-start: 2;
   }
@@ -420,6 +467,12 @@
   .ms-auto {
     margin-inline-start: auto;
   }
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
@@ -459,15 +512,27 @@
   .-ml-1 {
     margin-left: calc(var(--spacing) * -1);
   }
+  .ml-1 {
+    margin-left: calc(var(--spacing) * 1);
+  }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
+  .ml-3 {
+    margin-left: calc(var(--spacing) * 3);
+  }
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
   .ml-auto {
     margin-left: auto;
   }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .block {
     display: block;
   }
@@ -554,6 +619,10 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
+  .size-16 {
+    width: calc(var(--spacing) * 16);
+    height: calc(var(--spacing) * 16);
+  }
   .size-auto {
     width: auto;
     height: auto;
@@ -574,6 +643,9 @@
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
   .h-2\.5 {
     height: calc(var(--spacing) * 2.5);
   }
@@ -628,9 +700,6 @@
   .h-\[1\.15rem\] {
     height: 1.15rem;
   }
-  .h-\[65vh\] {
-    height: 65vh;
-  }
   .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
@@ -640,27 +709,27 @@
   .h-\[calc\(100\%-2px\)\] {
     height: calc(100% - 2px);
   }
+  .h-\[calc\(100vh-2rem\)\] {
+    height: calc(100vh - 2rem);
+  }
   .h-\[calc\(100vh-6rem\)\] {
     height: calc(100vh - 6rem);
   }
   .h-\[calc\(100vh-10rem\)\] {
     height: calc(100vh - 10rem);
   }
-  .h-\[calc\(100vh-11rem\)\] {
-    height: calc(100vh - 11rem);
-  }
   .h-\[calc\(100vh-14\.2rem\)\] {
     height: calc(100vh - 14.2rem);
   }
+  .h-\[calc\(100vh-14rem\)\] {
+    height: calc(100vh - 14rem);
+  }
   .h-\[var\(--radix-select-trigger-height\)\] {
     height: var(--radix-select-trigger-height);
   }
   .h-auto {
     height: auto;
   }
-  .h-fit {
-    height: fit-content;
-  }
   .h-full {
     height: 100%;
   }
@@ -679,18 +748,36 @@
   .max-h-\(--radix-select-content-available-height\) {
     max-height: var(--radix-select-content-available-height);
   }
+  .max-h-56 {
+    max-height: calc(var(--spacing) * 56);
+  }
+  .max-h-\[55vh\] {
+    max-height: 55vh;
+  }
   .max-h-\[60vh\] {
     max-height: 60vh;
   }
+  .max-h-\[70vh\] {
+    max-height: 70vh;
+  }
   .max-h-\[85vh\] {
     max-height: 85vh;
   }
+  .max-h-\[90vh\] {
+    max-height: 90vh;
+  }
+  .max-h-\[95vh\] {
+    max-height: 95vh;
+  }
   .max-h-\[200px\] {
     max-height: 200px;
   }
   .max-h-\[300px\] {
     max-height: 300px;
   }
+  .max-h-\[calc\(100vh-2rem\)\] {
+    max-height: calc(100vh - 2rem);
+  }
   .max-h-\[calc\(100vh-6rem\)\] {
     max-height: calc(100vh - 6rem);
   }
@@ -706,6 +793,12 @@
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
+  .min-h-20 {
+    min-height: calc(var(--spacing) * 20);
+  }
+  .min-h-28 {
+    min-height: calc(var(--spacing) * 28);
+  }
   .min-h-64 {
     min-height: calc(var(--spacing) * 64);
   }
@@ -715,6 +808,15 @@
   .min-h-80 {
     min-height: calc(var(--spacing) * 80);
   }
+  .min-h-88 {
+    min-height: calc(var(--spacing) * 88);
+  }
+  .min-h-130 {
+    min-height: calc(var(--spacing) * 130);
+  }
+  .min-h-\[55vh\] {
+    min-height: 55vh;
+  }
   .min-h-full {
     min-height: 100%;
   }
@@ -766,6 +868,9 @@
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
+  .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
@@ -826,6 +931,9 @@
   .w-\[calc\(100\%-2px\)\] {
     width: calc(100% - 2px);
   }
+  .w-\[calc\(100vw-2rem\)\] {
+    width: calc(100vw - 2rem);
+  }
   .w-auto {
     width: auto;
   }
@@ -847,12 +955,24 @@
   .max-w-\(--skeleton-width\) {
     max-width: var(--skeleton-width);
   }
+  .max-w-3xl\! {
+    max-width: var(--container-3xl) !important;
+  }
+  .max-w-5xl\! {
+    max-width: var(--container-5xl) !important;
+  }
   .max-w-7xl\! {
     max-width: var(--container-7xl) !important;
   }
+  .max-w-32 {
+    max-width: calc(var(--spacing) * 32);
+  }
   .max-w-\[95vw\] {
     max-width: 95vw;
   }
+  .max-w-\[95vw\]\! {
+    max-width: 95vw !important;
+  }
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -862,12 +982,15 @@
   .max-w-\[calc\(100vw-6\.5em\)\] {
     max-width: calc(100vw - 6.5em);
   }
-  .max-w-\[calc\(100vw-32px\)\] {
-    max-width: calc(100vw - 32px);
-  }
   .max-w-full {
     max-width: 100%;
   }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
+  .max-w-none {
+    max-width: none;
+  }
   .max-w-sm {
     max-width: var(--container-sm);
   }
@@ -889,15 +1012,21 @@
   .min-w-10 {
     min-width: calc(var(--spacing) * 10);
   }
+  .min-w-20 {
+    min-width: calc(var(--spacing) * 20);
+  }
   .min-w-56 {
     min-width: calc(var(--spacing) * 56);
   }
-  .min-w-150 {
-    min-width: calc(var(--spacing) * 150);
+  .min-w-130 {
+    min-width: calc(var(--spacing) * 130);
   }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
+  .min-w-\[320px\] {
+    min-width: 320px;
+  }
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
@@ -913,8 +1042,8 @@
   .flex-grow {
     flex-grow: 1;
   }
-  .table-fixed {
-    table-layout: fixed;
+  .table-auto {
+    table-layout: auto;
   }
   .caption-bottom {
     caption-side: bottom;
@@ -945,6 +1074,10 @@
     --tw-translate-x: -1px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-x-1\/2 {
+    --tw-translate-x: calc(1 / 2 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-\[-50\%\] {
     --tw-translate-x: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -957,6 +1090,10 @@
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-1\/2 {
+    --tw-translate-y: calc(1 / 2 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-\[-50\%\] {
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1001,6 +1138,18 @@
   .cursor-grabbing {
     cursor: grabbing;
   }
+  .cursor-move {
+    cursor: move;
+  }
+  .cursor-nesw-resize {
+    cursor: nesw-resize;
+  }
+  .cursor-ns-resize {
+    cursor: ns-resize;
+  }
+  .cursor-nwse-resize {
+    cursor: nwse-resize;
+  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1067,6 +1216,9 @@
   .grid-cols-\[20rem_minmax\(0\,1fr\)\] {
     grid-template-columns: 20rem minmax(0,1fr);
   }
+  .grid-cols-\[40px_56px_minmax\(0\,1fr\)\] {
+    grid-template-columns: 40px 56px minmax(0,1fr);
+  }
   .grid-cols-\[56px_minmax\(0\,1fr\)\] {
     grid-template-columns: 56px minmax(0,1fr);
   }
@@ -1133,6 +1285,9 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .gap-5 {
+    gap: calc(var(--spacing) * 5);
+  }
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
@@ -1142,6 +1297,13 @@
   .gap-8 {
     gap: calc(var(--spacing) * 8);
   }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1156,6 +1318,13 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-4 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1177,6 +1346,9 @@
       margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .gap-x-3 {
+    column-gap: calc(var(--spacing) * 3);
+  }
   .space-x-2 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1184,6 +1356,9 @@
       margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .gap-y-1 {
+    row-gap: calc(var(--spacing) * 1);
+  }
   .self-end {
     align-self: flex-end;
   }
@@ -1228,6 +1403,9 @@
   .rounded-\[4px\] {
     border-radius: 4px;
   }
+  .rounded-\[calc\(var\(--radius\)-8px\)\] {
+    border-radius: calc(var(--radius) - 8px);
+  }
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -1288,6 +1466,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .border-l-2 {
     border-left-style: var(--tw-border-style);
     border-left-width: 2px;
@@ -1304,6 +1486,24 @@
     --tw-border-style: solid;
     border-style: solid;
   }
+  .border-amber-300 {
+    border-color: var(--color-amber-300);
+  }
+  .border-amber-500\/25 {
+    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
+    }
+  }
+  .border-blue-500\/70 {
+    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-blue-500) 70%, transparent);
+    }
+  }
+  .border-border {
+    border-color: var(--border);
+  }
   .border-destructive {
     border-color: var(--destructive);
   }
@@ -1313,21 +1513,75 @@
       border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
     }
   }
+  .border-destructive\/40 {
+    border-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+    }
+  }
+  .border-destructive\/70 {
+    border-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--destructive) 70%, transparent);
+    }
+  }
+  .border-emerald-500\/20 {
+    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
+    }
+  }
+  .border-emerald-500\/25 {
+    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
+    }
+  }
   .border-input {
     border-color: var(--input);
   }
   .border-primary {
     border-color: var(--primary);
   }
+  .border-primary\/70 {
+    border-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--primary) 70%, transparent);
+    }
+  }
+  .border-purple-500\/70 {
+    border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-purple-500) 70%, transparent);
+    }
+  }
   .border-red-500 {
     border-color: var(--color-red-500);
   }
+  .border-red-500\/20 {
+    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+    }
+  }
+  .border-red-500\/25 {
+    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
+    }
+  }
+  .border-ring {
+    border-color: var(--ring);
+  }
   .border-sidebar-border {
     border-color: var(--sidebar-border);
   }
   .border-transparent {
     border-color: transparent;
   }
+  .border-white {
+    border-color: var(--color-white);
+  }
   .border-s-transparent {
     border-inline-start-color: transparent;
   }
@@ -1343,12 +1597,30 @@
   .bg-accent {
     background-color: var(--accent);
   }
+  .bg-accent\/30 {
+    background-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent) 30%, transparent);
+    }
+  }
   .bg-accent\/50 {
     background-color: var(--accent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--accent) 50%, transparent);
     }
   }
+  .bg-amber-500\/5 {
+    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);
+    }
+  }
+  .bg-amber-500\/10 {
+    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
+    }
+  }
   .bg-background {
     background-color: var(--background);
   }
@@ -1358,15 +1630,39 @@
       background-color: color-mix(in oklab, var(--background) 50%, transparent);
     }
   }
+  .bg-background\/60 {
+    background-color: var(--background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--background) 60%, transparent);
+    }
+  }
+  .bg-background\/70 {
+    background-color: var(--background);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--background) 70%, transparent);
+    }
+  }
   .bg-black\/50 {
     background-color: color-mix(in srgb, #000 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
     }
   }
+  .bg-black\/80 {
+    background-color: color-mix(in srgb, #000 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
+    }
+  }
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
+  .bg-blue-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
+    }
+  }
   .bg-border {
     background-color: var(--border);
   }
@@ -1376,24 +1672,45 @@
   .bg-destructive {
     background-color: var(--destructive);
   }
+  .bg-destructive\/5 {
+    background-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
+    }
+  }
   .bg-destructive\/10 {
     background-color: var(--destructive);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
     }
   }
+  .bg-emerald-500\/5 {
+    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);
+    }
+  }
+  .bg-emerald-500\/15 {
+    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
+    }
+  }
   .bg-foreground {
     background-color: var(--foreground);
   }
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
-  .bg-green-400 {
-    background-color: var(--color-green-400);
-  }
   .bg-muted {
     background-color: var(--muted);
   }
+  .bg-muted\/20 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
+    }
+  }
   .bg-muted\/30 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1412,12 +1729,21 @@
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
+  .bg-neutral-950 {
+    background-color: var(--color-neutral-950);
+  }
   .bg-popover {
     background-color: var(--popover);
   }
   .bg-primary {
     background-color: var(--primary);
   }
+  .bg-primary\/10 {
+    background-color: var(--primary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
+    }
+  }
   .bg-primary\/20 {
     background-color: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1430,6 +1756,24 @@
       background-color: color-mix(in oklab, var(--primary) 50%, transparent);
     }
   }
+  .bg-purple-500\/10 {
+    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
+    }
+  }
+  .bg-red-500\/5 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
+    }
+  }
+  .bg-red-500\/15 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
+    }
+  }
   .bg-red-600 {
     background-color: var(--color-red-600);
   }
@@ -1451,12 +1795,21 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .bg-white {
+    background-color: var(--color-white);
+  }
   .fill-current {
     fill: currentcolor;
   }
+  .fill-popover {
+    fill: var(--popover);
+  }
   .fill-primary {
     fill: var(--primary);
   }
+  .stroke-border {
+    stroke: var(--border);
+  }
   .object-contain {
     object-fit: contain;
   }
@@ -1502,6 +1855,9 @@
   .p-px {
     padding: 1px;
   }
+  .px-0\.5 {
+    padding-inline: calc(var(--spacing) * 0.5);
+  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -1571,14 +1927,11 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
-  .pt-6 {
-    padding-top: calc(var(--spacing) * 6);
-  }
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
-  .pr-4 {
-    padding-right: calc(var(--spacing) * 4);
+  .pr-2 {
+    padding-right: calc(var(--spacing) * 2);
   }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
@@ -1592,6 +1945,9 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-3 {
+    padding-left: calc(var(--spacing) * 3);
+  }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -1648,12 +2004,19 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-\[10px\] {
+    font-size: 10px;
+  }
   .text-\[11px\] {
     font-size: 11px;
   }
   .text-\[13px\] {
     font-size: 13px;
   }
+  .leading-5 {
+    --tw-leading: calc(var(--spacing) * 5);
+    line-height: calc(var(--spacing) * 5);
+  }
   .leading-6 {
     --tw-leading: calc(var(--spacing) * 6);
     line-height: calc(var(--spacing) * 6);
@@ -1716,6 +2079,12 @@
   .break-words {
     overflow-wrap: break-word;
   }
+  .wrap-break-word {
+    overflow-wrap: break-word;
+  }
+  .break-all {
+    word-break: break-all;
+  }
   .text-ellipsis {
     text-overflow: ellipsis;
   }
@@ -1725,15 +2094,21 @@
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
+  .\!text-destructive {
+    color: var(--destructive) !important;
+  }
   .text-accent-foreground {
     color: var(--accent-foreground);
   }
-  .text-background {
-    color: var(--background);
+  .text-amber-900 {
+    color: var(--color-amber-900);
   }
   .text-blue-600 {
     color: var(--color-blue-600);
   }
+  .text-blue-700 {
+    color: var(--color-blue-700);
+  }
   .text-card-foreground {
     color: var(--card-foreground);
   }
@@ -1743,6 +2118,12 @@
   .text-destructive {
     color: var(--destructive);
   }
+  .text-emerald-700 {
+    color: var(--color-emerald-700);
+  }
+  .text-emerald-900 {
+    color: var(--color-emerald-900);
+  }
   .text-foreground {
     color: var(--foreground);
   }
@@ -1776,12 +2157,21 @@
       color: color-mix(in oklab, var(--primary) 20%, transparent);
     }
   }
+  .text-purple-700 {
+    color: var(--color-purple-700);
+  }
   .text-purple-900 {
     color: var(--color-purple-900);
   }
   .text-red-500 {
     color: var(--color-red-500);
   }
+  .text-red-700 {
+    color: var(--color-red-700);
+  }
+  .text-red-900 {
+    color: var(--color-red-900);
+  }
   .text-secondary-foreground {
     color: var(--secondary-foreground);
   }
@@ -1797,12 +2187,21 @@
   .text-sidebar-primary-foreground {
     color: var(--sidebar-primary-foreground);
   }
+  .text-transparent {
+    color: transparent;
+  }
   .text-white {
     color: var(--color-white);
   }
+  .capitalize {
+    text-transform: capitalize;
+  }
   .lowercase {
     text-transform: lowercase;
   }
+  .uppercase {
+    text-transform: uppercase;
+  }
   .italic {
     font-style: italic;
   }
@@ -1816,6 +2215,15 @@
   .underline {
     text-decoration-line: underline;
   }
+  .decoration-emerald-600 {
+    text-decoration-color: var(--color-emerald-600);
+  }
+  .decoration-red-700 {
+    text-decoration-color: var(--color-red-700);
+  }
+  .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
@@ -1836,6 +2244,10 @@
     --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.55\)\,0_0_0_9999px_rgba\(0\,0\,0\,0\.48\)\] {
+    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0,0,0,0.55)), 0 0 0 9999px var(--tw-shadow-color, rgba(0,0,0,0.48));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-lg {
     --tw-shadow: var(--shadow-lg);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1860,13 +2272,33 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-2 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-\[3px\] {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-neutral-950\/15 {
+    --tw-ring-color: color-mix(in srgb, oklch(14.5% 0 0) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-neutral-950) 15%, transparent);
+    }
+  }
   .ring-primary {
     --tw-ring-color: var(--primary);
   }
+  .ring-ring\/50 {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
   .ring-sidebar-ring {
     --tw-ring-color: var(--sidebar-ring);
   }
@@ -1889,6 +2321,10 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .blur {
+    --tw-blur: blur(8px);
+    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,);
+  }
   .filter {
     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,);
   }
@@ -2011,6 +2447,9 @@
   .running {
     animation-play-state: running;
   }
+  .slide-in-from-bottom-3 {
+    --tw-enter-translate-y: calc(3*var(--spacing));
+  }
   .group-focus-within\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):focus-within *) {
       opacity: 100%;
@@ -2550,6 +2989,12 @@
       border-color: var(--color-white);
     }
   }
+  .after\:bg-destructive {
+    &::after {
+      content: var(--tw-content);
+      background-color: var(--destructive);
+    }
+  }
   .after\:bg-foreground {
     &::after {
       content: var(--tw-content);
@@ -2726,6 +3171,16 @@
       }
     }
   }
+  .hover\:bg-accent\/20 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--accent) 20%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-accent\/30 {
     &:hover {
       @media (hover: hover) {
@@ -2756,16 +3211,23 @@
       }
     }
   }
-  .hover\:bg-destructive\/90 {
+  .hover\:bg-blue-500\/10 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--destructive);
+        background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
+          background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
         }
       }
     }
   }
+  .hover\:bg-destructive {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--destructive);
+      }
+    }
+  }
   .hover\:bg-muted {
     &:hover {
       @media (hover: hover) {
@@ -2773,6 +3235,16 @@
       }
     }
   }
+  .hover\:bg-muted\/40 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--muted);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--muted) 40%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted\/50 {
     &:hover {
       @media (hover: hover) {
@@ -2783,6 +3255,16 @@
       }
     }
   }
+  .hover\:bg-primary\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--primary) 10%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-primary\/90 {
     &:hover {
       @media (hover: hover) {
@@ -2793,6 +3275,16 @@
       }
     }
   }
+  .hover\:bg-purple-500\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-secondary\/80 {
     &:hover {
       @media (hover: hover) {
@@ -2824,6 +3316,13 @@
       }
     }
   }
+  .hover\:text-destructive {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--destructive);
+      }
+    }
+  }
   .hover\:text-foreground {
     &:hover {
       @media (hover: hover) {
@@ -2845,6 +3344,13 @@
       }
     }
   }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -3002,6 +3508,14 @@
       }
     }
   }
+  .focus-visible\:ring-white\/80 {
+    &:focus-visible {
+      --tw-ring-color: color-mix(in srgb, #fff 80%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);
+      }
+    }
+  }
   .focus-visible\:ring-offset-1 {
     &:focus-visible {
       --tw-ring-offset-width: 1px;
@@ -3486,6 +4000,14 @@
       background-color: var(--accent);
     }
   }
+  .data-\[selected\=true\]\:bg-accent\/40 {
+    &[data-selected="true"] {
+      background-color: var(--accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--accent) 40%, transparent);
+      }
+    }
+  }
   .data-\[selected\=true\]\:text-accent-foreground {
     &[data-selected="true"] {
       color: var(--accent-foreground);
@@ -3625,6 +4147,11 @@
       background-color: var(--background);
     }
   }
+  .data-\[state\=active\]\:\!text-destructive {
+    &[data-state="active"] {
+      color: var(--destructive) !important;
+    }
+  }
   .data-\[state\=active\]\:text-foreground {
     &[data-state="active"] {
       color: var(--foreground);
@@ -4024,6 +4551,16 @@
       display: flex;
     }
   }
+  .sm\:hidden {
+    @media (width >= 40rem) {
+      display: none;
+    }
+  }
+  .sm\:inline {
+    @media (width >= 40rem) {
+      display: inline;
+    }
+  }
   .sm\:w-48 {
     @media (width >= 40rem) {
       width: calc(var(--spacing) * 48);
@@ -4034,14 +4571,19 @@
       width: calc(var(--spacing) * 72);
     }
   }
+  .sm\:w-auto {
+    @media (width >= 40rem) {
+      width: auto;
+    }
+  }
   .sm\:max-w-2xl {
     @media (width >= 40rem) {
       max-width: var(--container-2xl);
     }
   }
-  .sm\:max-w-5xl {
+  .sm\:max-w-6xl {
     @media (width >= 40rem) {
-      max-width: var(--container-5xl);
+      max-width: var(--container-6xl);
     }
   }
   .sm\:max-w-lg {
@@ -4049,11 +4591,26 @@
       max-width: var(--container-lg);
     }
   }
+  .sm\:max-w-md {
+    @media (width >= 40rem) {
+      max-width: var(--container-md);
+    }
+  }
+  .sm\:max-w-none {
+    @media (width >= 40rem) {
+      max-width: none;
+    }
+  }
   .sm\:max-w-sm {
     @media (width >= 40rem) {
       max-width: var(--container-sm);
     }
   }
+  .sm\:max-w-xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-xl);
+    }
+  }
   .sm\:grid-cols-2 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -4084,11 +4641,21 @@
       justify-content: flex-end;
     }
   }
+  .sm\:justify-start {
+    @media (width >= 40rem) {
+      justify-content: flex-start;
+    }
+  }
   .sm\:gap-2\.5 {
     @media (width >= 40rem) {
       gap: calc(var(--spacing) * 2.5);
     }
   }
+  .sm\:self-auto {
+    @media (width >= 40rem) {
+      align-self: auto;
+    }
+  }
   .sm\:ps-2\.5 {
     @media (width >= 40rem) {
       padding-inline-start: calc(var(--spacing) * 2.5);
@@ -4114,6 +4681,11 @@
       margin-left: calc(var(--spacing) * 0);
     }
   }
+  .md\:ml-auto {
+    @media (width >= 48rem) {
+      margin-left: auto;
+    }
+  }
   .md\:block {
     @media (width >= 48rem) {
       display: block;
@@ -4129,14 +4701,14 @@
       min-height: min-content;
     }
   }
-  .md\:max-w-\[calc\(100vw-6\.5em\)\] {
+  .md\:w-md {
     @media (width >= 48rem) {
-      max-width: calc(100vw - 6.5em);
+      width: var(--container-md);
     }
   }
-  .md\:max-w-\[calc\(100vw-18em\)\] {
+  .md\:max-w-\[calc\(100vw-6\.5em\)\] {
     @media (width >= 48rem) {
-      max-width: calc(100vw - 18em);
+      max-width: calc(100vw - 6.5em);
     }
   }
   .md\:max-w-\[calc\(100vw-23em\)\] {
@@ -4144,9 +4716,9 @@
       max-width: calc(100vw - 23em);
     }
   }
-  .md\:max-w-\[calc\(100vw-32px\)\] {
+  .md\:max-w-md {
     @media (width >= 48rem) {
-      max-width: calc(100vw - 32px);
+      max-width: var(--container-md);
     }
   }
   .md\:grid-cols-2 {
@@ -4164,6 +4736,21 @@
       grid-template-columns: 1fr 2fr;
     }
   }
+  .md\:grid-cols-\[1fr_auto\] {
+    @media (width >= 48rem) {
+      grid-template-columns: 1fr auto;
+    }
+  }
+  .md\:grid-cols-\[13rem_minmax\(0\,1fr\)_10rem\] {
+    @media (width >= 48rem) {
+      grid-template-columns: 13rem minmax(0,1fr) 10rem;
+    }
+  }
+  .md\:grid-cols-\[40px_56px_minmax\(0\,1fr\)_minmax\(0\,180px\)\] {
+    @media (width >= 48rem) {
+      grid-template-columns: 40px 56px minmax(0,1fr) minmax(0,180px);
+    }
+  }
   .md\:grid-cols-\[56px_minmax\(0\,1fr\)_minmax\(0\,180px\)\] {
     @media (width >= 48rem) {
       grid-template-columns: 56px minmax(0,1fr) minmax(0,180px);
@@ -4174,6 +4761,36 @@
       grid-template-columns: 320px 1fr;
     }
   }
+  .md\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
+    @media (width >= 48rem) {
+      grid-template-columns: auto minmax(0,1fr) auto;
+    }
+  }
+  .md\:grid-cols-\[minmax\(0\,1fr\)_11rem\] {
+    @media (width >= 48rem) {
+      grid-template-columns: minmax(0,1fr) 11rem;
+    }
+  }
+  .md\:flex-row {
+    @media (width >= 48rem) {
+      flex-direction: row;
+    }
+  }
+  .md\:items-center {
+    @media (width >= 48rem) {
+      align-items: center;
+    }
+  }
+  .md\:items-start {
+    @media (width >= 48rem) {
+      align-items: flex-start;
+    }
+  }
+  .md\:justify-self-end {
+    @media (width >= 48rem) {
+      justify-self: flex-end;
+    }
+  }
   .md\:rounded-xl {
     @media (width >= 48rem) {
       border-radius: calc(var(--radius) + 4px);
@@ -4252,9 +4869,9 @@
       height: calc(100vh - 6rem);
     }
   }
-  .lg\:grid-cols-3 {
+  .lg\:min-h-\[70vh\] {
     @media (width >= 64rem) {
-      grid-template-columns: repeat(3, minmax(0, 1fr));
+      min-height: 70vh;
     }
   }
   .lg\:grid-cols-6 {
@@ -4262,9 +4879,24 @@
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
   }
-  .lg\:grid-cols-\[18rem_minmax\(0\,1fr\)\] {
+  .lg\:grid-cols-\[1\.2fr_0\.8fr\] {
+    @media (width >= 64rem) {
+      grid-template-columns: 1.2fr 0.8fr;
+    }
+  }
+  .lg\:grid-cols-\[360px_minmax\(0\,1fr\)\] {
+    @media (width >= 64rem) {
+      grid-template-columns: 360px minmax(0,1fr);
+    }
+  }
+  .lg\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
     @media (width >= 64rem) {
-      grid-template-columns: 18rem minmax(0,1fr);
+      grid-template-columns: minmax(0,1fr) 18rem;
+    }
+  }
+  .lg\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
+    @media (width >= 64rem) {
+      grid-template-columns: minmax(0,1fr) 340px;
     }
   }
   .lg\:flex-row {
@@ -4289,11 +4921,26 @@
       line-height: var(--tw-leading, var(--text-5xl--line-height));
     }
   }
+  .xl\:sticky {
+    @media (width >= 80rem) {
+      position: sticky;
+    }
+  }
+  .xl\:top-20 {
+    @media (width >= 80rem) {
+      top: calc(var(--spacing) * 20);
+    }
+  }
   .xl\:block {
     @media (width >= 80rem) {
       display: block;
     }
   }
+  .xl\:h-\[calc\(100vh-15rem\)\] {
+    @media (width >= 80rem) {
+      height: calc(100vh - 15rem);
+    }
+  }
   .xl\:grid-cols-2 {
     @media (width >= 80rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -4309,6 +4956,11 @@
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
   }
+  .xl\:grid-cols-\[40px_56px_minmax\(0\,1fr\)_minmax\(0\,180px\)_110px\] {
+    @media (width >= 80rem) {
+      grid-template-columns: 40px 56px minmax(0,1fr) minmax(0,180px) 110px;
+    }
+  }
   .xl\:grid-cols-\[56px_minmax\(0\,1fr\)_minmax\(0\,180px\)_110px\] {
     @media (width >= 80rem) {
       grid-template-columns: 56px minmax(0,1fr) minmax(0,180px) 110px;
@@ -4450,6 +5102,31 @@
       }
     }
   }
+  .dark\:text-amber-100 {
+    &:is(.dark *) {
+      color: var(--color-amber-100);
+    }
+  }
+  .dark\:text-blue-300 {
+    &:is(.dark *) {
+      color: var(--color-blue-300);
+    }
+  }
+  .dark\:text-emerald-100 {
+    &:is(.dark *) {
+      color: var(--color-emerald-100);
+    }
+  }
+  .dark\:text-emerald-200 {
+    &:is(.dark *) {
+      color: var(--color-emerald-200);
+    }
+  }
+  .dark\:text-emerald-300 {
+    &:is(.dark *) {
+      color: var(--color-emerald-300);
+    }
+  }
   .dark\:text-gray-600 {
     &:is(.dark *) {
       color: var(--color-gray-600);
@@ -4460,6 +5137,26 @@
       color: var(--muted-foreground);
     }
   }
+  .dark\:text-purple-300 {
+    &:is(.dark *) {
+      color: var(--color-purple-300);
+    }
+  }
+  .dark\:text-red-100 {
+    &:is(.dark *) {
+      color: var(--color-red-100);
+    }
+  }
+  .dark\:text-red-200 {
+    &:is(.dark *) {
+      color: var(--color-red-200);
+    }
+  }
+  .dark\:text-red-300 {
+    &:is(.dark *) {
+      color: var(--color-red-300);
+    }
+  }
   .dark\:hover\:bg-accent\/50 {
     &:is(.dark *) {
       &:hover {
@@ -4472,6 +5169,15 @@
       }
     }
   }
+  .dark\:hover\:bg-destructive {
+    &:is(.dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--destructive);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-input\/50 {
     &:is(.dark *) {
       &:hover {
@@ -4869,6 +5575,21 @@
       display: none;
     }
   }
+  .\[\&\>div\]\:\!block {
+    &>div {
+      display: block !important;
+    }
+  }
+  .\[\&\>div\]\:\!w-full {
+    &>div {
+      width: 100% !important;
+    }
+  }
+  .\[\&\>div\]\:\!min-w-0 {
+    &>div {
+      min-width: calc(var(--spacing) * 0) !important;
+    }
+  }
   .\[\&\>li\]\:mt-2 {
     &>li {
       margin-top: calc(var(--spacing) * 2);
@@ -4886,6 +5607,11 @@
       pointer-events: none;
     }
   }
+  .\[\&\>svg\]\:invisible {
+    &>svg {
+      visibility: hidden;
+    }
+  }
   .\[\&\>svg\]\:size-3 {
     &>svg {
       width: calc(var(--spacing) * 3);
@@ -5236,131 +5962,131 @@
   list-style-type: disclosure-open;
 }
 @font-face {
-  font-family: "Inter Variable";
-  src: url("./fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
+  font-family: 'Inter Variable';
+  src: url('./fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
 }
 @font-face {
-  font-family: "Inter Variable";
-  src: url("./fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
+  font-family: 'Inter Variable';
+  src: url('./fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
 }
 @font-face {
-  font-family: "Space Grotesk Variable";
-  src: url("./fonts/SpaceGrotesk-VariableFont_wght.ttf") format("truetype");
+  font-family: 'Space Grotesk Variable';
+  src: url('./fonts/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
   font-style: normal;
   font-weight: 300 700;
   font-display: swap;
 }
 :root {
-  --background: rgb(251, 250, 248);
-  --foreground: rgb(54, 36, 23);
-  --card: rgb(247, 245, 242);
-  --card-foreground: rgb(54, 36, 23);
-  --popover: rgb(251, 250, 248);
-  --popover-foreground: rgb(54, 36, 23);
-  --primary: rgb(36, 158, 87);
-  --primary-foreground: rgb(251, 250, 248);
-  --secondary: rgb(129, 84, 44);
-  --secondary-foreground: rgb(255, 251, 245);
-  --muted: rgb(238, 235, 232);
-  --muted-foreground: rgb(126, 113, 103);
-  --accent: rgb(232, 247, 238);
-  --accent-foreground: rgb(24, 104, 57);
-  --destructive: rgb(230, 76, 76);
+  --background: rgb(255, 255, 255);
+  --foreground: rgb(20, 26, 31);
+  --card: rgb(255, 255, 255);
+  --card-foreground: rgb(20, 26, 31);
+  --popover: rgb(255, 255, 255);
+  --popover-foreground: rgb(20, 26, 31);
+  --primary: rgb(42, 187, 103);
+  --primary-foreground: rgb(255, 255, 255);
+  --secondary: rgb(240, 242, 244);
+  --secondary-foreground: rgb(20, 26, 31);
+  --muted: rgb(240, 242, 244);
+  --muted-foreground: rgb(103, 115, 126);
+  --accent: rgb(224, 245, 234);
+  --accent-foreground: rgb(33, 145, 80);
+  --destructive: rgb(184, 65, 57);
   --destructive-foreground: rgb(255, 255, 255);
-  --border: rgb(229, 225, 220);
-  --input: rgb(238, 235, 232);
-  --ring: rgb(36, 158, 87);
-  --chart-1: rgb(36, 158, 87);
-  --chart-2: rgb(129, 84, 44);
-  --chart-3: rgb(57, 172, 134);
-  --chart-4: rgb(203, 130, 77);
-  --chart-5: rgb(117, 189, 141);
-  --sidebar: rgb(247, 245, 242);
-  --sidebar-foreground: rgb(69, 48, 33);
-  --sidebar-primary: rgb(36, 158, 87);
-  --sidebar-primary-foreground: rgb(251, 250, 248);
-  --sidebar-accent: rgb(245, 234, 225);
-  --sidebar-accent-foreground: rgb(95, 62, 33);
-  --sidebar-border: rgb(229, 225, 220);
-  --sidebar-ring: rgb(36, 158, 87);
-  --font-sans: Inter, system-ui, sans-serif;
+  --border: rgb(226, 230, 233);
+  --input: rgb(226, 230, 233);
+  --ring: rgb(42, 187, 103);
+  --chart-1: rgb(42, 187, 103);
+  --chart-2: rgb(87, 102, 117);
+  --chart-3: rgb(112, 194, 146);
+  --chart-4: rgb(143, 153, 163);
+  --chart-5: rgb(194, 214, 202);
+  --sidebar: rgb(247, 248, 247);
+  --sidebar-foreground: rgb(20, 26, 31);
+  --sidebar-primary: rgb(42, 187, 103);
+  --sidebar-primary-foreground: rgb(255, 255, 255);
+  --sidebar-accent: rgb(224, 245, 234);
+  --sidebar-accent-foreground: rgb(33, 145, 80);
+  --sidebar-border: rgb(237, 240, 242);
+  --sidebar-ring: rgb(42, 187, 103);
+  --font-sans: Open Sans, ui-sans-serif, sans-serif, system-ui;
   --font-serif: Georgia, serif;
-  --font-mono: JetBrains Mono, monospace;
-  --radius: 0.5rem;
+  --font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
+  --radius: 1.3rem;
   --shadow-x: 0px;
-  --shadow-y: 4px;
-  --shadow-blur: 12px;
+  --shadow-y: 2px;
+  --shadow-blur: 10px;
   --shadow-spread: 0px;
   --shadow-opacity: 0;
-  --shadow-color: hsl(25, 40%, 10%);
-  --shadow-2xs: 0px 4px 12px 0px hsl(25 40% 10% / 0);
-  --shadow-xs: 0px 4px 12px 0px hsl(25 40% 10% / 0);
-  --shadow-sm: 0px 4px 12px 0px hsl(25 40% 10% / 0), 0px 1px 2px -1px hsl(25 40% 10% / 0);
-  --shadow: 0px 4px 12px 0px hsl(25 40% 10% / 0), 0px 1px 2px -1px hsl(25 40% 10% / 0);
-  --shadow-md: 0px 4px 12px 0px hsl(25 40% 10% / 0), 0px 2px 4px -1px hsl(25 40% 10% / 0);
-  --shadow-lg: 0px 4px 12px 0px hsl(25 40% 10% / 0), 0px 4px 6px -1px hsl(25 40% 10% / 0);
-  --shadow-xl: 0px 4px 12px 0px hsl(25 40% 10% / 0), 0px 8px 10px -1px hsl(25 40% 10% / 0);
-  --shadow-2xl: 0px 4px 12px 0px hsl(25 40% 10% / 0);
-  --tracking-normal: -0.01em;
+  --shadow-color: #000000;
+  --shadow-2xs: 0px 2px 10px 0px hsl(0 0% 0% / 0);
+  --shadow-xs: 0px 2px 10px 0px hsl(0 0% 0% / 0);
+  --shadow-sm: 0px 2px 10px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
+  --shadow: 0px 2px 10px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
+  --shadow-md: 0px 2px 10px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
+  --shadow-lg: 0px 2px 10px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
+  --shadow-xl: 0px 2px 10px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
+  --shadow-2xl: 0px 2px 10px 0px hsl(0 0% 0% / 0);
+  --tracking-normal: 0em;
   --spacing: 0.25rem;
 }
 .dark {
-  --background: rgb(26, 20, 15);
-  --foreground: rgb(237, 231, 222);
-  --card: rgb(37, 30, 24);
-  --card-foreground: rgb(228, 219, 205);
-  --popover: rgb(26, 20, 15);
-  --popover-foreground: rgb(237, 231, 222);
+  --background: rgb(10, 13, 15);
+  --foreground: rgb(255, 255, 255);
+  --card: rgb(10, 13, 15);
+  --card-foreground: rgb(255, 255, 255);
+  --popover: rgb(16, 20, 24);
+  --popover-foreground: rgb(255, 255, 255);
   --primary: rgb(42, 187, 103);
-  --primary-foreground: rgb(26, 20, 15);
-  --secondary: rgb(152, 99, 52);
-  --secondary-foreground: rgb(255, 251, 245);
-  --muted: rgb(44, 37, 33);
-  --muted-foreground: rgb(175, 167, 157);
-  --accent: rgb(11, 50, 27);
-  --accent-foreground: rgb(159, 223, 186);
-  --destructive: rgb(189, 40, 40);
-  --destructive-foreground: rgb(250, 250, 250);
-  --border: rgb(53, 45, 39);
-  --input: rgb(44, 37, 33);
+  --primary-foreground: rgb(33, 38, 44);
+  --secondary: rgb(33, 38, 44);
+  --secondary-foreground: rgb(255, 255, 255);
+  --muted: rgb(33, 38, 44);
+  --muted-foreground: rgb(143, 153, 163);
+  --accent: rgb(26, 31, 35);
+  --accent-foreground: rgb(193, 241, 213);
+  --destructive: rgb(196, 72, 65);
+  --destructive-foreground: rgb(255, 255, 255);
+  --border: rgb(43, 51, 59);
+  --input: rgb(43, 51, 59);
   --ring: rgb(42, 187, 103);
   --chart-1: rgb(42, 187, 103);
-  --chart-2: rgb(152, 99, 52);
-  --chart-3: rgb(70, 185, 147);
-  --chart-4: rgb(179, 119, 77);
-  --chart-5: rgb(106, 175, 129);
-  --sidebar: rgb(20, 15, 11);
-  --sidebar-foreground: rgb(224, 218, 209);
+  --chart-2: rgb(108, 128, 147);
+  --chart-3: rgb(61, 143, 95);
+  --chart-4: rgb(69, 77, 84);
+  --chart-5: rgb(41, 61, 49);
+  --sidebar: rgb(23, 24, 28);
+  --sidebar-foreground: rgb(255, 255, 255);
   --sidebar-primary: rgb(42, 187, 103);
-  --sidebar-primary-foreground: rgb(26, 20, 15);
-  --sidebar-accent: rgb(54, 37, 23);
-  --sidebar-accent-foreground: rgb(222, 189, 160);
-  --sidebar-border: rgb(41, 35, 30);
+  --sidebar-primary-foreground: rgb(255, 255, 255);
+  --sidebar-accent: rgb(26, 31, 35);
+  --sidebar-accent-foreground: rgb(193, 241, 213);
+  --sidebar-border: rgb(33, 38, 44);
   --sidebar-ring: rgb(42, 187, 103);
-  --font-sans: Inter, system-ui, sans-serif;
+  --font-sans: Open Sans, ui-sans-serif, sans-serif, system-ui;
   --font-serif: Georgia, serif;
-  --font-mono: JetBrains Mono, monospace;
-  --radius: 0.5rem;
+  --font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
+  --radius: 1.3rem;
   --shadow-x: 0px;
-  --shadow-y: 10px;
-  --shadow-blur: 25px;
+  --shadow-y: 2px;
+  --shadow-blur: 20px;
   --shadow-spread: 0px;
   --shadow-opacity: 0;
-  --shadow-color: hsl(0, 0%, 0%);
-  --shadow-2xs: 0px 10px 25px 0px hsl(0 0% 0% / 0);
-  --shadow-xs: 0px 10px 25px 0px hsl(0 0% 0% / 0);
-  --shadow-sm: 0px 10px 25px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
-  --shadow: 0px 10px 25px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
-  --shadow-md: 0px 10px 25px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
-  --shadow-lg: 0px 10px 25px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
-  --shadow-xl: 0px 10px 25px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
-  --shadow-2xl: 0px 10px 25px 0px hsl(0 0% 0% / 0);
+  --shadow-color: #000000;
+  --shadow-2xs: 0px 2px 20px 0px hsl(0 0% 0% / 0);
+  --shadow-xs: 0px 2px 20px 0px hsl(0 0% 0% / 0);
+  --shadow-sm: 0px 2px 20px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
+  --shadow: 0px 2px 20px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
+  --shadow-md: 0px 2px 20px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
+  --shadow-lg: 0px 2px 20px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
+  --shadow-xl: 0px 2px 20px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
+  --shadow-2xl: 0px 2px 20px 0px hsl(0 0% 0% / 0);
 }
 .shiki {
   padding: 1rem;
@@ -5369,6 +6095,21 @@
   overflow: auto;
   white-space: break-spaces;
 }
+.rakun-manager-preview-selected {
+  outline: 1px solid var(--primary);
+  outline-offset: -1px;
+  border-radius: 1.5rem;
+  animation: rakun-manager-preview-selected 2.2s ease-out;
+}
+@keyframes rakun-manager-preview-selected {
+  0%,
+  100% {
+    box-shadow: 0 0 0 0 rgba(42, 187, 103, 0);
+  }
+  18% {
+    box-shadow: 0 0 0 6px rgba(42, 187, 103, 0.18);
+  }
+}
 @layer base {
   * {
     border-color: var(--border);