@parto-system-design/ui 1.1.2 → 1.1.3

package/dist/index.css

@@ -1,12 +1,9 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 @layer properties;
 .\@container\/field-group {
   container-type: inline-size;
   container-name: field-group;
 }
-.pointer-events-auto {
-  pointer-events: auto;
-}
 .pointer-events-none {
   pointer-events: none;
 }
@@ -27,9 +24,6 @@
   white-space: nowrap;
   border-width: 0;
 }
-.\!absolute {
-  position: absolute !important;
-}
 .absolute {
   position: absolute;
 }
@@ -39,20 +33,23 @@
 .relative {
   position: relative;
 }
-.\!start-auto {
-  inset-inline-start: auto !important;
+.static {
+  position: static;
+}
+.sticky {
+  position: sticky;
 }
 .start-1\/2 {
   inset-inline-start: calc(1/2 * 100%);
 }
 .top-1\/2 {
-  top: calc(1/2 * 100%);
+  top: calc(1 / 2 * 100%);
 }
 .top-\[1px\] {
   top: 1px;
 }
-.top-\[4px\] {
-  top: 4px;
+.top-\[2px\] {
+  top: 2px;
 }
 .top-\[50\%\] {
   top: 50%;
@@ -64,7 +61,7 @@
   top: 100%;
 }
 .left-1\/2 {
-  left: calc(1/2 * 100%);
+  left: calc(1 / 2 * 100%);
 }
 .left-\[50\%\] {
   left: 50%;
@@ -87,11 +84,11 @@
 .z-\[9999\] {
   z-index: 9999;
 }
-.order-1 {
-  order: 1;
+.z-overlay {
+  z-index: var(--z-overlay);
 }
-.order-2 {
-  order: 2;
+.z-sticky {
+  z-index: var(--z-sticky);
 }
 .order-first {
   order: -9999;
@@ -115,27 +112,30 @@
 .-my-\[1px\] {
   margin-block: calc(1px * -1);
 }
-.\!ms-auto {
-  margin-inline-start: auto !important;
-}
 .-ms-\[1px\] {
   margin-inline-start: calc(1px * -1);
 }
 .ms-auto {
   margin-inline-start: auto;
 }
+.mt-\[-1\.5rem\] {
+  margin-top: -1.5rem;
+}
 .mt-auto {
   margin-top: auto;
 }
+.line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
 .line-clamp-3 {
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
 }
-.\!inline-flex {
-  display: inline-flex !important;
-}
 .block {
   display: block;
 }
@@ -175,6 +175,10 @@
 .aspect-square {
   aspect-ratio: 1 / 1;
 }
+.size-\[18px\] {
+  width: 18px;
+  height: 18px;
+}
 .size-full {
   width: 100%;
   height: 100%;
@@ -182,15 +186,9 @@
 .h-\[1px\] {
   height: 1px;
 }
-.h-\[12px\] {
-  height: 12px;
-}
 .h-\[16px\] {
   height: 16px;
 }
-.h-\[18px\] {
-  height: 18px;
-}
 .h-\[20px\] {
   height: 20px;
 }
@@ -263,20 +261,29 @@
 .min-h-svh {
   min-height: 100svh;
 }
+.w-\(--nav-panel-width\) {
+  width: var(--nav-panel-width);
+}
+.w-\(--nav-panel-width-mobile\) {
+  width: var(--nav-panel-width-mobile);
+}
+.w-\(--nav-rail-width\) {
+  width: var(--nav-rail-width);
+}
 .w-\(--sidebar-width\) {
   width: var(--sidebar-width);
 }
 .w-1\/2 {
-  width: calc(1/2 * 100%);
+  width: calc(1 / 2 * 100%);
 }
 .w-1\/3 {
-  width: calc(1/3 * 100%);
+  width: calc(1 / 3 * 100%);
 }
 .w-1\/4 {
-  width: calc(1/4 * 100%);
+  width: calc(1 / 4 * 100%);
 }
 .w-3\/4 {
-  width: calc(3/4 * 100%);
+  width: calc(3 / 4 * 100%);
 }
 .w-\[--radix-popover-trigger-width\] {
   width: --radix-popover-trigger-width;
@@ -284,15 +291,6 @@
 .w-\[1px\] {
   width: 1px;
 }
-.w-\[12px\] {
-  width: 12px;
-}
-.w-\[16px\] {
-  width: 16px;
-}
-.w-\[18px\] {
-  width: 18px;
-}
 .w-\[20\%\] {
   width: 20%;
 }
@@ -302,6 +300,9 @@
 .w-\[34px\] {
   width: 34px;
 }
+.w-\[40px\] {
+  width: 40px;
+}
 .w-\[44px\] {
   width: 44px;
 }
@@ -326,6 +327,9 @@
 .max-w-\(--skeleton-width\) {
   max-width: var(--skeleton-width);
 }
+.max-w-\[120px\] {
+  max-width: 120px;
+}
 .max-w-\[calc\(100\%-2rem\)\] {
   max-width: calc(100% - 2rem);
 }
@@ -338,15 +342,15 @@
 .min-w-\[8rem\] {
   min-width: 8rem;
 }
+.min-w-\[9rem\] {
+  min-width: 9rem;
+}
 .min-w-\[12rem\] {
   min-width: 12rem;
 }
 .min-w-\[80px\] {
   min-width: 80px;
 }
-.min-w-\[140px\] {
-  min-width: 140px;
-}
 .min-w-\[220px\] {
   min-width: 220px;
 }
@@ -393,7 +397,11 @@
   transform-origin: 0;
 }
 .-translate-x-1\/2 {
-  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+}
+.-translate-x-full {
+  --tw-translate-x: -100%;
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 .-translate-x-px {
@@ -409,13 +417,16 @@
   translate: var(--tw-translate-x) var(--tw-translate-y);
 }
 .-translate-y-1\/2 {
-  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
   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);
 }
+.-rotate-90 {
+  rotate: calc(90deg * -1);
+}
 .rotate-45 {
   rotate: 45deg;
 }
@@ -425,12 +436,12 @@
 .rotate-180 {
   rotate: 180deg;
 }
-.\!transform-none {
-  transform: none !important;
-}
 .transform {
   transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
 }
+.animate-pulse-subtle {
+  animation: pulse-subtle 2s ease-in-out infinite;
+}
 .cursor-default {
   cursor: default;
 }
@@ -479,18 +490,12 @@
 .flex-row {
   flex-direction: row;
 }
-.flex-row-reverse {
-  flex-direction: row-reverse;
-}
 .flex-wrap {
   flex-wrap: wrap;
 }
 .place-content-center {
   place-content: center;
 }
-.\!items-center {
-  align-items: center !important;
-}
 .items-baseline {
   align-items: baseline;
 }
@@ -506,9 +511,6 @@
 .items-stretch {
   align-items: stretch;
 }
-.\!justify-center {
-  justify-content: center !important;
-}
 .justify-between {
   justify-content: space-between;
 }
@@ -521,19 +523,6 @@
 .justify-start {
   justify-content: flex-start;
 }
-.divide-x {
-  :where(& > :not(:last-child)) {
-    --tw-divide-x-reverse: 0;
-    border-inline-style: var(--tw-border-style);
-    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
-    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
-  }
-}
-.divide-border {
-  :where(& > :not(:last-child)) {
-    border-color: hsl(var(--border-default));
-  }
-}
 .self-stretch {
   align-self: stretch;
 }
@@ -560,15 +549,12 @@
 .overflow-y-auto {
   overflow-y: auto;
 }
-.\!rounded-md {
-  border-radius: calc(var(--radius) - 2px) !important;
-}
-.rounded-\[2px\] {
-  border-radius: 2px;
-}
 .rounded-\[4px\] {
   border-radius: 4px;
 }
+.rounded-\[10px\] {
+  border-radius: 10px;
+}
 .rounded-\[calc\(var\(--radius\)-5px\)\] {
   border-radius: calc(var(--radius) - 5px);
 }
@@ -590,6 +576,9 @@
 .rounded-sm {
   border-radius: calc(var(--radius) - 4px);
 }
+.rounded-xs {
+  border-radius: var(--borderradius-xs);
+}
 .rounded-e-lg {
   border-start-end-radius: var(--radius);
   border-end-end-radius: var(--radius);
@@ -597,92 +586,81 @@
 .rounded-tl-sm {
   border-top-left-radius: calc(var(--radius) - 4px);
 }
-.\!border {
-  border-style: var(--tw-border-style) !important;
-  border-width: 1px !important;
-}
-.\!border-0 {
-  border-style: var(--tw-border-style) !important;
-  border-width: 0px !important;
-}
 .border {
   border-style: var(--tw-border-style);
-  border-width: 1px;
+  border-width: var(--borderwidth-xs);
 }
 .border-0 {
   border-style: var(--tw-border-style);
-  border-width: 0px;
+  border-width: var(--borderwidth-none);
 }
 .border-2 {
   border-style: var(--tw-border-style);
-  border-width: 2px;
+  border-width: var(--borderwidth-sm);
 }
 .border-y {
   border-block-style: var(--tw-border-style);
-  border-block-width: 1px;
+  border-block-width: var(--borderwidth-xs);
 }
 .border-s {
   border-inline-start-style: var(--tw-border-style);
-  border-inline-start-width: 1px;
+  border-inline-start-width: var(--borderwidth-xs);
+}
+.border-s-2 {
+  border-inline-start-style: var(--tw-border-style);
+  border-inline-start-width: var(--borderwidth-sm);
 }
 .border-e {
   border-inline-end-style: var(--tw-border-style);
-  border-inline-end-width: 1px;
+  border-inline-end-width: var(--borderwidth-xs);
 }
 .border-t {
   border-top-style: var(--tw-border-style);
-  border-top-width: 1px;
+  border-top-width: var(--borderwidth-xs);
 }
-.border-r-\[12px\] {
+.border-r-\[6px\] {
   border-right-style: var(--tw-border-style);
-  border-right-width: 12px;
+  border-right-width: 6px;
 }
-.border-r-\[20px\] {
+.border-r-\[10px\] {
   border-right-style: var(--tw-border-style);
-  border-right-width: 20px;
+  border-right-width: 10px;
 }
 .border-b {
   border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 1px;
+  border-bottom-width: var(--borderwidth-xs);
 }
-.border-b-\[16px\] {
+.border-b-\[8px\] {
   border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 16px;
+  border-bottom-width: 8px;
 }
-.border-b-\[24px\] {
+.border-b-\[12px\] {
   border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 24px;
+  border-bottom-width: 12px;
 }
-.border-l {
+.border-l-\[6px\] {
   border-left-style: var(--tw-border-style);
-  border-left-width: 1px;
+  border-left-width: 6px;
 }
-.border-l-\[12px\] {
+.border-l-\[10px\] {
   border-left-style: var(--tw-border-style);
-  border-left-width: 12px;
-}
-.border-l-\[20px\] {
-  border-left-style: var(--tw-border-style);
-  border-left-width: 20px;
+  border-left-width: 10px;
 }
 .border-dashed {
   --tw-border-style: dashed;
   border-style: dashed;
 }
-.\!border {
-  border-color: hsl(var(--border-default)) !important;
-}
-.\!border-brand-500 {
-  border-color: hsl(var(--brand-500)) !important;
+.border {
+  border-color: hsl(var(--border-default));
 }
-.\!border-destructive-500 {
-  border-color: hsl(var(--destructive-500)) !important;
+.border-\[hsl\(var\(--score-excellent\)\/0\.25\)\] {
+  border-color: hsl(var(--score-excellent)/0.25);
 }
-.\!border-warning-500 {
-  border-color: hsl(var(--warning-500)) !important;
+.border-\[hsl\(var\(--secondary-default\)\/0\.4\)\] {
+  border-color: hsl(var(--secondary-default)/0.4);
 }
-.border {
-  border-color: hsl(var(--border-default));
+.border-\[hsl\(var\(--sentiment-mixed\)\/0\.3\)\] {
+  border-color: hsl(var(--sentiment-mixed)/0.3);
 }
 .border-\[hsl\(var\(--sentiment-negative\)\/0\.3\)\] {
   border-color: hsl(var(--sentiment-negative)/0.3);
@@ -693,15 +671,27 @@
 .border-\[hsl\(var\(--sentiment-positive\)\/0\.3\)\] {
   border-color: hsl(var(--sentiment-positive)/0.3);
 }
+.border-background {
+  border-color: hsl(var(--background-default));
+}
 .border-border {
   border-color: hsl(var(--border-default));
 }
+.border-border-muted {
+  border-color: hsl(var(--border-muted));
+}
 .border-border\/50 {
   border-color: hsl(var(--border-default));
   @supports (color: color-mix(in lab, red, red)) {
     border-color: color-mix(in oklab, hsl(var(--border-default)) 50%, transparent);
   }
 }
+.border-brand {
+  border-color: hsl(var(--brand-default));
+}
+.border-brand-300 {
+  border-color: hsl(var(--brand-300));
+}
 .border-brand-500 {
   border-color: hsl(var(--brand-500));
 }
@@ -717,6 +707,9 @@
 .border-button-hover {
   border-color: hsl(var(--border-button-hover));
 }
+.border-destructive-300 {
+  border-color: hsl(var(--destructive-300));
+}
 .border-destructive-400 {
   border-color: hsl(var(--destructive-400));
 }
@@ -762,12 +755,18 @@
 .border-transparent {
   border-color: transparent;
 }
+.border-warning-300 {
+  border-color: hsl(var(--warning-300));
+}
 .border-warning-400 {
   border-color: hsl(var(--warning-400));
 }
 .border-warning-500 {
   border-color: hsl(var(--warning-500));
 }
+.border-s-transparent {
+  border-inline-start-color: transparent;
+}
 .border-t-transparent {
   border-top-color: transparent;
 }
@@ -783,23 +782,26 @@
 .border-l-transparent {
   border-left-color: transparent;
 }
-.\!bg-brand {
-  background-color: hsl(var(--brand-default)) !important;
+.bg {
+  background-color: hsl(var(--background-default));
+}
+.bg-\[hsl\(var\(--brand-default\)\)\] {
+  background-color: hsl(var(--brand-default));
 }
-.\!bg-brand-200 {
-  background-color: hsl(var(--brand-200)) !important;
+.bg-\[hsl\(var\(--score-excellent-bg\)\)\] {
+  background-color: hsl(var(--score-excellent-bg));
 }
-.\!bg-destructive-200 {
-  background-color: hsl(var(--destructive-200)) !important;
+.bg-\[hsl\(var\(--secondary-default\)\/0\.1\)\] {
+  background-color: hsl(var(--secondary-default)/0.1);
 }
-.\!bg-transparent {
-  background-color: transparent !important;
+.bg-\[hsl\(var\(--sentiment-mixed\)\)\] {
+  background-color: hsl(var(--sentiment-mixed));
 }
-.\!bg-warning-200 {
-  background-color: hsl(var(--warning-200)) !important;
+.bg-\[hsl\(var\(--sentiment-mixed\)\/0\.1\)\] {
+  background-color: hsl(var(--sentiment-mixed)/0.1);
 }
-.bg {
-  background-color: hsl(var(--background-default));
+.bg-\[hsl\(var\(--sentiment-mixed\)\/0\.12\)\] {
+  background-color: hsl(var(--sentiment-mixed)/0.12);
 }
 .bg-\[hsl\(var\(--sentiment-negative\)\)\] {
   background-color: hsl(var(--sentiment-negative));
@@ -840,12 +842,18 @@
 .bg-background {
   background-color: hsl(var(--background-default));
 }
+.bg-background-muted {
+  background-color: hsl(var(--background-muted));
+}
 .bg-background-surface-75 {
   background-color: hsl(var(--background-surface-75));
 }
 .bg-background-surface-100 {
   background-color: hsl(var(--background-surface-100));
 }
+.bg-background-surface-200 {
+  background-color: hsl(var(--background-surface-200));
+}
 .bg-background\/80 {
   background-color: hsl(var(--background-default));
   @supports (color: color-mix(in lab, red, red)) {
@@ -855,6 +863,9 @@
 .bg-border {
   background-color: hsl(var(--border-default));
 }
+.bg-border-muted {
+  background-color: hsl(var(--border-muted));
+}
 .bg-border-overlay {
   background-color: hsl(var(--border-overlay));
 }
@@ -870,8 +881,11 @@
 .bg-brand-500 {
   background-color: hsl(var(--brand-500));
 }
-.bg-brand-600 {
-  background-color: hsl(var(--brand-600));
+.bg-brand\/10 {
+  background-color: hsl(var(--brand-default));
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, hsl(var(--brand-default)) 10%, transparent);
+  }
 }
 .bg-card {
   background-color: hsl(var(--background-surface-100));
@@ -888,8 +902,17 @@
 .bg-destructive-500 {
   background-color: hsl(var(--destructive-500));
 }
-.bg-destructive-600 {
-  background-color: hsl(var(--destructive-600));
+.bg-destructive\/5 {
+  background-color: hsl(var(--destructive-default));
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, hsl(var(--destructive-default)) 5%, transparent);
+  }
+}
+.bg-destructive\/10 {
+  background-color: hsl(var(--destructive-default));
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, hsl(var(--destructive-default)) 10%, transparent);
+  }
 }
 .bg-foreground {
   background-color: hsl(var(--foreground-default));
@@ -903,9 +926,6 @@
     background-color: color-mix(in oklab, hsl(var(--foreground-default)) 2.6%, transparent);
   }
 }
-.bg-green-500 {
-  background-color: #22c55e;
-}
 .bg-input {
   background-color: hsl(var(--background-control));
 }
@@ -933,6 +953,12 @@
     background-color: color-mix(in oklab, hsl(var(--background-muted)) 50%, transparent);
   }
 }
+.bg-muted\/60 {
+  background-color: hsl(var(--background-muted));
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, hsl(var(--background-muted)) 60%, transparent);
+  }
+}
 .bg-overlay {
   background-color: hsl(var(--background-overlay-default));
 }
@@ -942,17 +968,20 @@
 .bg-primary {
   background-color: hsl(var(--brand-default));
 }
-.bg-secondary {
-  background-color: hsl(var(--secondary-default));
-}
 .bg-selection {
   background-color: hsl(var(--background-selection));
 }
 .bg-selection {
   background-color: hsl(var(--background-selection));
 }
+.bg-sentiment-positive {
+  background-color: hsl(var(--sentiment-positive));
+}
 .bg-sidebar {
-  background-color: hsl(var(--background-dash-sidebar));
+  background-color: hsl(var(--background-sidebar));
+}
+.bg-sidebar-accent {
+  background-color: hsl(var(--background-selection));
 }
 .bg-sidebar-border {
   background-color: hsl(var(--border-muted));
@@ -972,9 +1001,6 @@
 .bg-warning-500 {
   background-color: hsl(var(--warning-500));
 }
-.bg-warning-600 {
-  background-color: hsl(var(--warning-600));
-}
 .bg-gradient-to-br {
   --tw-gradient-position: to bottom right in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
@@ -1004,12 +1030,21 @@
 .object-cover {
   object-fit: cover;
 }
+.object-center {
+  object-position: center;
+}
 .p-px {
   padding: 1px;
 }
 .py-\[3px\] {
   padding-block: 3px;
 }
+.ps-\(--nav-rail-width\) {
+  padding-inline-start: var(--nav-rail-width);
+}
+.ps-\[calc\(var\(--nav-rail-width\)\+var\(--nav-panel-width\)\)\] {
+  padding-inline-start: calc(var(--nav-rail-width) + var(--nav-panel-width));
+}
 .text-center {
   text-align: center;
 }
@@ -1071,6 +1106,10 @@
   --tw-leading: 1;
   line-height: 1;
 }
+.font-\[var\(--font-sans\)\] {
+  --tw-font-weight: var(--font-sans);
+  font-weight: var(--font-sans);
+}
 .font-black {
   --tw-font-weight: 900;
   font-weight: 900;
@@ -1100,30 +1139,15 @@
 .whitespace-nowrap {
   white-space: nowrap;
 }
-.\!text-brand-600 {
-  color: hsl(var(--brand-600)) !important;
-}
-.\!text-destructive-600 {
-  color: hsl(var(--destructive-600)) !important;
-}
-.\!text-foreground {
-  color: hsl(var(--foreground-default)) !important;
-}
-.\!text-foreground-contrast {
-  color: hsl(var(--foreground-contrast)) !important;
-}
-.\!text-foreground\/50 {
-  color: hsl(var(--foreground-default)) !important;
-  @supports (color: color-mix(in lab, red, red)) {
-    color: color-mix(in oklab, hsl(var(--foreground-default)) 50%, transparent) !important;
-  }
-}
-.\!text-warning-600 {
-  color: hsl(var(--warning-600)) !important;
-}
 .text {
   color: hsl(var(--foreground-default));
 }
+.text-\[hsl\(var\(--secondary-default\)\)\] {
+  color: hsl(var(--secondary-default));
+}
+.text-\[hsl\(var\(--sentiment-mixed\)\)\] {
+  color: hsl(var(--sentiment-mixed));
+}
 .text-\[hsl\(var\(--sentiment-negative\)\)\] {
   color: hsl(var(--sentiment-negative));
 }
@@ -1145,9 +1169,6 @@
 .text-background-overlay {
   color: hsl(var(--background-overlay-default));
 }
-.text-background-surface-200 {
-  color: hsl(var(--background-surface-200));
-}
 .text-border-muted {
   color: hsl(var(--border-muted));
 }
@@ -1184,6 +1205,9 @@
 .text-foreground {
   color: hsl(var(--foreground-default));
 }
+.text-foreground-contrast {
+  color: hsl(var(--foreground-contrast));
+}
 .text-foreground-light {
   color: hsl(var(--foreground-light));
 }
@@ -1229,7 +1253,10 @@
 .text-primary-foreground {
   color: hsl(var(--foreground-contrast));
 }
-.text-secondary-foreground {
+.text-sentiment-positive {
+  color: hsl(var(--sentiment-positive));
+}
+.text-sidebar-accent-foreground {
   color: hsl(var(--foreground-default));
 }
 .text-sidebar-foreground {
@@ -1263,9 +1290,6 @@
 .underline {
   text-decoration-line: underline;
 }
-.\!opacity-100 {
-  opacity: 100% !important;
-}
 .opacity-0 {
   opacity: 0%;
 }
@@ -1310,10 +1334,6 @@
   --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
-.shadow-xl {
-  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.08)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.04));
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
 .ring {
   --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);
@@ -1326,6 +1346,10 @@
   --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-4 {
+  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
+}
 .\[--tw-ring-color\:conic-gradient\(from_180deg\,hsl\(var\(--brand-default\)\)\,hsl\(var\(--brand-400\)\)\,hsl\(var\(--brand-default\)\)\)\] {
   --tw-ring-color: conic-gradient(from 180deg,hsl(var(--brand-default)),hsl(var(--brand-400)),hsl(var(--brand-default)));
 }
@@ -1335,6 +1359,9 @@
 .ring-border-control {
   --tw-ring-color: hsl(var(--border-control));
 }
+.ring-brand-200 {
+  --tw-ring-color: hsl(var(--brand-200));
+}
 .ring-primary {
   --tw-ring-color: hsl(var(--brand-default));
 }
@@ -1395,6 +1422,21 @@
   transition-timing-function: var(--tw-ease, ease);
   transition-duration: var(--tw-duration, 0s);
 }
+.transition-\[padding\] {
+  transition-property: padding;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+}
+.transition-\[stroke-dashoffset\] {
+  transition-property: stroke-dashoffset;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+}
+.transition-\[transform\,visibility\] {
+  transition-property: transform,visibility;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+}
 .transition-\[width\,height\,padding\] {
   transition-property: width,height,padding;
   transition-timing-function: var(--tw-ease, ease);
@@ -1420,11 +1462,6 @@
   transition-timing-function: var(--tw-ease, ease);
   transition-duration: var(--tw-duration, 0s);
 }
-.transition-shadow {
-  transition-property: box-shadow;
-  transition-timing-function: var(--tw-ease, ease);
-  transition-duration: var(--tw-duration, 0s);
-}
 .transition-transform {
   transition-property: transform, translate, scale, rotate;
   transition-timing-function: var(--tw-ease, ease);
@@ -1433,6 +1470,14 @@
 .transition-none {
   transition-property: none;
 }
+.duration-100 {
+  --tw-duration: 100ms;
+  transition-duration: 100ms;
+}
+.duration-150 {
+  --tw-duration: 150ms;
+  transition-duration: 150ms;
+}
 .duration-200 {
   --tw-duration: 200ms;
   transition-duration: 200ms;
@@ -1449,6 +1494,10 @@
   --tw-duration: 1000ms;
   transition-duration: 1000ms;
 }
+.duration-fast {
+  --tw-duration: var(--duration-fast);
+  transition-duration: var(--duration-fast);
+}
 .ease-linear {
   --tw-ease: linear;
   transition-timing-function: linear;
@@ -1469,10 +1518,11 @@
   -webkit-user-select: none;
   user-select: none;
 }
-.divide-x-reverse {
-  :where(& > :not(:last-child)) {
-    --tw-divide-x-reverse: 1;
-  }
+.duration-100 {
+  animation-duration: 100ms;
+}
+.duration-150 {
+  animation-duration: 150ms;
 }
 .duration-200 {
   animation-duration: 200ms;
@@ -1486,6 +1536,9 @@
 .duration-1000 {
   animation-duration: 1000ms;
 }
+.duration-fast {
+  animation-duration: var(--duration-fast);
+}
 .ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -1555,6 +1608,16 @@
     width: var(--sidebar-width-icon);
   }
 }
+.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+1rem\)\] {
+  &:is(:where(.group)[data-collapsible="icon"] *) {
+    width: calc(var(--sidebar-width-icon) + 1rem);
+  }
+}
+.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+1rem\+2px\)\] {
+  &:is(:where(.group)[data-collapsible="icon"] *) {
+    width: calc(var(--sidebar-width-icon) + 1rem + 2px);
+  }
+}
 .group-data-\[collapsible\=icon\]\:overflow-hidden {
   &:is(:where(.group)[data-collapsible="icon"] *) {
     overflow: hidden;
@@ -1595,20 +1658,10 @@
     opacity: 50%;
   }
 }
-.group-data-\[expanded\=false\]\:opacity-0 {
-  &:is(:where(.group)[data-expanded="false"] *) {
-    opacity: 0%;
-  }
-}
-.group-data-\[front\=true\]\:\!opacity-100 {
-  &:is(:where(.group)[data-front="true"] *) {
-    opacity: 100% !important;
-  }
-}
 .group-data-\[side\=left\]\:border-r {
   &:is(:where(.group)[data-side="left"] *) {
     border-right-style: var(--tw-border-style);
-    border-right-width: 1px;
+    border-right-width: var(--borderwidth-xs);
   }
 }
 .group-data-\[side\=right\]\:rotate-180 {
@@ -1619,7 +1672,7 @@
 .group-data-\[side\=right\]\:border-l {
   &:is(:where(.group)[data-side="right"] *) {
     border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
+    border-left-width: var(--borderwidth-xs);
   }
 }
 .group-data-\[state\=open\]\:rotate-180 {
@@ -1635,7 +1688,7 @@
 .group-data-\[variant\=floating\]\:border {
   &:is(:where(.group)[data-variant="floating"] *) {
     border-style: var(--tw-border-style);
-    border-width: 1px;
+    border-width: var(--borderwidth-xs);
   }
 }
 .group-data-\[variant\=floating\]\:border {
@@ -1687,7 +1740,7 @@
 .group-data-\[viewport\=false\]\/navigation-menu\:border {
   &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
     border-style: var(--tw-border-style);
-    border-width: 1px;
+    border-width: var(--borderwidth-xs);
   }
 }
 .group-data-\[viewport\=false\]\/navigation-menu\:border {
@@ -1722,6 +1775,112 @@
     animation-duration: 200ms;
   }
 }
+.group-\[\.toast\]\:bg-muted {
+  &:is(:where(.group):is(.toast) *) {
+    background-color: hsl(var(--background-muted));
+  }
+}
+.group-\[\.toast\]\:bg-muted {
+  &:is(:where(.group):is(.toast) *) {
+    background-color: hsl(var(--background-muted));
+  }
+}
+.group-\[\.toast\]\:bg-primary {
+  &:is(:where(.group):is(.toast) *) {
+    background-color: hsl(var(--brand-default));
+  }
+}
+.group-\[\.toast\]\:text-muted-foreground {
+  &:is(:where(.group):is(.toast) *) {
+    color: hsl(var(--foreground-muted));
+  }
+}
+.group-\[\.toast\]\:text-primary-foreground {
+  &:is(:where(.group):is(.toast) *) {
+    color: hsl(var(--foreground-contrast));
+  }
+}
+.group-\[\.toaster\]\:border-\[hsl\(var\(--brand-default\)\/0\.4\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    border-color: hsl(var(--brand-default)/0.4);
+  }
+}
+.group-\[\.toaster\]\:border-\[hsl\(var\(--destructive-500\)\/0\.4\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    border-color: hsl(var(--destructive-500)/0.4);
+  }
+}
+.group-\[\.toaster\]\:border-\[hsl\(var\(--secondary-default\)\/0\.4\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    border-color: hsl(var(--secondary-default)/0.4);
+  }
+}
+.group-\[\.toaster\]\:border-\[hsl\(var\(--warning-500\)\/0\.4\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    border-color: hsl(var(--warning-500)/0.4);
+  }
+}
+.group-\[\.toaster\]\:border-border {
+  &:is(:where(.group):is(.toaster) *) {
+    border-color: hsl(var(--border-default));
+  }
+}
+.group-\[\.toaster\]\:bg-\[hsl\(var\(--brand-default\)\/0\.06\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    background-color: hsl(var(--brand-default)/0.06);
+  }
+}
+.group-\[\.toaster\]\:bg-\[hsl\(var\(--destructive-500\)\/0\.06\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    background-color: hsl(var(--destructive-500)/0.06);
+  }
+}
+.group-\[\.toaster\]\:bg-\[hsl\(var\(--secondary-default\)\/0\.06\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    background-color: hsl(var(--secondary-default)/0.06);
+  }
+}
+.group-\[\.toaster\]\:bg-\[hsl\(var\(--warning-500\)\/0\.06\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    background-color: hsl(var(--warning-500)/0.06);
+  }
+}
+.group-\[\.toaster\]\:bg-background {
+  &:is(:where(.group):is(.toaster) *) {
+    background-color: hsl(var(--background-default));
+  }
+}
+.group-\[\.toaster\]\:text-\[hsl\(var\(--brand-600\)\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    color: hsl(var(--brand-600));
+  }
+}
+.group-\[\.toaster\]\:text-\[hsl\(var\(--destructive-600\)\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    color: hsl(var(--destructive-600));
+  }
+}
+.group-\[\.toaster\]\:text-\[hsl\(var\(--secondary-default\)\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    color: hsl(var(--secondary-default));
+  }
+}
+.group-\[\.toaster\]\:text-\[hsl\(var\(--warning\)\)\] {
+  &:is(:where(.group):is(.toaster) *) {
+    color: hsl(var(--warning));
+  }
+}
+.group-\[\.toaster\]\:text-foreground {
+  &:is(:where(.group):is(.toaster) *) {
+    color: hsl(var(--foreground-default));
+  }
+}
+.group-\[\.toaster\]\:shadow-lg {
+  &:is(:where(.group):is(.toaster) *) {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.08)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.04));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+}
 .peer-hover\/menu-button\:text-sidebar-accent-foreground {
   &:is(:where(.peer\/menu-button):hover ~ *) {
     @media (hover: hover) {
@@ -1763,7 +1922,7 @@
 .file\:border-0 {
   &::file-selector-button {
     border-style: var(--tw-border-style);
-    border-width: 0px;
+    border-width: var(--borderwidth-none);
   }
 }
 .file\:bg-transparent {
@@ -1813,7 +1972,7 @@
 .after\:left-1\/2 {
   &::after {
     content: var(--tw-content);
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
 }
 .after\:w-\[2px\] {
@@ -1825,7 +1984,7 @@
 .after\:-translate-x-1\/2 {
   &::after {
     content: var(--tw-content);
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 }
@@ -1846,7 +2005,7 @@
 .first\:border-s {
   &:first-child {
     border-inline-start-style: var(--tw-border-style);
-    border-inline-start-width: 1px;
+    border-inline-start-width: var(--borderwidth-xs);
   }
 }
 .last\:rounded-e-md {
@@ -1858,7 +2017,7 @@
 .last\:border-b-0 {
   &:last-child {
     border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 0px;
+    border-bottom-width: var(--borderwidth-none);
   }
 }
 .last\:border-none {
@@ -1893,9 +2052,9 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
-.focus-within\:ring-background-control {
+.focus-within\:ring-ring {
   &:focus-within {
-    --tw-ring-color: hsl(var(--background-control));
+    --tw-ring-color: hsl(var(--border-strong));
   }
 }
 .focus-within\:ring-offset-2 {
@@ -1904,9 +2063,9 @@
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
 }
-.focus-within\:ring-offset-foreground-muted {
+.focus-within\:ring-offset-background {
   &:focus-within {
-    --tw-ring-offset-color: hsl(var(--foreground-muted));
+    --tw-ring-offset-color: hsl(var(--background-default));
   }
 }
 .focus-within\:outline-none {
@@ -1974,47 +2133,6 @@
     }
   }
 }
-.hover\:\!bg-brand-600 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: hsl(var(--brand-600)) !important;
-    }
-  }
-}
-.hover\:\!bg-foreground\/10 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: hsl(var(--foreground-default)) !important;
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, hsl(var(--foreground-default)) 10%, transparent) !important;
-      }
-    }
-  }
-}
-.hover\:\!bg-primary\/20 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: hsl(var(--brand-default)) !important;
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, hsl(var(--brand-default)) 20%, transparent) !important;
-      }
-    }
-  }
-}
-.hover\:\!bg-selection {
-  &:hover {
-    @media (hover: hover) {
-      background-color: hsl(var(--background-selection)) !important;
-    }
-  }
-}
-.hover\:\!bg-selection {
-  &:hover {
-    @media (hover: hover) {
-      background-color: hsl(var(--background-selection)) !important;
-    }
-  }
-}
 .hover\:bg-accent {
   &:hover {
     @media (hover: hover) {
@@ -2050,27 +2168,31 @@
     }
   }
 }
-.hover\:bg-brand\/80 {
+.hover\:bg-destructive-300 {
   &:hover {
     @media (hover: hover) {
-      background-color: hsl(var(--brand-default));
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, hsl(var(--brand-default)) 80%, transparent);
-      }
+      background-color: hsl(var(--destructive-300));
     }
   }
 }
-.hover\:bg-destructive-300 {
+.hover\:bg-destructive-400 {
   &:hover {
     @media (hover: hover) {
-      background-color: hsl(var(--destructive-300));
+      background-color: hsl(var(--destructive-400));
     }
   }
 }
-.hover\:bg-destructive-400 {
+.hover\:bg-destructive-600 {
   &:hover {
     @media (hover: hover) {
-      background-color: hsl(var(--destructive-400));
+      background-color: hsl(var(--destructive-600));
+    }
+  }
+}
+.hover\:bg-foreground-muted {
+  &:hover {
+    @media (hover: hover) {
+      background-color: hsl(var(--foreground-muted));
     }
   }
 }
@@ -2105,16 +2227,6 @@
     }
   }
 }
-.hover\:bg-secondary\/80 {
-  &:hover {
-    @media (hover: hover) {
-      background-color: hsl(var(--secondary-default));
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, hsl(var(--secondary-default)) 80%, transparent);
-      }
-    }
-  }
-}
 .hover\:bg-selection {
   &:hover {
     @media (hover: hover) {
@@ -2150,20 +2262,6 @@
     }
   }
 }
-.hover\:\!text-foreground {
-  &:hover {
-    @media (hover: hover) {
-      color: hsl(var(--foreground-default)) !important;
-    }
-  }
-}
-.hover\:\!text-primary {
-  &:hover {
-    @media (hover: hover) {
-      color: hsl(var(--brand-default)) !important;
-    }
-  }
-}
 .hover\:text-accent-foreground {
   &:hover {
     @media (hover: hover) {
@@ -2228,10 +2326,10 @@
     }
   }
 }
-.hover\:shadow-md {
+.hover\:shadow-lg {
   &:hover {
     @media (hover: hover) {
-      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.07)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.08)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.04));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
@@ -2248,7 +2346,7 @@
   &:hover {
     @media (hover: hover) {
       &:is(:where(.group)[data-collapsible="offcanvas"] *) {
-        background-color: hsl(var(--background-dash-sidebar));
+        background-color: hsl(var(--background-sidebar));
       }
     }
   }
@@ -2310,12 +2408,6 @@
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
 }
-.focus\:\!outline-none {
-  &:focus {
-    --tw-outline-style: none !important;
-    outline-style: none !important;
-  }
-}
 .focus\:outline-none {
   &:focus {
     --tw-outline-style: none;
@@ -2395,6 +2487,11 @@
     }
   }
 }
+.focus-visible\:ring-sidebar-ring {
+  &:focus-visible {
+    --tw-ring-color: hsl(var(--brand-default));
+  }
+}
 .focus-visible\:ring-offset-1 {
   &:focus-visible {
     --tw-ring-offset-width: 1px;
@@ -2412,11 +2509,6 @@
     --tw-ring-offset-color: hsl(var(--background-default));
   }
 }
-.focus-visible\:ring-offset-foreground-muted {
-  &:focus-visible {
-    --tw-ring-offset-color: hsl(var(--foreground-muted));
-  }
-}
 .focus-visible\:outline-hidden {
   &:focus-visible {
     --tw-outline-style: none;
@@ -2439,6 +2531,16 @@
     outline-style: none;
   }
 }
+.active\:scale-\[0\.97\] {
+  &:active {
+    scale: 0.97;
+  }
+}
+.active\:scale-\[0\.98\] {
+  &:active {
+    scale: 0.98;
+  }
+}
 .active\:bg-sidebar-accent {
   &:active {
     background-color: hsl(var(--background-selection));
@@ -2449,6 +2551,12 @@
     color: hsl(var(--foreground-default));
   }
 }
+.active\:shadow-md {
+  &:active {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.07)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+}
 .disabled\:pointer-events-none {
   &:disabled {
     pointer-events: none;
@@ -2499,7 +2607,7 @@
 }
 .has-data-\[variant\=inset\]\:bg-sidebar {
   &:has(*[data-variant="inset"]) {
-    background-color: hsl(var(--background-dash-sidebar));
+    background-color: hsl(var(--background-sidebar));
   }
 }
 .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-2 {
@@ -2508,9 +2616,9 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 }
-.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-background-control {
+.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring {
   &:has(*:is([data-slot=input-group-control]:focus-visible)) {
-    --tw-ring-color: hsl(var(--background-control));
+    --tw-ring-color: hsl(var(--border-strong));
   }
 }
 .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-2 {
@@ -2519,9 +2627,9 @@
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   }
 }
-.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-foreground-muted {
+.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-offset-background {
   &:has(*:is([data-slot=input-group-control]:focus-visible)) {
-    --tw-ring-offset-color: hsl(var(--foreground-muted));
+    --tw-ring-offset-color: hsl(var(--background-default));
   }
 }
 .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive-400 {
@@ -2582,7 +2690,7 @@
 .has-\[\>\[data-slot\=field\]\]\:border {
   &:has(>[data-slot=field]) {
     border-style: var(--tw-border-style);
-    border-width: 1px;
+    border-width: var(--borderwidth-xs);
   }
 }
 .has-\[\>\[data-slot\=field\]\]\:border {
@@ -2921,7 +3029,7 @@
   &[data-panel-group-direction="vertical"] {
     &::after {
       content: var(--tw-content);
-      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -3043,7 +3151,7 @@
 }
 .data-\[state\=closed\]\:animate-accordion-up {
   &[data-state="closed"] {
-    animation: accordion-up 0.2s ease-out;
+    animation: accordion-up 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   }
 }
 .data-\[state\=closed\]\:duration-300 {
@@ -3190,7 +3298,7 @@
 }
 .data-\[state\=open\]\:animate-accordion-down {
   &[data-state="open"] {
-    animation: accordion-down 0.2s ease-out;
+    animation: accordion-down 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   }
 }
 .data-\[state\=open\]\:border-button-hover {
@@ -3284,10 +3392,10 @@
     opacity: 100%;
   }
 }
-.data-\[state\=open\]\:duration-500 {
+.data-\[state\=open\]\:duration-300 {
   &[data-state="open"] {
-    --tw-duration: 500ms;
-    transition-duration: 500ms;
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
   }
 }
 .data-\[state\=open\]\:animate-in {
@@ -3300,9 +3408,9 @@
     --tw-enter-translate-y: initial;
   }
 }
-.data-\[state\=open\]\:duration-500 {
+.data-\[state\=open\]\:duration-300 {
   &[data-state="open"] {
-    animation-duration: 500ms;
+    animation-duration: 300ms;
   }
 }
 .data-\[state\=open\]\:fade-in-0 {
@@ -3492,29 +3600,29 @@
 .data-\[vaul-drawer-direction\=bottom\]\:border-t {
   &[data-vaul-drawer-direction="bottom"] {
     border-top-style: var(--tw-border-style);
-    border-top-width: 1px;
+    border-top-width: var(--borderwidth-xs);
   }
 }
 .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
   &[data-vaul-drawer-direction="left"] {
-    width: calc(3/4 * 100%);
+    width: calc(3 / 4 * 100%);
   }
 }
 .data-\[vaul-drawer-direction\=left\]\:border-e {
   &[data-vaul-drawer-direction="left"] {
     border-inline-end-style: var(--tw-border-style);
-    border-inline-end-width: 1px;
+    border-inline-end-width: var(--borderwidth-xs);
   }
 }
 .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
   &[data-vaul-drawer-direction="right"] {
-    width: calc(3/4 * 100%);
+    width: calc(3 / 4 * 100%);
   }
 }
 .data-\[vaul-drawer-direction\=right\]\:border-s {
   &[data-vaul-drawer-direction="right"] {
     border-inline-start-style: var(--tw-border-style);
-    border-inline-start-width: 1px;
+    border-inline-start-width: var(--borderwidth-xs);
   }
 }
 .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
@@ -3531,7 +3639,12 @@
 .data-\[vaul-drawer-direction\=top\]\:border-b {
   &[data-vaul-drawer-direction="top"] {
     border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
+    border-bottom-width: var(--borderwidth-xs);
+  }
+}
+.ltr\:rotate-180 {
+  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
+    rotate: 180deg;
   }
 }
 .rtl\:origin-right {
@@ -3547,7 +3660,13 @@
 }
 .rtl\:translate-x-1\/2 {
   &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
-    --tw-translate-x: calc(1/2 * 100%);
+    --tw-translate-x: calc(1 / 2 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+}
+.rtl\:translate-x-full {
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    --tw-translate-x: 100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 }
@@ -3556,15 +3675,83 @@
     rotate: 180deg;
   }
 }
+.rtl\:\[transform\:rotate\(-90deg\)_scaleX\(-1\)\] {
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    transform: rotate(-90deg) scaleX(-1);
+  }
+}
+.rtl\:space-x-reverse {
+  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 1;
+    }
+  }
+}
 .rtl\:after\:translate-x-1\/2 {
   &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
     &::after {
       content: var(--tw-content);
-      --tw-translate-x: calc(1/2 * 100%);
+      --tw-translate-x: calc(1 / 2 * 100%);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
 }
+.data-\[motion\=from-end\]\:rtl\:slide-in-from-left-52 {
+  &[data-motion="from-end"] {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-enter-translate-x: -13rem;
+    }
+  }
+}
+.data-\[motion\=from-start\]\:rtl\:slide-in-from-right-52 {
+  &[data-motion="from-start"] {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-enter-translate-x: 13rem;
+    }
+  }
+}
+.data-\[motion\=to-end\]\:rtl\:slide-out-to-left-52 {
+  &[data-motion="to-end"] {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-exit-translate-x: -13rem;
+    }
+  }
+}
+.data-\[motion\=to-start\]\:rtl\:slide-out-to-right-52 {
+  &[data-motion="to-start"] {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-exit-translate-x: 13rem;
+    }
+  }
+}
+.data-\[state\=closed\]\:rtl\:slide-out-to-left {
+  &[data-state="closed"] {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-exit-translate-x: -100%;
+    }
+  }
+}
+.data-\[state\=closed\]\:rtl\:slide-out-to-right {
+  &[data-state="closed"] {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-exit-translate-x: 100%;
+    }
+  }
+}
+.data-\[state\=open\]\:rtl\:slide-in-from-left {
+  &[data-state="open"] {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-enter-translate-x: -100%;
+    }
+  }
+}
+.data-\[state\=open\]\:rtl\:slide-in-from-right {
+  &[data-state="open"] {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      --tw-enter-translate-x: 100%;
+    }
+  }
+}
 .dark\:border-brand-600 {
   &:is([data-theme*="dark"] *) {
     border-color: hsl(var(--brand-600));
@@ -3588,21 +3775,24 @@
     background-color: hsl(var(--brand-500));
   }
 }
-.dark\:bg-destructive-400 {
+.dark\:bg-brand\/10 {
   &:is([data-theme*="dark"] *) {
-    background-color: hsl(var(--destructive-400));
+    background-color: hsl(var(--brand-default));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, hsl(var(--brand-default)) 10%, transparent);
+    }
   }
 }
-.dark\:bg-destructive-500 {
+.dark\:bg-destructive-400 {
   &:is([data-theme*="dark"] *) {
-    background-color: hsl(var(--destructive-500));
+    background-color: hsl(var(--destructive-400));
   }
 }
-.dark\:bg-input\/30 {
+.dark\:bg-destructive\/10 {
   &:is([data-theme*="dark"] *) {
-    background-color: hsl(var(--background-control));
+    background-color: hsl(var(--destructive-default));
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, hsl(var(--background-control)) 30%, transparent);
+      background-color: color-mix(in oklab, hsl(var(--destructive-default)) 10%, transparent);
     }
   }
 }
@@ -3634,72 +3824,43 @@
     background-color: hsl(var(--warning-400));
   }
 }
-.dark\:bg-warning-500 {
-  &:is([data-theme*="dark"] *) {
-    background-color: hsl(var(--warning-500));
-  }
-}
-.dark\:\!text-brand-400 {
-  &:is([data-theme*="dark"] *) {
-    color: hsl(var(--brand-400)) !important;
-  }
-}
-.dark\:\!text-destructive-400 {
-  &:is([data-theme*="dark"] *) {
-    color: hsl(var(--destructive-400)) !important;
-  }
-}
-.dark\:\!text-warning-400 {
-  &:is([data-theme*="dark"] *) {
-    color: hsl(var(--warning-400)) !important;
-  }
-}
 .dark\:text-brand-400 {
   &:is([data-theme*="dark"] *) {
     color: hsl(var(--brand-400));
   }
 }
-.dark\:hover\:border-brand {
+.dark\:hover\:border-brand-500 {
   &:is([data-theme*="dark"] *) {
     &:hover {
       @media (hover: hover) {
-        border-color: hsl(var(--brand-default));
+        border-color: hsl(var(--brand-500));
       }
     }
   }
 }
-.dark\:hover\:bg-brand\/50 {
+.dark\:hover\:bg-brand-600 {
   &:is([data-theme*="dark"] *) {
     &:hover {
       @media (hover: hover) {
-        background-color: hsl(var(--brand-default));
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, hsl(var(--brand-default)) 50%, transparent);
-        }
+        background-color: hsl(var(--brand-600));
       }
     }
   }
 }
-.dark\:hover\:bg-destructive\/50 {
+.dark\:hover\:bg-destructive-600 {
   &:is([data-theme*="dark"] *) {
     &:hover {
       @media (hover: hover) {
-        background-color: hsl(var(--destructive-default));
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, hsl(var(--destructive-default)) 50%, transparent);
-        }
+        background-color: hsl(var(--destructive-600));
       }
     }
   }
 }
-.dark\:hover\:bg-warning\/50 {
+.dark\:hover\:bg-warning-600 {
   &:is([data-theme*="dark"] *) {
     &:hover {
       @media (hover: hover) {
-        background-color: hsl(var(--warning-default));
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, hsl(var(--warning-default)) 50%, transparent);
-        }
+        background-color: hsl(var(--warning-600));
       }
     }
   }
@@ -3714,6 +3875,16 @@
     }
   }
 }
+.dark\:aria-\[invalid\=true\]\:bg-destructive\/5 {
+  &:is([data-theme*="dark"] *) {
+    &[aria-invalid="true"] {
+      background-color: hsl(var(--destructive-default));
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, hsl(var(--destructive-default)) 5%, transparent);
+      }
+    }
+  }
+}
 .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 {
   &:is([data-theme*="dark"] *) {
     &[data-active="true"] {
@@ -3726,32 +3897,32 @@
     }
   }
 }
-.dark\:data-\[state\=open\]\:bg-brand-500\/80 {
+.dark\:data-\[state\=open\]\:bg-brand-600\/80 {
   &:is([data-theme*="dark"] *) {
     &[data-state="open"] {
-      background-color: hsl(var(--brand-500));
+      background-color: hsl(var(--brand-600));
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, hsl(var(--brand-500)) 80%, transparent);
+        background-color: color-mix(in oklab, hsl(var(--brand-600)) 80%, transparent);
       }
     }
   }
 }
-.dark\:data-\[state\=open\]\:bg-destructive\/50 {
+.dark\:data-\[state\=open\]\:bg-destructive-600\/80 {
   &:is([data-theme*="dark"] *) {
     &[data-state="open"] {
-      background-color: hsl(var(--destructive-default));
+      background-color: hsl(var(--destructive-600));
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, hsl(var(--destructive-default)) 50%, transparent);
+        background-color: color-mix(in oklab, hsl(var(--destructive-600)) 80%, transparent);
       }
     }
   }
 }
-.dark\:data-\[state\=open\]\:bg-warning\/50 {
+.dark\:data-\[state\=open\]\:bg-warning-600\/80 {
   &:is([data-theme*="dark"] *) {
     &[data-state="open"] {
-      background-color: hsl(var(--warning-default));
+      background-color: hsl(var(--warning-600));
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, hsl(var(--warning-default)) 50%, transparent);
+        background-color: color-mix(in oklab, hsl(var(--warning-600)) 80%, transparent);
       }
     }
   }
@@ -3785,49 +3956,51 @@
     color: hsl(var(--foreground-muted));
   }
 }
-.\[\&_svg\]\:pointer-events-none {
-  & svg {
-    pointer-events: none;
-  }
-}
-.\[\&_svg\]\:h-\[14px\] {
-  & svg {
-    height: 14px;
+.\[\&_\[data-slot\=avatar\]\]\:text-base {
+  & [data-slot=avatar] {
+    font-size: 1rem;
+    line-height: var(--tw-leading, 1.625rem);
   }
 }
-.\[\&_svg\]\:h-\[18px\] {
-  & svg {
-    height: 18px;
+.\[\&_\[data-slot\=avatar\]\]\:text-sm {
+  & [data-slot=avatar] {
+    font-size: 0.875rem;
+    line-height: var(--tw-leading, 1.375rem);
   }
 }
-.\[\&_svg\]\:h-\[20px\] {
-  & svg {
-    height: 20px;
+.\[\&_\[data-slot\=avatar\]\]\:text-xs {
+  & [data-slot=avatar] {
+    font-size: 0.75rem;
+    line-height: var(--tw-leading, 1.125rem);
   }
 }
-.\[\&_svg\]\:h-\[24px\] {
+.\[\&_svg\]\:pointer-events-none {
   & svg {
-    height: 24px;
+    pointer-events: none;
   }
 }
-.\[\&_svg\]\:w-\[14px\] {
+.\[\&_svg\]\:size-\[14px\] {
   & svg {
     width: 14px;
+    height: 14px;
   }
 }
-.\[\&_svg\]\:w-\[18px\] {
+.\[\&_svg\]\:size-\[18px\] {
   & svg {
     width: 18px;
+    height: 18px;
   }
 }
-.\[\&_svg\]\:w-\[20px\] {
+.\[\&_svg\]\:size-\[20px\] {
   & svg {
     width: 20px;
+    height: 20px;
   }
 }
-.\[\&_svg\]\:w-\[24px\] {
+.\[\&_svg\]\:size-\[24px\] {
   & svg {
     width: 24px;
+    height: 24px;
   }
 }
 .\[\&_svg\]\:shrink-0 {
@@ -3843,13 +4016,13 @@
 .\[\&_tr\]\:border-b {
   & tr {
     border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
+    border-bottom-width: var(--borderwidth-xs);
   }
 }
 .\[\&_tr\:last-child\]\:border-0 {
   & tr:last-child {
     border-style: var(--tw-border-style);
-    border-width: 0px;
+    border-width: var(--borderwidth-none);
   }
 }
 .\[\&\:\:-webkit-search-cancel-button\]\:hidden {
@@ -3862,11 +4035,6 @@
     display: none;
   }
 }
-.\[\&\:hover_svg\]\:\!text-primary {
-  &:hover svg {
-    color: hsl(var(--brand-default)) !important;
-  }
-}
 .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
   &[data-variant="destructive"] {
     :is(& > *) {
@@ -3910,13 +4078,13 @@
 .\[\&\>\*\:not\(\:first-child\)\]\:border-s-0 {
   &>*:not(:first-child) {
     border-inline-start-style: var(--tw-border-style);
-    border-inline-start-width: 0px;
+    border-inline-start-width: var(--borderwidth-none);
   }
 }
 .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 {
   &>*:not(:first-child) {
     border-top-style: var(--tw-border-style);
-    border-top-width: 0px;
+    border-top-width: var(--borderwidth-none);
   }
 }
 .\[\&\>\*\:not\(\:last-child\)\]\:rounded-e-none {
@@ -3936,6 +4104,16 @@
     width: auto;
   }
 }
+.\[\&\>\[data-slot\=callout-icon\]\]\:text-\[hsl\(var\(--score-excellent\)\)\] {
+  &>[data-slot=callout-icon] {
+    color: hsl(var(--score-excellent));
+  }
+}
+.\[\&\>\[data-slot\=callout-icon\]\]\:text-foreground-lighter {
+  &>[data-slot=callout-icon] {
+    color: hsl(var(--foreground-lighter));
+  }
+}
 .\[\&\>\[data-slot\=field-label\]\]\:flex-auto {
   &>[data-slot=field-label] {
     flex: auto;
@@ -4021,11 +4199,6 @@
     flex-shrink: 0;
   }
 }
-.\[\&\>svg\]\:text-blue-600 {
-  &>svg {
-    color: #2563eb;
-  }
-}
 .\[\&\>svg\]\:text-brand-600 {
   &>svg {
     color: hsl(var(--brand-600));
@@ -4041,6 +4214,11 @@
     color: hsl(var(--foreground-default));
   }
 }
+.\[\&\>svg\]\:text-foreground-light {
+  &>svg {
+    color: hsl(var(--foreground-light));
+  }
+}
 .\[\&\>svg\]\:text-sidebar-accent-foreground {
   &>svg {
     color: hsl(var(--foreground-default));
@@ -4051,18 +4229,11 @@
     color: hsl(var(--warning-600));
   }
 }
-.dark\:\[\&\>svg\]\:text-blue-400 {
-  &:is([data-theme*="dark"] *) {
-    &>svg {
-      color: #60a5fa;
-    }
-  }
-}
 .\[\&\>tr\]\:last\:border-b-0 {
   &>tr {
     &:last-child {
       border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0px;
+      border-bottom-width: var(--borderwidth-none);
     }
   }
 }
@@ -4079,7 +4250,7 @@
 .\[\[data-bordered\]_\&\]\:border {
   [data-bordered] & {
     border-style: var(--tw-border-style);
-    border-width: 1px;
+    border-width: var(--borderwidth-xs);
   }
 }
 .\[\[data-bordered\]_\&\]\:border {
@@ -4181,9 +4352,9 @@
     position: sticky;
   }
 }
-.\[\[data-sticky-header\]_\&\]\:z-10 {
+.\[\[data-sticky-header\]_\&\]\:z-\[9\] {
   [data-sticky-header] & {
-    z-index: 10;
+    z-index: 9;
   }
 }
 .\[\[data-variant\=default\]_\&\]\:rounded-md {
@@ -4216,7 +4387,7 @@
 .\[\[data-variant\=outline\]_\&\]\:border-e {
   [data-variant=outline] & {
     border-inline-end-style: var(--tw-border-style);
-    border-inline-end-width: 1px;
+    border-inline-end-width: var(--borderwidth-xs);
   }
 }
 .\[\[data-variant\=outline\]_\&\]\:border-border {
@@ -4244,7 +4415,7 @@
   [data-variant=outline] & {
     &:last-child {
       border-inline-end-style: var(--tw-border-style);
-      border-inline-end-width: 0px;
+      border-inline-end-width: var(--borderwidth-none);
     }
   }
 }
@@ -4263,7 +4434,7 @@
 .\[\[data-variant\=underline\]_\&\]\:border-b-2 {
   [data-variant=underline] & {
     border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 2px;
+    border-bottom-width: var(--borderwidth-sm);
   }
 }
 .\[\[data-variant\=underline\]_\&\]\:border-transparent {
@@ -4411,6 +4582,8 @@
   --icon-xs: 12px;
   --icon-sm: 16px;
   --icon-md: 18px;
+  --icon-lg: 24px;
+  --icon-xl: 32px;
   --iconwidth-default: 1px;
   --panel: 2px;
   --datatable-headericon: 16px;
@@ -4421,6 +4594,46 @@
   --xxl: 128px;
   --content-width-screen-xl: 1128px;
   --font-family-body: Inter;
+  --text-caption: 0.75rem;
+  --text-label: 0.875rem;
+  --text-body: 0.875rem;
+  --text-subheading: 1rem;
+  --text-heading: 1.25rem;
+  --text-display: 1.5rem;
+  --leading-caption: 1rem;
+  --leading-label: 1.25rem;
+  --leading-body: 1.5rem;
+  --leading-subheading: 1.5rem;
+  --leading-heading: 1.75rem;
+  --leading-display: 2rem;
+  --weight-normal: 400;
+  --weight-medium: 500;
+  --weight-semibold: 600;
+  --weight-bold: 700;
+  --density-padding-y: 0.5rem;
+  --density-padding-x: 0.75rem;
+  --density-gap: 0.5rem;
+  --density-text: 0.875rem;
+  --z-dropdown: 50;
+  --z-sticky: 100;
+  --z-overlay: 200;
+  --z-modal: 300;
+  --z-popover: 400;
+  --z-tooltip: 500;
+}
+[data-density="compact"] {
+  --density-padding-y: 0.25rem;
+  --density-padding-x: 0.5rem;
+  --density-gap: 0.25rem;
+  --density-text: 0.75rem;
+}
+[data-density="spacious"] {
+  --density-padding-y: 0.75rem;
+  --density-padding-x: 1rem;
+  --density-gap: 0.75rem;
+  --density-text: 1rem;
+}
+:root {
   --social-platform-instagram: #E1306C;
   --social-platform-tiktok: #FE2C55;
   --social-platform-youtube: #FF0000;
@@ -4452,6 +4665,16 @@
   --brand-400: 151.3deg 66.9% 66.9%;
   --brand-300: 147.5deg 72% 80.4%;
   --brand-200: 147.6deg 72.5% 90%;
+  --brand-alpha-5: hsla(153, 60%, 53%, 0.05);
+  --brand-alpha-10: hsla(153, 60%, 53%, 0.1);
+  --brand-alpha-20: hsla(153, 60%, 53%, 0.2);
+  --brand-alpha-30: hsla(153, 60%, 53%, 0.3);
+  --destructive-alpha-5: hsla(10, 78%, 54%, 0.05);
+  --destructive-alpha-10: hsla(10, 78%, 54%, 0.1);
+  --destructive-alpha-20: hsla(10, 78%, 54%, 0.2);
+  --warning-alpha-5: hsla(30, 80%, 48%, 0.05);
+  --warning-alpha-10: hsla(30, 80%, 48%, 0.1);
+  --warning-alpha-20: hsla(30, 80%, 48%, 0.2);
   --warning-default: 30.3deg 80.3% 47.8%;
   --warning-600: 30.3deg 80.3% 47.8%;
   --warning-500: 36.3deg 85.7% 67.1%;
@@ -4487,8 +4710,8 @@
   --border-overlay: 0deg 0% 91%;
   --border-secondary: 0deg 0% 92.9%;
   --border-muted: 0deg 0% 92.9%;
-  --background-dash-canvas: 0deg 0% 97.3%;
-  --background-dash-sidebar: 0deg 0% 98.8%;
+  --background-canvas: 0deg 0% 97.3%;
+  --background-sidebar: 0deg 0% 98.8%;
   --background-button-default: 0deg 0% 98.8%;
   --background-overlay-hover: 0deg 0% 95.3%;
   --background-overlay-default: 0deg 0% 98.8%;
@@ -4497,11 +4720,14 @@
   --background-default: 0deg 0% 98.8%;
   --background-200: 0deg 0% 97.3%;
   --foreground-default: 0deg 0% 9%;
-  --chart-1: 156.5deg 86.5% 26.1%;
-  --chart-2: 9.9deg 82% 43.5%;
-  --chart-3: 30.3deg 80.3% 47.8%;
-  --chart-4: 247.8deg 100% 70%;
-  --chart-5: var(--colors-gray-light-900);
+  --chart-1: 153deg 55% 42%;
+  --chart-2: 198deg 50% 48%;
+  --chart-3: 240deg 40% 54%;
+  --chart-4: 310deg 38% 52%;
+  --chart-5: 355deg 45% 52%;
+  --chart-6: 35deg 52% 48%;
+  --chart-7: 75deg 38% 46%;
+  --chart-8: 118deg 35% 46%;
   --engagement-excellent: 142deg 76% 19%;
   --engagement-excellent-hover: 143deg 72% 14%;
   --engagement-very-good: 142deg 71% 45%;
@@ -4518,6 +4744,22 @@
   --sentiment-positive: 142deg 71% 45%;
   --sentiment-negative: 0deg 84% 60%;
   --sentiment-neutral: 0deg 0% 43.5%;
+  --sentiment-mixed: var(--warning);
+  --score-excellent: 142deg 76% 26%;
+  --score-excellent-bg: 142deg 76% 95%;
+  --score-good: 84deg 81% 44%;
+  --score-good-bg: 84deg 81% 94%;
+  --score-moderate: 48deg 96% 50%;
+  --score-moderate-bg: 48deg 96% 94%;
+  --score-poor: 25deg 95% 53%;
+  --score-poor-bg: 25deg 95% 94%;
+  --score-critical: 0deg 84% 60%;
+  --score-critical-bg: 0deg 84% 95%;
+  --elevation-0: none;
+  --elevation-1: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --elevation-2: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.05);
+  --elevation-3: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.04);
+  --elevation-4: 0 20px 25px -5px rgb(0 0 0 / 0.08), 0 8px 10px -6px rgb(0 0 0 / 0.04);
 }
 [data-theme='dark'], .dark {
   --helpers-os-appearance: Dark;
@@ -4544,6 +4786,16 @@
   --brand-400: 155.5deg 100% 9.6%;
   --brand-300: 155.1deg 100% 8%;
   --brand-200: 162deg 100% 2%;
+  --brand-alpha-5: hsla(153, 60%, 53%, 0.05);
+  --brand-alpha-10: hsla(153, 60%, 53%, 0.1);
+  --brand-alpha-20: hsla(153, 60%, 53%, 0.2);
+  --brand-alpha-30: hsla(153, 60%, 53%, 0.3);
+  --destructive-alpha-5: hsla(10, 78%, 54%, 0.05);
+  --destructive-alpha-10: hsla(10, 78%, 54%, 0.1);
+  --destructive-alpha-20: hsla(10, 78%, 54%, 0.2);
+  --warning-alpha-5: hsla(39, 100%, 43%, 0.05);
+  --warning-alpha-10: hsla(39, 100%, 43%, 0.1);
+  --warning-alpha-20: hsla(39, 100%, 43%, 0.2);
   --warning-default: 38.9deg 100% 42.9%;
   --warning-600: 38.9deg 100% 42.9%;
   --warning-500: 34.8deg 90.9% 21.6%;
@@ -4564,8 +4816,8 @@
   --border-secondary: 0deg 0% 14.1%;
   --border-muted: 0deg 0% 14.1%;
   --border-default: 0deg 0% 18%;
-  --background-dash-canvas: 0deg 0% 7.1%;
-  --background-dash-sidebar: 0deg 0% 9%;
+  --background-canvas: 0deg 0% 7.1%;
+  --background-sidebar: 0deg 0% 9%;
   --background-dialog-default: 0deg 0% 7.1%;
   --background-muted: 0deg 0% 14.1%;
   --background-overlay-hover: 0deg 0% 18%;
@@ -4589,11 +4841,14 @@
   --border-button-default: var(--colors-gray-dark-700);
   --background-button-default: var(--colors-gray-dark-500);
   --background-alternative-200: var(--colors-gray-dark-200);
-  --chart-1: 154.9deg 100% 19.2%;
-  --chart-2: 9.7deg 85.2% 62.9%;
-  --chart-3: 38.9deg 100% 42.9%;
-  --chart-4: 247.8deg 100% 70%;
-  --chart-5: var(--colors-gray-dark-1000);
+  --chart-1: 153deg 60% 54%;
+  --chart-2: 198deg 55% 60%;
+  --chart-3: 240deg 45% 66%;
+  --chart-4: 310deg 42% 64%;
+  --chart-5: 355deg 50% 64%;
+  --chart-6: 35deg 56% 60%;
+  --chart-7: 75deg 42% 58%;
+  --chart-8: 118deg 40% 58%;
   --engagement-excellent: 142deg 76% 26%;
   --engagement-excellent-hover: 142deg 76% 19%;
   --engagement-very-good: 142deg 71% 45%;
@@ -4610,99 +4865,22 @@
   --sentiment-positive: 142deg 71% 45%;
   --sentiment-negative: 0deg 84% 60%;
   --sentiment-neutral: 0deg 0% 53.7%;
-  color-scheme: dark;
-}
-[data-theme='classic-dark'] {
-  --helpers-os-appearance: Classic Dark;
-  --social-platform-twitter: #E7E9EA;
-  --social-platform-threads: #E7E9EA;
-  --shadow-tooltip: 0 2px 12px rgba(0, 0, 0, 0.45);
-  --shadow-tooltip-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.35), 0 8px 10px -6px rgba(0, 0, 0, 0.25);
-  --focus-ring-color: hsl(var(--brand-default));
-  --placeholder-color: hsl(var(--foreground-muted));
-  --disabled-opacity: 0.5;
-  --transition-base: 150ms ease;
-  --code-block-5: 13.8deg 89.7% 69.6%;
-  --code-block-4: 276.1deg 67.7% 74.5%;
-  --code-block-3: 83.8deg 61.7% 63.1%;
-  --code-block-2: 33.2deg 90.3% 75.7%;
-  --code-block-1: 170.8deg 43.1% 61.4%;
-  --secondary-default: 247.8deg 75% 65%;
-  --secondary-400: 248deg 52% 28%;
-  --secondary-200: 248deg 48% 13%;
-  --brand-link: 153.1deg 60.2% 52.7%;
-  --brand-default: 153.1deg 60.2% 52.7%;
-  --brand-600: 153deg 59.5% 70%;
-  --brand-500: 153.5deg 61.8% 21.6%;
-  --brand-400: 153.3deg 65.2% 13.5%;
-  --brand-300: 153.8deg 69.6% 9%;
-  --brand-200: 152.5deg 75% 6.3%;
-  --warning-default: 38.9deg 100% 42.9%;
-  --warning-600: 38.9deg 100% 42.9%;
-  --warning-500: 34.8deg 90.9% 21.6%;
-  --warning-400: 33.2deg 100% 14.5%;
-  --warning-300: 32.3deg 100% 10.2%;
-  --warning-200: 36.8deg 100% 6.1%;
-  --destructive-default: 10.2deg 77.9% 53.9%;
-  --destructive-600: 9.7deg 85.2% 62.9%;
-  --destructive-500: 7.9deg 71.6% 29%;
-  --destructive-400: 6.7deg 60% 20.6%;
-  --destructive-300: 7.5deg 51.3% 15.3%;
-  --destructive-200: 10.9deg 23.4% 9.2%;
-  --background-dash-sidebar: 0deg 0% 11%;
-  --background-dialog-default: 0deg 0% 11%;
-  --background-surface-75: 0deg 0% 12.5%;
-  --background-200: 0deg 0% 11%;
-  --foreground-contrast: 0deg 0% 11%;
-  --border-button-hover: var(--colors-gray-dark-800);
-  --border-button-default: var(--colors-gray-dark-700);
-  --border-stronger: var(--colors-gray-dark-800);
-  --border-strong: var(--colors-gray-dark-700);
-  --border-alternative: var(--colors-gray-dark-500);
-  --border-control: var(--colors-gray-dark-600);
-  --border-overlay: var(--colors-gray-dark-500);
-  --border-secondary: var(--colors-gray-dark-500);
-  --border-muted: var(--colors-gray-dark-500);
-  --border-default: var(--colors-gray-dark-600);
-  --background-dash-canvas: var(--colors-gray-dark-200);
-  --background-button-default: var(--colors-gray-dark-500);
-  --background-muted: var(--colors-gray-dark-400);
-  --background-overlay-hover: var(--colors-gray-dark-500);
-  --background-overlay-default: var(--colors-gray-dark-300);
-  --background-surface-400: var(--colors-gray-dark-700);
-  --background-surface-300: var(--colors-gray-dark-500);
-  --background-surface-200: var(--colors-gray-dark-400);
-  --background-surface-100: var(--colors-gray-dark-300);
-  --background-control: var(--colors-gray-dark-300);
-  --background-selection: var(--colors-gray-dark-600);
-  --background-alternative-default: var(--colors-gray-dark-100);
-  --background-alternative-200: var(--colors-gray-dark-200);
-  --background-default: var(--colors-gray-dark-200);
-  --foreground-muted: var(--colors-gray-dark-900);
-  --foreground-lighter: var(--colors-gray-dark-1000);
-  --foreground-light: var(--colors-gray-dark-1100);
-  --foreground-default: var(--colors-gray-dark-1200);
-  --chart-1: 154.9deg 100% 19.2%;
-  --chart-2: 9.7deg 85.2% 62.9%;
-  --chart-3: 38.9deg 100% 42.9%;
-  --chart-4: 247.8deg 100% 70%;
-  --chart-5: var(--colors-gray-dark-1000);
-  --engagement-excellent: 142deg 76% 26%;
-  --engagement-excellent-hover: 142deg 76% 19%;
-  --engagement-very-good: 142deg 71% 45%;
-  --engagement-very-good-hover: 142deg 72% 35%;
-  --engagement-good: 84deg 81% 44%;
-  --engagement-good-hover: 85deg 85% 35%;
-  --engagement-average: 48deg 96% 50%;
-  --engagement-average-hover: 48deg 96% 42%;
-  --engagement-low: 25deg 95% 53%;
-  --engagement-low-hover: 25deg 95% 45%;
-  --engagement-poor: 0deg 84% 60%;
-  --engagement-poor-hover: 0deg 72% 51%;
-  --engagement-inactive: 0deg 0% 24.3%;
-  --sentiment-positive: 142deg 71% 45%;
-  --sentiment-negative: 0deg 84% 60%;
-  --sentiment-neutral: 0deg 0% 53.7%;
+  --sentiment-mixed: var(--warning);
+  --score-excellent: 142deg 76% 36%;
+  --score-excellent-bg: 142deg 76% 10%;
+  --score-good: 84deg 81% 44%;
+  --score-good-bg: 84deg 81% 12%;
+  --score-moderate: 48deg 96% 50%;
+  --score-moderate-bg: 48deg 96% 12%;
+  --score-poor: 25deg 95% 53%;
+  --score-poor-bg: 25deg 95% 12%;
+  --score-critical: 0deg 84% 60%;
+  --score-critical-bg: 0deg 84% 12%;
+  --elevation-0: none;
+  --elevation-1: 0 1px 3px 0 rgb(0 0 0 / 0.2);
+  --elevation-2: 0 4px 8px -1px rgb(0 0 0 / 0.25), 0 2px 4px -2px rgb(0 0 0 / 0.15);
+  --elevation-3: 0 10px 20px -3px rgb(0 0 0 / 0.3), 0 4px 8px -4px rgb(0 0 0 / 0.2);
+  --elevation-4: 0 20px 30px -5px rgb(0 0 0 / 0.35), 0 8px 12px -6px rgb(0 0 0 / 0.25);
   color-scheme: dark;
 }
 @font-face {
@@ -4745,7 +4923,7 @@
     --input: var(--border-control);
     --ring: var(--brand-default);
     --radius: 0.5rem;
-    --sidebar: var(--background-dash-sidebar);
+    --sidebar: var(--background-sidebar);
     --sidebar-foreground: var(--foreground-default);
     --sidebar-primary: var(--brand-default);
     --sidebar-primary-foreground: var(--foreground-contrast);
@@ -4753,6 +4931,9 @@
     --sidebar-accent-foreground: var(--foreground-default);
     --sidebar-border: var(--border-muted);
     --sidebar-ring: var(--brand-default);
+    --nav-rail-width: 3.5rem;
+    --nav-panel-width: 16rem;
+    --nav-panel-width-mobile: 18rem;
     --chart-1: var(--chart-1);
     --chart-2: var(--chart-2);
     --chart-3: var(--chart-3);
@@ -5155,10 +5336,10 @@
     background-color: hsl(var(--background-dialog-default));
   }
   .bg-dash-sidebar {
-    background-color: hsl(var(--background-dash-sidebar));
+    background-color: hsl(var(--background-sidebar));
   }
   .bg-dash-canvas {
-    background-color: hsl(var(--background-dash-canvas));
+    background-color: hsl(var(--background-canvas));
   }
   .bg-studio {
     background-color: hsl(var(--background-200));
@@ -5265,15 +5446,6 @@
   .hover\:border-brand-600:hover {
     border-color: hsl(var(--brand-600));
   }
-  .dark .hover\:border-brand:hover, .dark\:hover\:border-brand:is(.dark *):hover {
-    border-color: hsl(var(--brand-default));
-  }
-  .hover\:bg-brand\/80:hover {
-    background-color: hsl(var(--brand-default) / 0.8);
-  }
-  .dark .hover\:bg-brand\/50:hover, .dark\:hover\:bg-brand\/50:is(.dark *):hover {
-    background-color: hsl(var(--brand-default) / 0.5);
-  }
   .text-brand-600 {
     color: hsl(var(--brand-600));
   }
@@ -5391,9 +5563,6 @@
   .dark .border-destructive-600, .dark\:border-destructive-600:is(.dark *) {
     border-color: hsl(var(--destructive-600));
   }
-  .border-border-strong {
-    border-color: hsl(var(--border-strong));
-  }
   .bg-brand-200\/10 {
     background-color: hsl(var(--brand-200) / 0.1);
   }
@@ -5516,9 +5685,6 @@
   .border-foreground-muted {
     border-color: hsl(var(--border-stronger));
   }
-  .border-border-strong {
-    border-color: hsl(var(--border-strong));
-  }
   .outline-brand-600 {
     outline-color: hsl(var(--brand-600));
   }
@@ -5584,6 +5750,46 @@
     line-height: 1.25;
     font-weight: 600;
   }
+  .text-display-lg {
+    font-size: 1.5rem;
+    line-height: 1.2;
+    font-weight: 700;
+    letter-spacing: -0.025em;
+  }
+  .text-display-xl {
+    font-size: 2.25rem;
+    line-height: 1.1;
+    font-weight: 700;
+    letter-spacing: -0.03em;
+  }
+  .text-stat {
+    font-size: 2rem;
+    line-height: 1;
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    font-variant-numeric: tabular-nums;
+  }
+}
+:root {
+  --duration-fast: 150ms;
+  --duration-normal: 200ms;
+  --duration-slow: 300ms;
+  --easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
+  --easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
+  --easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
+}
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --duration-fast: 0ms;
+    --duration-normal: 0ms;
+    --duration-slow: 0ms;
+  }
+  *, ::before, ::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
 }
 @keyframes enter {
   from {
@@ -5632,11 +5838,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-divide-x-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -5863,6 +6064,11 @@
   initial-value: "";
   inherits: false;
 }
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -5874,7 +6080,6 @@
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
-      --tw-divide-x-reverse: 0;
       --tw-border-style: solid;
       --tw-gradient-position: initial;
       --tw-gradient-from: #0000;
@@ -5926,6 +6131,7 @@
       --tw-scale-y: 1;
       --tw-scale-z: 1;
       --tw-content: "";
+      --tw-space-x-reverse: 0;
     }
   }
 }