randmarcomps 1.579.0 → 1.580.0

package/dist/randmarcomps.js

@@ -3760,7 +3760,7 @@ function InputOTPSlot({
       "data-slot": "input-otp-slot",
       "data-active": l,
       className: cn(
-        "border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
+        "border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
         t
       ),
       ...n,
@@ -4575,7 +4575,7 @@ const RadioGroupItem = React.forwardRef(({ className: e, ...t }, n) => /* @__PUR
   {
     ref: n,
     className: cn(
-      "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow-sm focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow-sm focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       e
     ),
     ...t,
@@ -5653,7 +5653,7 @@ const DialogTrigger = Trigger$6, DialogPortal = Portal$4, DialogClose = Close$1,
   {
     ref: n,
     className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none",
+      "fixed inset-0 z-50 bg-foreground/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none",
       e
     ),
     ...t
@@ -5689,7 +5689,7 @@ const DialogContent = React.forwardRef(({ className: e, children: t, animateExit
         ...c,
         children: [
           t,
-          /* @__PURE__ */ jsxs(Close$1, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs(Close$1, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
             /* @__PURE__ */ jsx(X$2, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
           ] })
@@ -8288,20 +8288,20 @@ const falsyToString = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e,
   }, []);
   return cx(e, l, d, n?.class, n?.className);
 }, buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer",
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
         destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90",
         outline: "border border-input text-foreground bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
-        defaultOutline: "border border-red-600/30 text-red-600 bg-background shadow-xs hover:bg-red-600/5 ",
+        defaultOutline: "border border-destructive/30 text-destructive bg-background shadow-xs hover:bg-destructive/5 ",
         secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
-        blue: "bg-randmar-blue text-gray-100 shadow-sm hover:bg-randmar-blue/90",
-        red: "bg-randmar-red text-gray-100 shadow-sm hover:bg-randmar-red/90",
-        purple: "bg-randmar-purple text-gray-100 shadow-sm hover:bg-randmar-purple/90",
+        blue: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+        red: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+        purple: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
         none: ""
       },
       size: {
@@ -17464,7 +17464,7 @@ const Input = React.forwardRef(
         {
           type: t,
           className: cn(
-            "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+            "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
             e
           ),
           onChange: at,
@@ -17730,22 +17730,22 @@ function AddToOpportunityDialog(e) {
 }
 function ProductInventoryGrid({ inventory: e, showBinLocation: t, className: n }) {
   const a = (ft, pt, mt = !1, yt = !0) => {
-    const dt = ft.WarehouseType === "Fulfillment Center", Ct = dt ? "bg-white" : "bg-white/70 text-gray-600", Mt = yt && pt > 0 ? "border-t" : "", Dt = mt ? "border-r" : "", Ft = ft.Status ?? "Unknown", Ut = Ft === "Active";
-    let Rt = "bg-emerald-100 text-emerald-800 ring-1 ring-emerald-200";
+    const dt = ft.WarehouseType === "Fulfillment Center", Ct = dt ? "bg-background" : "bg-background/70 text-muted-foreground", Mt = yt && pt > 0 ? "border-t" : "", Dt = mt ? "border-r" : "", Ft = ft.Status ?? "Unknown", Ut = Ft === "Active";
+    let Rt = "bg-secondary text-secondary-foreground ring-1 ring-border";
     switch (ft.WarehouseType) {
       case "Last Mile":
-        Rt = "bg-blue-100 text-blue-800 ring-1 ring-blue-200";
+        Rt = "bg-info text-info-foreground ring-1 ring-info/40";
         break;
       case "First Mile":
-        Rt = "bg-purple-100 text-purple-800 ring-1 ring-purple-200";
+        Rt = "bg-accent text-accent-foreground ring-1 ring-border";
         break;
     }
     switch (Ft) {
       case "Closing":
-        Rt = "bg-yellow-100 text-yellow-800 ring-1 ring-yellow-200";
+        Rt = "bg-warning text-warning-foreground ring-1 ring-warning/40";
         break;
       case "Closed":
-        Rt = "bg-red-100 text-red-800 ring-1 ring-red-200";
+        Rt = "bg-destructive text-destructive-foreground ring-1 ring-destructive/40";
         break;
     }
     return /* @__PURE__ */ jsxs(
@@ -17756,7 +17756,7 @@ function ProductInventoryGrid({ inventory: e, showBinLocation: t, className: n }
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx("h3", { id: `wh-${ft.WarehouseId}-name`, className: `text-sm font-medium ${dt ? "text-gray-900" : "text-gray-800"}`, children: ft.Name }),
+              /* @__PURE__ */ jsx("h3", { id: `wh-${ft.WarehouseId}-name`, className: "text-sm font-medium text-foreground", children: ft.Name }),
               /* @__PURE__ */ jsxs(
                 "span",
                 {
@@ -17773,11 +17773,11 @@ function ProductInventoryGrid({ inventory: e, showBinLocation: t, className: n }
             ] }),
             /* @__PURE__ */ jsx("div", { className: "text-right", children: /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: formatNumber(ft.AvailableQuantity ?? 0) }) })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex justify-between mt-1 text-xs text-gray-600", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between mt-1 text-xs text-muted-foreground", children: [
             /* @__PURE__ */ jsx("span", { children: "Expecting" }),
             /* @__PURE__ */ jsx("span", { children: ft.PurchaseOrderQuantity ? formatNumber(ft.PurchaseOrderQuantity) : "—" })
           ] }),
-          t && /* @__PURE__ */ jsxs("div", { className: "flex justify-between mt-1 text-xs text-gray-600", children: [
+          t && /* @__PURE__ */ jsxs("div", { className: "flex justify-between mt-1 text-xs text-muted-foreground", children: [
             /* @__PURE__ */ jsx("span", { children: "Bin Location" }),
             /* @__PURE__ */ jsx("span", { children: ft.BinLocation || "—" })
           ] })
@@ -17797,7 +17797,7 @@ function ProductInventoryGrid({ inventory: e, showBinLocation: t, className: n }
       /* @__PURE__ */ jsx("div", { className: "p-3" })
     ] }),
     d.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 border-b bg-gray-50", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 border-b bg-muted/30", children: [
         /* @__PURE__ */ jsxs("div", { className: "p-3 font-semibold text-sm flex justify-between", children: [
           /* @__PURE__ */ jsx("span", { children: "Canada" }),
           /* @__PURE__ */ jsx("span", { children: formatNumber(V) })
@@ -17828,7 +17828,7 @@ function ProductInventoryGrid({ inventory: e, showBinLocation: t, className: n }
       ] })
     ] }),
     c.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 border-t bg-gray-50", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 border-t bg-muted/30", children: [
         /* @__PURE__ */ jsxs("div", { className: "p-3 font-semibold text-sm flex justify-between", children: [
           /* @__PURE__ */ jsx("span", { children: "United States" }),
           /* @__PURE__ */ jsx("span", { children: formatNumber(ot) })
@@ -17839,7 +17839,7 @@ function ProductInventoryGrid({ inventory: e, showBinLocation: t, className: n }
         (ft, pt) => a(ft, pt, pt % 2 === 0, !0)
       ) })
     ] }),
-    e.length === 0 && /* @__PURE__ */ jsx("div", { className: "p-6 text-center text-gray-500", children: "No inventory information available" })
+    e.length === 0 && /* @__PURE__ */ jsx("div", { className: "p-6 text-center text-muted-foreground", children: "No inventory information available" })
   ] });
 }
 var NODES$2 = [
@@ -17904,7 +17904,7 @@ const Sheet = Root$a, SheetTrigger = Trigger$6, SheetClose = Close$1, SheetPorta
   Overlay,
   {
     className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-foreground/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
     ...t,
@@ -17936,7 +17936,7 @@ const sheetVariants = cva(
       className: cn(sheetVariants({ side: e }), t),
       ...a,
       children: [
-        /* @__PURE__ */ jsxs(Close$1, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+        /* @__PURE__ */ jsxs(Close$1, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
           /* @__PURE__ */ jsx(X$2, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
         ] }),
@@ -18051,7 +18051,7 @@ const PartnerLogo = ({
       align: s
     },
     { skip: !S || d != !0 }
-  ), V = t || (e ? `Partner ID: ${e}` : "Logo not available (no ID)"), at = () => !c || f || R ? /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full rounded-sm" }) : A ? /* @__PURE__ */ jsx("img", { src: A, alt: V, className: "h-full w-full object-contain rounded-sm" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-sm bg-muted/20 p-1", title: V, children: /* @__PURE__ */ jsx(Handshake, { className: "text-primary fill-white min-h-full" }) });
+  ), V = t || (e ? `Partner ID: ${e}` : "Logo not available (no ID)"), at = () => !c || f || R ? /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full rounded-sm" }) : A ? /* @__PURE__ */ jsx("img", { src: A, alt: V, className: "h-full w-full object-contain rounded-sm" }) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center rounded-sm bg-muted/20 p-1", title: V, children: /* @__PURE__ */ jsx(Handshake, { className: "text-primary fill-background min-h-full" }) });
   return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx("div", { className: cn("flex h-full w-full cursor-default", o), ref: l, children: at() }) }),
     /* @__PURE__ */ jsx(TooltipContent, { side: "top", align: "center", children: V })
@@ -18062,7 +18062,7 @@ function AvatarFooter({ onClick: e, publicName: t, applicationName: n, partnerId
     /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-muted " + (e !== void 0 ? "cursor-pointer" : ""), children: /* @__PURE__ */ jsx(Button$1, { asChild: !0, size: "icon", onClick: e, children: /* @__PURE__ */ jsx("div", { className: "h-9 w-9 object-cover !bg-sidebar", children: /* @__PURE__ */ jsx(PartnerLogo, { id: a, width: 64, height: 64 }) }) }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
       /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t || "Partner" }),
-      /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-400", children: n })
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: n })
     ] })
   ] });
 }
@@ -19009,9 +19009,9 @@ const toastVariants = cva(
       variant: {
         default: "border bg-background text-foreground",
         destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
-        success: "border-green-600 bg-green-600 text-white",
-        warning: "border-yellow-500 bg-yellow-500 text-white",
-        info: "border-blue-500 bg-blue-500 text-white",
+        success: "border-success bg-success text-success-foreground",
+        warning: "border-warning bg-warning text-warning-foreground",
+        info: "border-info bg-info text-info-foreground",
         secondary: "border-secondary bg-secondary text-secondary-foreground",
         outline: "border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground"
       }
@@ -19027,7 +19027,7 @@ const ToastAction = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE__
   {
     ref: n,
     className: cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-hidden focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 hover:group-[.destructive]:border-destructive/30 hover:group-[.destructive]:bg-destructive hover:group-[.destructive]:text-destructive-foreground focus:group-[.destructive]:ring-destructive",
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 hover:group-[.destructive]:border-destructive/30 hover:group-[.destructive]:bg-destructive hover:group-[.destructive]:text-destructive-foreground",
       e
     ),
     ...t
@@ -19039,7 +19039,7 @@ const ToastClose = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE__
   {
     ref: n,
     className: cn(
-      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-hidden focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 hover:group-[.destructive]:text-red-50 focus:group-[.destructive]:ring-red-400 focus:group-[.destructive]:ring-offset-red-600",
+      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus-visible:opacity-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 group-hover:opacity-100 group-[.destructive]:text-destructive-foreground/70 hover:group-[.destructive]:text-destructive-foreground",
       e
     ),
     "toast-close": "",
@@ -40639,7 +40639,7 @@ function Preloader({ text: e, color: t = "white", className: n }) {
     /* @__PURE__ */ jsx(PreloaderIcon, { color: t }),
     e && /* @__PURE__ */ jsx("div", { className: cn(
       "text-center text-xl font-medium",
-      t === "black" ? "text-foreground" : "text-white"
+      t === "black" ? "text-foreground" : "text-primary-foreground"
     ), children: e })
   ] });
 }
@@ -54218,7 +54218,7 @@ const Switch = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ j
   Root$3,
   {
     className: cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
       e
     ),
     ...t,
@@ -54292,7 +54292,7 @@ function ChatLeftSidebar({
               children: s ? /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "bg-gray-900 text-white", children: "Full refresh" })
+          /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "bg-popover text-popover-foreground", children: "Full refresh" })
         ] }),
         /* @__PURE__ */ jsxs(Tooltip$1, { children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(
@@ -54307,7 +54307,7 @@ function ChatLeftSidebar({
               children: o ? /* @__PURE__ */ jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(CheckCheck, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "bg-gray-900 text-white", children: "Mark all read" })
+          /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "bg-popover text-popover-foreground", children: "Mark all read" })
         ] })
       ] }) })
     ] }),
@@ -54317,7 +54317,7 @@ function ChatLeftSidebar({
         Input,
         {
           placeholder: "Search chats...",
-          className: "h-10 pl-8 rounded-xl bg-muted/40 border-transparent shadow-none focus-visible:ring-1 focus-visible:ring-primary/30",
+          className: "h-10 pl-8 rounded-xl bg-muted/40 border-transparent shadow-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           value: A,
           onChange: (Vt) => R(Vt.target.value)
         }
@@ -54348,7 +54348,7 @@ function ChatLeftSidebar({
             value: V ?? "",
             onChange: (Vt) => at(Vt.target.value),
             onBlur: Ut,
-            className: "mt-1 h-8 border-0 bg-transparent px-0 text-sm font-medium shadow-none focus-visible:ring-0"
+            className: "mt-1 h-8 border-0 bg-transparent px-0 text-sm font-medium shadow-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
           }
         )
       ] }),
@@ -54360,7 +54360,7 @@ function ChatLeftSidebar({
             value: lt ?? "",
             onChange: (Vt) => ot(Vt.target.value),
             onBlur: Rt,
-            className: "mt-1 h-8 border-0 bg-transparent px-0 text-sm font-medium shadow-none focus-visible:ring-0"
+            className: "mt-1 h-8 border-0 bg-transparent px-0 text-sm font-medium shadow-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
           }
         )
       ] }),
@@ -56488,7 +56488,7 @@ ${e}</tr>
     let s = X$1(e);
     if (s === null) return O(n);
     e = s;
-    let o = `<img src="${e}" alt="${n}"`;
+    let o = `<img src="${e}" alt="${O(n)}"`;
     return t && (o += ` title="${O(t)}"`), o += ">", o;
   }
   text(e) {
@@ -57445,7 +57445,7 @@ const Textarea = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */
   "textarea",
   {
     className: cn(
-      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
       e
     ),
     ref: n,
@@ -57561,7 +57561,7 @@ function SkeletonMessageDashboard({ botStatus: e }) {
 }
 function SkeletonMessageAssistant({ botStatus: e }) {
   return /* @__PURE__ */ jsx("div", { className: "flex items-start mt-2 mb-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col max-w-[70%]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "rounded-md p-3 break-words bg-white border rounded-tl-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "rounded-md p-3 break-words bg-background border border-border rounded-tl-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-primary animate-pulse" }),
       /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-primary animate-pulse delay-150" }),
       /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-primary animate-pulse delay-300" }),
@@ -57731,14 +57731,14 @@ const ChatMessageRowDashboard = memo$1(function e({
           className: cn(
             "rounded-md p-3 break-words [&_li]:ml-6 [&_li]:list-disc [&_h1]:text-lg [&_h1]:font-bold [&_h1]:mt-4 [&_h2]:font-bold [&_h2]:mt-4 [&_h3]:mt-4 ",
             d && "flex-1 w-full",
-            d ? n ? "bg-white border text-slate-900 rounded-tr-none" : "bg-white border rounded-tl-none" : n ? "bg-primary text-white rounded-tr-none" : "bg-white border rounded-tl-none"
+            d ? n ? "bg-background border border-border text-foreground rounded-tr-none" : "bg-background border border-border rounded-tl-none" : n ? "bg-primary text-primary-foreground rounded-tr-none" : "bg-background border border-border rounded-tl-none"
           ),
           children: [
             d ? /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx(
                 Textarea,
                 {
-                  className: "w-full min-h-14 max-h-[30em] resize-none field-sizing-content bg-white p-2 text-sm text-slate-900",
+                  className: "w-full min-h-14 max-h-[30em] resize-none field-sizing-content bg-background p-2 text-sm text-foreground",
                   value: f,
                   onChange: (pt) => S(pt.target.value)
                 }
@@ -57759,7 +57759,7 @@ const ChatMessageRowDashboard = memo$1(function e({
               {
                 src: pt,
                 alt: `${t.senderName || (n ? "User" : "Assistant")} image ${mt + 1}`,
-                className: "max-w-full h-auto rounded-md border bg-white",
+                className: "max-w-full h-auto rounded-md border border-border bg-background",
                 loading: "lazy",
                 draggable: !1
               },
@@ -57925,7 +57925,7 @@ function ChatMainArea({
             onKeyDown: (S) => {
               S.key !== "Enter" || S.shiftKey || (S.preventDefault(), c());
             },
-            className: t?.pending ? "collapse" : "flex-1 resize-none field-sizing-content max-h-[30em] rounded-xl border border-border/60 bg-muted/20 focus-visible:ring-1 focus-visible:ring-primary/30",
+            className: t?.pending ? "collapse" : "flex-1 resize-none field-sizing-content max-h-[30em] rounded-xl border border-border/60 bg-muted/20 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             disabled: t?.pending
           }
         ),
@@ -60006,7 +60006,7 @@ function ManufacturerBillingInfoSection({ manufacturer: e, readonly: t = !1, isL
               readOnly: t
             }
           ),
-          V.representativeEmail && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: V.representativeEmail.message })
+          V.representativeEmail && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: V.representativeEmail.message })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 @md:grid-cols-2 gap-4", children: [
@@ -60016,7 +60016,7 @@ function ManufacturerBillingInfoSection({ manufacturer: e, readonly: t = !1, isL
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx(Label$2, { className: "text-sm font-medium leading-none", htmlFor: "creditLimit", children: "Credit Limit" }),
-          /* @__PURE__ */ jsx("div", { className: "p-2 border rounded-md bg-gray-100", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "p-2 border rounded-md bg-muted/30", children: /* @__PURE__ */ jsx(
             FormattedNumber,
             {
               value: e?.CreditLimit || 0,
@@ -60214,7 +60214,7 @@ function ManufacturerPublicInfoSection({ manufacturer: e, readonly: t = !1, isLo
               readOnly: t
             }
           ),
-          lt.publicName && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: lt.publicName.message })
+          lt.publicName && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: lt.publicName.message })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx(Label$2, { className: "text-sm font-medium leading-none", htmlFor: "website", children: "Website *" }),
@@ -60234,7 +60234,7 @@ function ManufacturerPublicInfoSection({ manufacturer: e, readonly: t = !1, isLo
               readOnly: t
             }
           ),
-          lt.website && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: lt.website.message })
+          lt.website && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: lt.website.message })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx(Label$2, { className: "text-sm font-medium leading-none", htmlFor: "manufacturerCategories", children: "Manufacturer Categories" }),
@@ -60267,7 +60267,7 @@ function ManufacturerPublicInfoSection({ manufacturer: e, readonly: t = !1, isLo
               readOnly: t
             }
           ),
-          lt.customerServiceEmail && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: lt.customerServiceEmail.message })
+          lt.customerServiceEmail && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: lt.customerServiceEmail.message })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx(Label$2, { className: "text-sm font-medium leading-none", htmlFor: "publicResources", children: "Public Resources" }),
@@ -60375,7 +60375,7 @@ function ManufacturerQualificationsSection({ manufacturer: e, readonly: t = !1,
             readOnly: t
           }
         ),
-        V.partnerPortal && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: V.partnerPortal.message })
+        V.partnerPortal && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: V.partnerPortal.message })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx(Label$2, { className: "text-sm font-medium leading-none", htmlFor: "partnerRegistrationLink", children: "Partner Registration Link" }),
@@ -60393,7 +60393,7 @@ function ManufacturerQualificationsSection({ manufacturer: e, readonly: t = !1,
             readOnly: t
           }
         ),
-        V.partnerRegistrationLink && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: V.partnerRegistrationLink.message })
+        V.partnerRegistrationLink && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: V.partnerRegistrationLink.message })
       ] }),
       !t && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button$1, { type: "submit", disabled: at, className: "w-full sm:w-auto", children: at ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
         /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
@@ -60547,7 +60547,7 @@ function ManufacturerReportsSection({ manufacturerId: e, userEmail: t, isLoading
       Kt.reports.map((Jt) => /* @__PURE__ */ jsxs(
         "div",
         {
-          className: "flex items-start gap-4 rounded-lg border p-4 transition-colors hover:bg-gray-100",
+          className: "flex items-start gap-4 rounded-lg border p-4 transition-colors hover:bg-muted",
           children: [
             /* @__PURE__ */ jsx("div", { className: "rounded-full bg-primary/10 p-2", children: /* @__PURE__ */ jsx(Jt.icon, { className: "h-5 w-5 text-primary" }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
@@ -60667,58 +60667,66 @@ function ManufacturerResellerOrdersSection(e) {
     {
       name: "All",
       icon: Package,
-      color: "bg-blue-500",
+      stripeClass: "bg-info/60",
+      iconBgClass: "bg-info/90",
+      iconTextClass: "text-info-foreground",
       orders: l.all.orders,
       amount: l.all.amount
     },
     {
       name: "Processing",
       icon: RefreshCcw,
-      color: "bg-yellow-500",
+      stripeClass: "bg-warning/60",
+      iconBgClass: "bg-warning/90",
+      iconTextClass: "text-warning-foreground",
       orders: l.processing.orders,
       amount: l.processing.amount
     },
     {
       name: "Shipped",
       icon: Truck,
-      color: "bg-green-500",
+      stripeClass: "bg-success/60",
+      iconBgClass: "bg-success/90",
+      iconTextClass: "text-success-foreground",
       orders: l.shipped.orders,
       amount: l.shipped.amount
     },
     {
       name: "Delayed",
       icon: CircleAlert,
-      color: "bg-red-500",
+      stripeClass: "bg-destructive/60",
+      iconBgClass: "bg-destructive/90",
+      iconTextClass: "text-destructive-foreground",
       orders: l.delayed.orders,
       amount: l.delayed.amount
     }
   ];
   return n || e.isLoading ? /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Reseller Orders" }) }),
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-medium text-foreground", children: "Reseller Orders" }) }),
     /* @__PURE__ */ jsxs(CardContent, { children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40 mb-4" }),
       /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-3.5", children: [1, 2, 3, 4].map((d) => /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" }, d)) })
     ] })
   ] }) : a ? /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Reseller Orders" }) }),
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-medium text-foreground", children: "Reseller Orders" }) }),
     /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
       /* @__PURE__ */ jsx(CircleAlert, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsx(AlertTitle, { children: "Error" }),
       /* @__PURE__ */ jsx(AlertDescription, { children: "Failed to load reseller orders. Please try again later." })
     ] }) })
   ] }) : /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Reseller Orders" }) }),
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-medium text-foreground", children: "Reseller Orders" }) }),
     /* @__PURE__ */ jsxs(CardContent, { children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-4", children: [
         /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Active Orders:" }),
         /* @__PURE__ */ jsx("span", { className: "ml-2 font-bold", children: l.all.orders })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-3.5", children: c.map((d) => /* @__PURE__ */ jsx(Card, { className: "overflow-hidden rounded-md rounded-b-lg border-0 shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
-        /* @__PURE__ */ jsx("div", { className: `${d.color} bg-opacity-60 h-[3px]` }),
+        /* @__PURE__ */ jsx("div", { className: `${d.stripeClass} h-[3px]` }),
         /* @__PURE__ */ jsxs("div", { className: "p-6 border border-t-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
             /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", children: d.name }),
-            /* @__PURE__ */ jsx("div", { className: `${d.color} bg-opacity-90 p-2 rounded-full`, children: /* @__PURE__ */ jsx(d.icon, { className: "size-4 shrink-0 text-white" }) })
+            /* @__PURE__ */ jsx("div", { className: `${d.iconBgClass} p-2 rounded-full`, children: /* @__PURE__ */ jsx(d.icon, { className: `size-4 shrink-0 ${d.iconTextClass}` }) })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
             /* @__PURE__ */ jsxs("div", { children: [
@@ -60800,7 +60808,7 @@ function SalesSummary({ fiscalYearMonthStart: e, salesData: t, isLoading: n }) {
     /* @__PURE__ */ jsxs(Card, { children: [
       /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
         /* @__PURE__ */ jsx(CardTitle, { className: "text-sm font-medium", children: "Last 30 Days" }),
-        /* @__PURE__ */ jsx("div", { className: "p-2 rounded-full bg-neutral-200", children: /* @__PURE__ */ jsx(TrendingUp, { className: "size-4 shrink-0 text-muted-foreground" }) })
+        /* @__PURE__ */ jsx("div", { className: "p-2 rounded-full bg-muted", children: /* @__PURE__ */ jsx(TrendingUp, { className: "size-4 shrink-0 text-muted-foreground" }) })
       ] }),
       /* @__PURE__ */ jsxs(CardContent, { children: [
         /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold", children: /* @__PURE__ */ jsx(FormattedNumber, { value: a, style: "currency", currency: "CAD", currencyDisplay: "symbol" }) }),
@@ -60810,7 +60818,7 @@ function SalesSummary({ fiscalYearMonthStart: e, salesData: t, isLoading: n }) {
     /* @__PURE__ */ jsxs(Card, { children: [
       /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
         /* @__PURE__ */ jsx(CardTitle, { className: "text-sm font-medium", children: "Last 3 Months" }),
-        /* @__PURE__ */ jsx("div", { className: "p-2 rounded-full bg-neutral-200", children: /* @__PURE__ */ jsx(Calendar$1, { className: "size-4 shrink-0 text-muted-foreground" }) })
+        /* @__PURE__ */ jsx("div", { className: "p-2 rounded-full bg-muted", children: /* @__PURE__ */ jsx(Calendar$1, { className: "size-4 shrink-0 text-muted-foreground" }) })
       ] }),
       /* @__PURE__ */ jsxs(CardContent, { children: [
         /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold", children: /* @__PURE__ */ jsx(FormattedNumber, { value: s, style: "currency", currency: "CAD", currencyDisplay: "symbol" }) }),
@@ -60824,7 +60832,7 @@ function SalesSummary({ fiscalYearMonthStart: e, salesData: t, isLoading: n }) {
           l,
           ")"
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "p-2 rounded-full bg-neutral-200", children: /* @__PURE__ */ jsx(CalendarDays, { className: "size-4 shrink-0 text-muted-foreground" }) })
+        /* @__PURE__ */ jsx("div", { className: "p-2 rounded-full bg-muted", children: /* @__PURE__ */ jsx(CalendarDays, { className: "size-4 shrink-0 text-muted-foreground" }) })
       ] }),
       /* @__PURE__ */ jsxs(CardContent, { children: [
         /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold", children: /* @__PURE__ */ jsx(FormattedNumber, { value: o, style: "currency", currency: "CAD", currencyDisplay: "symbol" }) }),
@@ -61114,7 +61122,7 @@ function ManufacturerInventoryFinanceCard({
           /* @__PURE__ */ jsx(
             "span",
             {
-              className: `font-bold ${c >= 0 ? "text-emerald-600" : "text-red-600"}`,
+              className: `font-bold ${c >= 0 ? "text-success" : "text-destructive"}`,
               children: formatMoney(c)
             }
           )
@@ -61129,7 +61137,7 @@ function ManufacturerInventoryFinanceCard({
                 d,
                 "%"
               ] }),
-              d > 80 && /* @__PURE__ */ jsx(CircleAlert, { className: "h-4 w-4 text-amber-500" })
+              d > 80 && /* @__PURE__ */ jsx(CircleAlert, { className: "h-4 w-4 text-warning" })
             ] }) }),
             /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: d > 80 ? "High usage alert" : "Budget usage" }) })
           ] }) })
@@ -61195,7 +61203,7 @@ function ManufacturerCreditFinanceCard({
           /* @__PURE__ */ jsx(
             "span",
             {
-              className: `font-bold ${s >= 0 ? "text-emerald-600 dark:text-emerald-500" : "text-red-600 dark:text-red-500"}`,
+              className: `font-bold ${s >= 0 ? "text-success" : "text-destructive"}`,
               children: formatMoney(s)
             }
           )
@@ -61210,7 +61218,7 @@ function ManufacturerCreditFinanceCard({
                 o,
                 "%"
               ] }),
-              o > 80 && /* @__PURE__ */ jsx(CircleAlert, { className: "h-4 w-4 text-amber-500" })
+              o > 80 && /* @__PURE__ */ jsx(CircleAlert, { className: "h-4 w-4 text-warning" })
             ] }) }),
             /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: o > 80 ? "High credit usage alert" : "Credit usage" }) })
           ] }) })
@@ -61403,7 +61411,7 @@ function ManufacturerCategories({ categories: e, activeCategory: t, onSelectCate
         className: "px-3 py-1.5 text-xs whitespace-nowrap rounded-full",
         children: [
           a.CategoryName ?? "Undefined",
-          a.QualificationRequired && /* @__PURE__ */ jsx(ShieldCheck, { className: `ml-1 w-5 h-5 ${t !== a.CategoryCode ? "text-red-500" : ""}` })
+          a.QualificationRequired && /* @__PURE__ */ jsx(ShieldCheck, { className: `ml-1 w-5 h-5 ${t !== a.CategoryCode ? "text-destructive" : ""}` })
         ]
       },
       a.CategoryCode
@@ -61439,25 +61447,25 @@ function ManufacturerCategoriesStats(e) {
   ));
 }
 const badgeVariants = cva(
-  "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/80",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground border border-input hover:bg-accent hover:text-accent-foreground",
-        success: "bg-green-600 text-white hover:bg-green-700",
-        warning: "bg-yellow-500 text-white hover:bg-yellow-600",
-        info: "bg-blue-500 text-white hover:bg-blue-600",
+        outline: "text-foreground border border-border hover:bg-accent hover:text-accent-foreground",
+        success: "bg-success text-success-foreground hover:bg-success/90",
+        warning: "bg-warning text-warning-foreground hover:bg-warning/90",
+        info: "bg-info text-info-foreground hover:bg-info/90",
         ghost: "bg-background hover:bg-accent hover:text-accent-foreground",
         // Randmar color variants
-        randmarRed: "bg-randmar-red text-white hover:bg-randmar-red/80",
-        randmarBlue: "bg-randmar-blue text-white hover:bg-randmar-blue/80",
-        randmarPurple: "bg-randmar-purple text-white hover:bg-randmar-purple/80",
-        randmarGreen: "bg-randmar-green text-black hover:bg-randmar-green/80",
-        randmarBlack: "bg-randmar-black text-white hover:bg-randmar-black/80",
-        randmarYellow: "bg-randmar-yellow text-black hover:bg-randmar-yellow/80"
+        randmarRed: "bg-primary text-primary-foreground hover:bg-primary/80",
+        randmarBlue: "bg-primary text-primary-foreground hover:bg-primary/80",
+        randmarPurple: "bg-primary text-primary-foreground hover:bg-primary/80",
+        randmarGreen: "bg-primary text-primary-foreground hover:bg-primary/80",
+        randmarBlack: "bg-foreground text-background hover:bg-foreground/90",
+        randmarYellow: "bg-primary text-primary-foreground hover:bg-primary/80"
       },
       size: {
         default: "h-6",
@@ -61541,17 +61549,17 @@ function ManufacturerCategorySummary({
       l,
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-1", children: [
         /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Starred" }),
-        s ? /* @__PURE__ */ jsx(Star, { className: "h-5 w-5 fill-yellow-400 text-yellow-400" }) : /* @__PURE__ */ jsx(Star, { className: "h-5 w-5 text-muted-foreground" })
+        s ? /* @__PURE__ */ jsx(Star, { className: "h-5 w-5 fill-warning text-warning" }) : /* @__PURE__ */ jsx(Star, { className: "h-5 w-5 text-muted-foreground" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-1 flex flex-col items-end", children: [
         /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Auto-reorder" }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          a ? /* @__PURE__ */ jsx(RefreshCw, { className: "size-4 text-green-600" }) : /* @__PURE__ */ jsx(RefreshCwOff, { className: "size-4 text-amber-600" }),
+          a ? /* @__PURE__ */ jsx(RefreshCw, { className: "size-4 text-success" }) : /* @__PURE__ */ jsx(RefreshCwOff, { className: "size-4 text-warning" }),
           /* @__PURE__ */ jsx(
             Badge,
             {
-              variant: a ? "default" : "secondary",
-              className: cn("text-xs", a ? "text-green-600 bg-green-100 hover:bg-green-200" : "text-amber-600 bg-amber-100 hover:bg-amber-200"),
+              variant: a ? "success" : "warning",
+              className: "text-xs",
               children: a ? "Enabled" : "Disabled"
             }
           )
@@ -62399,7 +62407,7 @@ const Select$1 = Root2$3, SelectGroup = Group, SelectValue = Value, SelectTrigge
   {
     ref: a,
     className: cn(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       e
     ),
     ...n,
@@ -62567,7 +62575,7 @@ function ManufacturerProducts({
           children: n && t.Categories?.findIndex((pt) => pt.AvailableToBuy) !== -1 && /* @__PURE__ */ jsx(
             Button$1,
             {
-              className: "bg-green-600 hover:bg-green-700",
+              className: "bg-success text-success-foreground hover:bg-success/90",
               disabled: l,
               onClick: () => f(!0),
               children: l ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -62650,7 +62658,7 @@ function ManufacturerProducts({
         /* @__PURE__ */ jsx(
           Button$1,
           {
-            className: "bg-green-600 hover:bg-green-700",
+            className: "bg-success text-success-foreground hover:bg-success/90",
             onClick: ot,
             disabled: l,
             children: l ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -62726,7 +62734,7 @@ function PartnerRelationshipPage({
                 }
               ),
               a && l?.Manufacturer?.Categories?.findIndex((mt) => mt.AvailableToBuy) !== -1 && /* @__PURE__ */ jsxs(Dialog, { open: V, onOpenChange: at, children: [
-                /* @__PURE__ */ jsx(DialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button$1, { className: "bg-green-600 hover:bg-green-700 ml-2", disabled: A, children: A ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                /* @__PURE__ */ jsx(DialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button$1, { className: "ml-2 bg-success text-success-foreground hover:bg-success/90", disabled: A, children: A ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
                   /* @__PURE__ */ jsx(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }),
                   "Syncing..."
                 ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -62747,7 +62755,7 @@ function PartnerRelationshipPage({
                     /* @__PURE__ */ jsx(
                       Button$1,
                       {
-                        className: "bg-green-600 hover:bg-green-700",
+                        className: "bg-success text-success-foreground hover:bg-success/90",
                         onClick: lt,
                         disabled: A,
                         children: A ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -62944,7 +62952,7 @@ const PublicInfo = ({ reseller: e, appID: t, isLoading: n, readonly: a, onUnsave
                 className: at.contactName || pt(V("contactName")) ? "input-error-indicator" : ""
               }
             ),
-            at.contactName && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: at.contactName.message })
+            at.contactName && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: at.contactName.message })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx("label", { className: "text-sm font-medium leading-none", htmlFor: "publicEmail", children: "Public Email *" }),
@@ -62964,7 +62972,7 @@ const PublicInfo = ({ reseller: e, appID: t, isLoading: n, readonly: a, onUnsave
                 className: at.publicEmail || pt(V("publicEmail")) ? "input-error-indicator" : ""
               }
             ),
-            at.publicEmail && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: at.publicEmail.message })
+            at.publicEmail && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: at.publicEmail.message })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -62985,7 +62993,7 @@ const PublicInfo = ({ reseller: e, appID: t, isLoading: n, readonly: a, onUnsave
               className: at.website || pt(V("website")) ? "input-error-indicator" : ""
             }
           ),
-          at.website && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: at.website.message })
+          at.website && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: at.website.message })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx("label", { className: "text-sm font-medium leading-none", htmlFor: "phone", children: "Phone Number *" }),
@@ -63005,7 +63013,7 @@ const PublicInfo = ({ reseller: e, appID: t, isLoading: n, readonly: a, onUnsave
               className: at.phone || pt(V("phone")) ? "input-error-indicator" : ""
             }
           ),
-          at.phone && /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: at.phone.message })
+          at.phone && /* @__PURE__ */ jsx("p", { className: "text-destructive text-sm", children: at.phone.message })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button$1, { type: "submit", disabled: lt || a, className: a ? "hidden" : "", children: lt ? "Saving..." : "Save" }) })
       ] })
@@ -63390,8 +63398,8 @@ $10 with opportunities under $1,000` : e === "D" ? "$15 under $1,500" : e === "E
   ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
       /* @__PURE__ */ jsxs(CardHeader, { className: "pb-2 pt-4 px-4 flex flex-row items-center justify-between", children: [
-        /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Account Tier" }),
-        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "bg-green-100 text-green-700 hover:bg-green-200 text-xs", children: "Active" })
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-medium text-foreground", children: "Account Tier" }),
+        /* @__PURE__ */ jsx(Badge, { variant: "success", className: "text-xs", children: "Active" })
       ] }),
       /* @__PURE__ */ jsxs(CardContent, { className: "pt-2 px-4 pb-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3 bg-primary/5 p-4 rounded-lg", children: [
@@ -63402,7 +63410,7 @@ $10 with opportunities under $1,000` : e === "D" ? "$15 under $1,500" : e === "E
             ] }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Optimized for online retail" })
           ] }),
-          /* @__PURE__ */ jsx(CircleCheck, { className: "h-6 w-6 text-green-600" })
+          /* @__PURE__ */ jsx(CircleCheck, { className: "h-6 w-6 text-success" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2 mb-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-2 rounded-lg border bg-card hover:bg-accent/5 transition-colors", children: [
@@ -63490,28 +63498,36 @@ function OrderCategories({ openOrders: e = [], isLoading: t = !1 }) {
     {
       name: "All",
       icon: Package,
-      color: "bg-blue-500",
+      stripeClass: "bg-info/60",
+      iconBgClass: "bg-info/90",
+      iconTextClass: "text-info-foreground",
       orders: R,
       amount: V
     },
     {
       name: "Processing",
       icon: RefreshCcw,
-      color: "bg-yellow-500",
+      stripeClass: "bg-warning/60",
+      iconBgClass: "bg-warning/90",
+      iconTextClass: "text-warning-foreground",
       orders: o,
       amount: l
     },
     {
       name: "Shipped",
       icon: Truck,
-      color: "bg-green-500",
+      stripeClass: "bg-success/60",
+      iconBgClass: "bg-success/90",
+      iconTextClass: "text-success-foreground",
       orders: S,
       amount: A
     },
     {
       name: "Delayed",
       icon: CircleAlert,
-      color: "bg-red-500",
+      stripeClass: "bg-destructive/60",
+      iconBgClass: "bg-destructive/90",
+      iconTextClass: "text-destructive-foreground",
       orders: d,
       amount: f
     }
@@ -63519,7 +63535,7 @@ function OrderCategories({ openOrders: e = [], isLoading: t = !1 }) {
   return t ? /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-40" }) }),
     /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-3.5", children: [1, 2, 3, 4].map((lt) => /* @__PURE__ */ jsx(Card, { className: "overflow-hidden rounded-md rounded-b-lg border-0 shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
-      /* @__PURE__ */ jsx("div", { className: "bg-gray-200 h-[3px]" }),
+      /* @__PURE__ */ jsx("div", { className: "bg-border h-[3px]" }),
       /* @__PURE__ */ jsxs("div", { className: "p-6 border border-t-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
           /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
@@ -63538,13 +63554,13 @@ function OrderCategories({ openOrders: e = [], isLoading: t = !1 }) {
       ] })
     ] }) }, lt)) }) })
   ] }) : /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Order Categories" }) }),
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-medium text-foreground", children: "Order Categories" }) }),
     /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-3.5", children: at.map((lt) => /* @__PURE__ */ jsx(Card, { className: "overflow-hidden rounded-md rounded-b-lg border-0 shadow-md", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-0", children: [
-      /* @__PURE__ */ jsx("div", { className: `${lt.color} bg-opacity-60 h-[3px]` }),
+      /* @__PURE__ */ jsx("div", { className: `${lt.stripeClass} h-[3px]` }),
       /* @__PURE__ */ jsxs("div", { className: "p-6 border border-t-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
           /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", children: lt.name }),
-          /* @__PURE__ */ jsx("div", { className: `${lt.color} bg-opacity-90 p-2 rounded-full`, children: /* @__PURE__ */ jsx(lt.icon, { className: "size-4 shrink-0 text-white" }) })
+          /* @__PURE__ */ jsx("div", { className: `${lt.iconBgClass} p-2 rounded-full`, children: /* @__PURE__ */ jsx(lt.icon, { className: `size-4 shrink-0 ${lt.iconTextClass}` }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
           /* @__PURE__ */ jsxs("div", { children: [
@@ -63706,7 +63722,7 @@ function ReportsSection({ isLoading: e, userEmail: t, appID: n }) {
       $t.reports.map((Ht) => /* @__PURE__ */ jsxs(
         "div",
         {
-          className: "flex items-start gap-4 p-4 border rounded-lg hover:bg-gray-100 transition-colors",
+          className: "flex items-start gap-4 p-4 border rounded-lg hover:bg-muted transition-colors",
           children: [
             /* @__PURE__ */ jsx("div", { className: "bg-primary/10 p-2 rounded-full", children: /* @__PURE__ */ jsx(Ht.icon, { className: "h-5 w-5 text-primary" }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
@@ -63916,7 +63932,7 @@ function PartnerCardHeader({
           /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip$1, { delayDuration: 300, children: [
             /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs("div", { className: "flex cursor-pointer items-center gap-1", onClick: S, children: [
               /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t }),
-              d ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 text-green-500" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3 text-muted-foreground" })
+              d ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 text-success" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3 text-muted-foreground" })
             ] }) }),
             /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: d ? "Copied!" : "Copy ID" }) })
           ] }) })
@@ -64218,7 +64234,7 @@ function ProductInventoryButton({
         size: a,
         className: cn(
           "text-sm",
-          Ft ? "manufacturer-theme text-primary" : dt > 0 ? "text-green-700" : "text-red-700",
+          Ft ? "manufacturer-theme text-primary" : dt > 0 ? "text-success" : "text-destructive",
           s
         ),
         children: [
@@ -64549,10 +64565,10 @@ const alertVariants = cva(
     variants: {
       variant: {
         default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
-        success: "border-green-500/50 bg-green-50 text-green-700 dark:border-green-500 dark:bg-green-950 dark:text-green-400 [&>svg]:text-green-500",
-        warning: "border-yellow-500/50 bg-yellow-50 text-yellow-700 dark:border-yellow-500 dark:bg-yellow-950 dark:text-yellow-400 [&>svg]:text-yellow-500",
-        info: "border-blue-500/50 bg-blue-50 text-blue-700 dark:border-blue-500 dark:bg-blue-950 dark:text-blue-400 [&>svg]:text-blue-500"
+        destructive: "border-destructive/50 bg-destructive/10 text-foreground [&>svg]:text-destructive",
+        success: "border-success/50 bg-success/10 text-foreground [&>svg]:text-success",
+        warning: "border-warning/50 bg-warning/10 text-foreground [&>svg]:text-warning",
+        info: "border-info/50 bg-info/10 text-foreground [&>svg]:text-info"
       }
     },
     defaultVariants: {
@@ -66727,14 +66743,7 @@ function PartnerCard({
         e.IsReseller && /* @__PURE__ */ jsx(Badge, { className: "reseller-theme", children: "Reseller" }),
         e.IsSalesAgency && /* @__PURE__ */ jsx(Badge, { children: "Agency" }),
         e.HasShopifyStore && /* @__PURE__ */ jsx(Badge, { className: "shopify-theme", children: "Shopify" }),
-        e.IsVendor && /* @__PURE__ */ jsx(
-          Badge,
-          {
-            variant: "outline",
-            className: "text-[var(--randmar-black)] border-[var(--randmar-black)] hover:text-[var(--randmar-black)] hover:border-[var(--randmar-black)]",
-            children: "Vendor"
-          }
-        )
+        e.IsVendor && /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Vendor" })
       ] }),
       s && e.About && /* @__PURE__ */ jsx(
         "div",
@@ -67040,7 +67049,7 @@ const Topbar = forwardRef(
           Input,
           {
             placeholder: a ?? "Search...",
-            className: "w-full pl-8 bg-white text-black",
+            className: "w-full pl-8 bg-background text-foreground",
             value: o,
             onChange: (A) => l(A.target.value),
             onKeyDown: (A) => {
@@ -67082,40 +67091,44 @@ function ActiveOrdersCard({ orders: e, loading: t = !1 }) {
     {
       name: "All",
       icon: Package,
-      color: "bg-blue-500",
-      textColor: "text-blue-600",
+      stripeClass: "bg-info/60",
+      iconBgClass: "bg-info/90",
+      iconTextClass: "text-info-foreground",
       orders: n.all.orders,
       amount: n.all.amount
     },
     {
       name: "Processing",
       icon: RefreshCcw,
-      color: "bg-yellow-500",
-      textColor: "text-yellow-600",
+      stripeClass: "bg-warning/60",
+      iconBgClass: "bg-warning/90",
+      iconTextClass: "text-warning-foreground",
       orders: n.processing.orders,
       amount: n.processing.amount
     },
     {
       name: "Shipped",
       icon: Truck,
-      color: "bg-green-500",
-      textColor: "text-green-600",
+      stripeClass: "bg-success/60",
+      iconBgClass: "bg-success/90",
+      iconTextClass: "text-success-foreground",
       orders: n.shipped.orders,
       amount: n.shipped.amount
     },
     {
       name: "Delayed",
       icon: CircleAlert,
-      color: "bg-red-500",
-      textColor: "text-red-600",
+      stripeClass: "bg-destructive/60",
+      iconBgClass: "bg-destructive/90",
+      iconTextClass: "text-destructive-foreground",
       orders: n.delayed.orders,
       amount: n.delayed.amount
     }
   ];
   return t ? /* @__PURE__ */ jsxs(Card, { className: "@container", children: [
-    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg font-bold", children: "Active Orders" }) }),
+    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-medium text-foreground", children: "Active Orders" }) }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-4 p-4", children: [1, 2, 3, 4].map((s) => /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border", children: [
-      /* @__PURE__ */ jsx("div", { className: "bg-slate-200 dark:bg-slate-700 h-[3px]" }),
+      /* @__PURE__ */ jsx("div", { className: "bg-border h-[3px]" }),
       /* @__PURE__ */ jsxs("div", { className: "p-6 border border-t-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
           /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
@@ -67134,13 +67147,13 @@ function ActiveOrdersCard({ orders: e, loading: t = !1 }) {
       ] })
     ] }, s)) })
   ] }) : /* @__PURE__ */ jsxs(Card, { className: "@container", children: [
-    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg font-bold", children: "Active Orders" }) }),
+    /* @__PURE__ */ jsx(CardHeader, { className: "pb-0", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-medium text-foreground", children: "Active Orders" }) }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 @sm:grid-cols-2 gap-4 p-4", children: a.map((s) => /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-md border", children: [
-      /* @__PURE__ */ jsx("div", { className: `${s.color} bg-opacity-60 h-[3px]` }),
+      /* @__PURE__ */ jsx("div", { className: `${s.stripeClass} h-[3px]` }),
       /* @__PURE__ */ jsxs("div", { className: "p-6 border border-t-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
           /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base", children: s.name }),
-          /* @__PURE__ */ jsx("div", { className: `${s.color} bg-opacity-90 p-2 rounded-full`, children: /* @__PURE__ */ jsx(s.icon, { className: "size-4 shrink-0 text-white" }) })
+          /* @__PURE__ */ jsx("div", { className: `${s.iconBgClass} p-2 rounded-full`, children: /* @__PURE__ */ jsx(s.icon, { className: `size-4 shrink-0 ${s.iconTextClass}` }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start", children: [
           /* @__PURE__ */ jsxs("div", { children: [
@@ -73394,7 +73407,7 @@ function ProductImageCarousel({
               type: "button",
               variant: "secondary",
               size: "icon",
-              className: "absolute left-2 top-1/2 -translate-y-1/2 bg-white/80 text-foreground shadow-sm ring-1 ring-border/50 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100",
+              className: "absolute left-2 top-1/2 -translate-y-1/2 bg-background/80 text-foreground shadow-sm ring-1 ring-border/50 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100",
               onClick: Rt,
               "aria-label": "Previous image",
               children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
@@ -73406,13 +73419,13 @@ function ProductImageCarousel({
               type: "button",
               variant: "secondary",
               size: "icon",
-              className: "absolute right-2 top-1/2 -translate-y-1/2 bg-white/80 text-foreground shadow-sm ring-1 ring-border/50 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100",
+              className: "absolute right-2 top-1/2 -translate-y-1/2 bg-background/80 text-foreground shadow-sm ring-1 ring-border/50 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100",
               onClick: Vt,
               "aria-label": "Next image",
               children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "absolute bottom-2 left-1/2 -translate-x-1/2 flex items-center gap-1 rounded-full bg-white/80 px-2 py-1", children: Array.from({ length: dt }).map((Kt, Jt) => {
+          /* @__PURE__ */ jsx("div", { className: "absolute bottom-2 left-1/2 -translate-x-1/2 flex items-center gap-1 rounded-full bg-background/80 px-2 py-1", children: Array.from({ length: dt }).map((Kt, Jt) => {
             const zt = Jt === at;
             return /* @__PURE__ */ jsx(
               "button",
@@ -73420,7 +73433,7 @@ function ProductImageCarousel({
                 type: "button",
                 className: [
                   "h-1.5 w-1.5 rounded-full transition-colors",
-                  zt ? "bg-neutral-900" : "bg-neutral-300 hover:bg-neutral-400"
+                  zt ? "bg-foreground" : "bg-muted-foreground/40 hover:bg-muted-foreground/60"
                 ].join(" "),
                 onClick: () => Ut(Jt),
                 "aria-label": `Go to image ${Jt + 1} of ${dt}`,
@@ -73503,7 +73516,7 @@ function ProductCard({
       ir = !0;
     };
   }, [e, Ut, pt, t?.RandmarSKU]);
-  const Kt = (ir) => ir >= 90 ? { label: "Top 10% Bestseller", color: "text-purple-950", bgColor: "bg-purple-200" } : ir >= 75 ? { label: "Bestseller", color: "text-blue-700", bgColor: "bg-blue-50" } : ir >= 33 ? { label: "Popular", color: "text-green-700", bgColor: "bg-green-50" } : { label: "Rising", color: "text-gray-700", bgColor: "bg-white" }, Jt = Ct !== "complete" && Ct !== "error", zt = Ct === "summary" ? 40 : Ct === "detailed" ? 80 : 10, qt = yt?.SalesStatistics ?? [], er = Jt ? [] : qt, dr = yt?.RandmarTitle ?? t?.RandmarTitle ?? t?.RandmarSKU ?? "this product", lr = yt?.RandmarSKU ?? t?.RandmarSKU, hr = e && t?.ManufacturerId ? `/${encodeURIComponent(e)}/Partner/${encodeURIComponent(t.ManufacturerId)}?tab=manufacturer-overview` : null;
+  const Kt = (ir) => ir >= 90 ? { label: "Top 10% Bestseller", color: "text-primary", bgColor: "bg-primary/10" } : ir >= 75 ? { label: "Bestseller", color: "text-info", bgColor: "bg-info/10" } : ir >= 33 ? { label: "Popular", color: "text-success", bgColor: "bg-success/10" } : { label: "Rising", color: "text-muted-foreground", bgColor: "bg-muted/30" }, Jt = Ct !== "complete" && Ct !== "error", zt = Ct === "summary" ? 40 : Ct === "detailed" ? 80 : 10, qt = yt?.SalesStatistics ?? [], er = Jt ? [] : qt, dr = yt?.RandmarTitle ?? t?.RandmarTitle ?? t?.RandmarSKU ?? "this product", lr = yt?.RandmarSKU ?? t?.RandmarSKU, hr = e && t?.ManufacturerId ? `/${encodeURIComponent(e)}/Partner/${encodeURIComponent(t.ManufacturerId)}?tab=manufacturer-overview` : null;
   if (!t)
     return /* @__PURE__ */ jsx(Card, { className: "flex h-full w-full flex-col", children: /* @__PURE__ */ jsxs(CardContent, { className: "flex h-full flex-col p-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-3", children: [
@@ -73662,8 +73675,8 @@ function ProductCard({
               t.State && /* @__PURE__ */ jsxs(
                 Badge,
                 {
-                  variant: "outline",
-                  className: `rounded-full px-3 ${t.State === "Active" ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+                  variant: t.State === "Active" ? "success" : "destructive",
+                  className: "rounded-full px-3",
                   children: [
                     /* @__PURE__ */ jsx(Check, { size: "12", className: "mr-1.5" }),
                     " ",
@@ -73674,8 +73687,8 @@ function ProductCard({
               /* @__PURE__ */ jsxs(
                 Badge,
                 {
-                  variant: "outline",
-                  className: `rounded-full px-3 ${t.SerialNumber ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-yellow-50 text-yellow-700 hover:bg-yellow-50"}`,
+                  variant: t.SerialNumber ? "success" : "warning",
+                  className: "rounded-full px-3",
                   children: [
                     /* @__PURE__ */ jsx(QrCode, { size: "12", className: "mr-1.5" }),
                     " ",
@@ -73683,15 +73696,15 @@ function ProductCard({
                   ]
                 }
               ),
-              t.TransparencyCode && /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "rounded-full px-3 bg-green-50 text-green-700 hover:bg-green-50", children: [
+              t.TransparencyCode && /* @__PURE__ */ jsxs(Badge, { variant: "info", className: "rounded-full px-3", children: [
                 /* @__PURE__ */ jsx(CircleDashed, { size: "12", className: "mr-1.5" }),
                 " Transparency Code"
               ] }),
               t.AvailableToBuy !== void 0 && /* @__PURE__ */ jsxs(
                 Badge,
                 {
-                  variant: "outline",
-                  className: `rounded-full px-3 ${t.AvailableToBuy ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+                  variant: t.AvailableToBuy ? "success" : "destructive",
+                  className: "rounded-full px-3",
                   children: [
                     /* @__PURE__ */ jsx(ShoppingCart, { size: "12", className: "mr-1.5" }),
                     " ",
@@ -73702,8 +73715,8 @@ function ProductCard({
               t.ManufacturerCategory !== void 0 && /* @__PURE__ */ jsxs(
                 Badge,
                 {
-                  variant: "outline",
-                  className: `rounded-full px-3 ${t.ManufacturerCategory?.QualificationRequired ? "bg-blue-50 text-blue-700 hover:bg-blue-50" : "bg-neutral-50 text-neutral-700 hover:bg-neutral-50"}`,
+                  variant: t.ManufacturerCategory?.QualificationRequired ? "info" : "secondary",
+                  className: "rounded-full px-3",
                   children: [
                     /* @__PURE__ */ jsx(ShieldCheck, { size: "12", className: "mr-1.5" }),
                     " ",
@@ -73714,8 +73727,8 @@ function ProductCard({
               t.ManufacturerId && /* @__PURE__ */ jsxs(
                 Badge,
                 {
-                  variant: "outline",
-                  className: `rounded-full px-3 ${t.AutoUpdate ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+                  variant: t.AutoUpdate ? "info" : "secondary",
+                  className: "rounded-full px-3",
                   children: [
                     /* @__PURE__ */ jsx(RefreshCw, { size: "12", className: "mr-1.5" }),
                     " ",
@@ -73726,8 +73739,8 @@ function ProductCard({
               /* @__PURE__ */ jsxs(
                 Badge,
                 {
-                  variant: "outline",
-                  className: `rounded-full px-3 ${t.BodyHTML && t.Title && t.MAP ? "bg-green-50 text-green-700 hover:bg-green-50" : "bg-red-50 text-red-700 hover:bg-red-50"}`,
+                  variant: t.BodyHTML && t.Title && t.MAP ? "success" : "warning",
+                  className: "rounded-full px-3",
                   children: [
                     /* @__PURE__ */ jsx(Store, { size: "12", className: "mr-1.5" }),
                     " ",
@@ -73837,26 +73850,26 @@ function ProductCard({
             return isOpportunitySelectable(ir) ? /* @__PURE__ */ jsxs(
               "div",
               {
-                className: `flex justify-between items-center rounded-lg transition-colors py-2 px-4 border border-muted cursor-pointer ${ir.BidNumber == R?.BidNumber ? "bg-purple-100 border-2 border-purple-900" : "bg-white border-1 border-purple-600 hover:bg-purple-200"}`,
+                className: `flex justify-between items-center rounded-lg transition-colors py-2 px-4 border cursor-pointer ${ir.BidNumber == R?.BidNumber ? "bg-primary/10 border-2 border-primary" : "bg-background border-border hover:bg-muted/30"}`,
                 onClick: () => {
                   V(ir.BidNumber !== R?.BidNumber ? ir : null);
                 },
                 children: [
                   /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
                     /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: ir.Opportunity }),
-                    /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-900", children: ir.BidNumber })
+                    /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground", children: ir.BidNumber })
                   ] }) }),
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end", children: [
                     /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatMoney(ir.Price ?? 0) }),
-                    ir.Rebate && ir.Rebate > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-600", children: [
+                    ir.Rebate && ir.Rebate > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-success", children: [
                       "Rebate: ",
                       formatMoney(ir.Rebate)
                     ] }),
-                    Er !== null && /* @__PURE__ */ jsxs("span", { className: "text-xs text-blue-700", children: [
+                    Er !== null && /* @__PURE__ */ jsxs("span", { className: "text-xs text-info", children: [
                       "Potential Revenue: ",
                       formatMoney(Er)
                     ] }),
-                    ir.EndDate && /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-600", children: [
+                    ir.EndDate && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
                       "Ends: ",
                       nr(ir.EndDate)
                     ] })
@@ -73868,30 +73881,30 @@ function ProductCard({
               /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(
                 "div",
                 {
-                  className: "flex justify-between items-center rounded-lg transition-colors py-2 px-4 bg-purple-100 border border-muted cursor-pointer !bg-neutral-50 hover:bg-neutral-100",
+                  className: "flex justify-between items-center rounded-lg transition-colors py-2 px-4 bg-muted/30 border border-border cursor-pointer hover:bg-muted/40",
                   onClick: () => {
                     ir.BidNumber && d(`/${e}/Opportunity/${ir.ManufacturerId}/${ir.BidNumber}`);
                   },
                   children: [
                     /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
                       /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: ir.Opportunity }),
-                      /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-900", children: [
+                      /* @__PURE__ */ jsxs("span", { className: "text-xs text-foreground", children: [
                         ir.BidNumber,
                         " ",
-                        /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs mx-1 h-5 bg-gray-100", children: isOpportunityNotStartedYet(ir) && ir.StartDate ? `Starts ${nr(ir.StartDate)}` : "Currently unavailable" })
+                        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs mx-1 h-5", children: isOpportunityNotStartedYet(ir) && ir.StartDate ? `Starts ${nr(ir.StartDate)}` : "Currently unavailable" })
                       ] })
                     ] }) }),
                     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end", children: [
                       /* @__PURE__ */ jsx("span", { className: "font-semibold", children: formatMoney(ir.Price ?? 0) }),
-                      ir.Rebate && ir.Rebate > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-green-600", children: [
+                      ir.Rebate && ir.Rebate > 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-success", children: [
                         "Rebate: ",
                         formatMoney(ir.Rebate)
                       ] }),
-                      Er !== null && /* @__PURE__ */ jsxs("span", { className: "text-xs text-blue-700", children: [
+                      Er !== null && /* @__PURE__ */ jsxs("span", { className: "text-xs text-info", children: [
                         "Potential Revenue: ",
                         formatMoney(Er)
                       ] }),
-                      ir.EndDate && /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-600", children: [
+                      ir.EndDate && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
                         "Ends: ",
                         nr(ir.EndDate)
                       ] })
@@ -73914,7 +73927,7 @@ function ProductCard({
               Vt > 0 && /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("span", { className: "text-2xl font-bold whitespace-nowrap", children: formatMoney((R ? t.Opportunities?.find((ir) => ir.BidNumber == R.BidNumber)?.Price : $t) ?? 0) }) }),
               at > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground line-through ml-2 whitespace-nowrap", children: formatMoney(Vt) })
             ] }),
-            at > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "bg-red-50 text-red-700 rounded-full px-3 whitespace-nowrap", children: [
+            at > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(Badge, { variant: "info", className: "rounded-full px-3 whitespace-nowrap", children: [
               /* @__PURE__ */ jsxs("span", { children: [
                 at,
                 "% OFF"
@@ -73935,7 +73948,7 @@ function ProductCard({
             l && /* @__PURE__ */ jsx(
               Button$1,
               {
-                className: "gap-2 whitespace-nowrap bg-green-600 hover:bg-green-700",
+                className: "gap-2 whitespace-nowrap",
                 onClick: Ar,
                 disabled: ot,
                 children: ot ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -73968,7 +73981,7 @@ function ProductCard({
                     onChange: br,
                     onBlur: cr,
                     onClick: (ir) => ir.currentTarget.select(),
-                    className: `w-6 @[36rem]:w-12 text-center border-0 focus:ring-0 focus:outline-none ${!t.AvailableToBuy || o ? "text-gray-400" : ""}`,
+                    className: `w-6 @[36rem]:w-12 text-center border-0 bg-transparent text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${!t.AvailableToBuy || o ? "text-muted-foreground" : ""}`,
                     disabled: !t.AvailableToBuy || o
                   }
                 ),
@@ -74384,7 +74397,7 @@ const Checkbox = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */
   {
     ref: n,
     className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       e
     ),
     ...t,
@@ -75504,15 +75517,15 @@ const DebugMessageDisplay = ({ debugMessages: e }) => {
   };
   return /* @__PURE__ */ jsx("div", { children: e.map((s, o) => {
     if (typeof s == "string")
-      return /* @__PURE__ */ jsx("p", { className: "text-slate-600", children: s }, o);
+      return /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: s }, o);
     {
       const l = t[o];
       return /* @__PURE__ */ jsxs("div", { className: "cursor-pointer", onClick: () => a(o), children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-slate-600 mr-2", children: s[0] }),
-          /* @__PURE__ */ jsx("span", { className: "text-slate-500 text-xs", children: l ? "▲" : "▼" })
+          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mr-2", children: s[0] }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: l ? "▲" : "▼" })
         ] }),
-        l && /* @__PURE__ */ jsx("p", { className: "text-slate-400 pl-4", children: s[1] })
+        l && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground/80 pl-4", children: s[1] })
       ] }, o);
     }
   }) });
@@ -75856,16 +75869,16 @@ ${nn}`;
     })(), xn = (Sr) => kr ? /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cn("flex flex-col gap-1 rounded-2xl bg-white/70 p-2 shadow-xs ring-1 ring-slate-200/80", Sr),
+        className: cn("flex flex-col gap-1 rounded-2xl bg-background/70 p-2 shadow-xs ring-1 ring-border/80", Sr),
         role: "group",
         "aria-label": `Attached files (${Yr})`,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-slate-600", children: "Attached" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Attached" }),
             nr.map((Ir, Fr) => /* @__PURE__ */ jsxs(
               "div",
               {
-                className: "inline-flex min-w-0 items-center gap-1 rounded-full bg-blue-50 px-3 py-1 text-xs text-blue-800 ring-1 ring-blue-200/80",
+                className: "inline-flex min-w-0 items-center gap-1 rounded-full bg-muted px-3 py-1 text-xs text-foreground ring-1 ring-border/80",
                 children: [
                   /* @__PURE__ */ jsx(File$1, { className: "h-3.5 w-3.5 shrink-0" }),
                   /* @__PURE__ */ jsx("span", { className: "max-w-[16rem] truncate", children: Ir.name }),
@@ -75874,7 +75887,7 @@ ${nn}`;
                     {
                       size: "icon",
                       variant: "ghost",
-                      className: "h-5 w-5 shrink-0 rounded-full hover:bg-blue-100/70",
+                      className: "h-5 w-5 shrink-0 rounded-full hover:bg-muted/80",
                       onClick: () => bn(Fr),
                       "aria-label": `Remove attached file ${Ir.name}`,
                       type: "button",
@@ -75886,7 +75899,7 @@ ${nn}`;
               `${Ir.name}_${Ir.lastModified}_${Ir.size}_${Fr}`
             ))
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "text-[11px] text-slate-500", children: "Will be included with your next message." })
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Will be included with your next message." })
         ]
       }
     ) : null, $n = /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-center text-muted-foreground", children: [
@@ -75895,8 +75908,8 @@ ${nn}`;
     ] }) });
     return f ? /* @__PURE__ */ jsxs("div", { className: cn("flex h-full min-h-0 w-full overflow-hidden", a), children: [
       /* @__PURE__ */ jsx("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: Rr() ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-        /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-20 flex items-center border-b bg-white p-4 rounded-tl-lg", children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 flex-shrink-0 rounded-none", children: /* @__PURE__ */ jsx(Bot, { className: "text-primary fill-white min-h-full" }) }),
+        /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-20 flex items-center border-b bg-background p-4 rounded-tl-lg", children: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8 flex-shrink-0 rounded-none", children: /* @__PURE__ */ jsx(Bot, { className: "text-primary fill-background min-h-full" }) }),
           /* @__PURE__ */ jsx("div", { className: "ml-3 font-medium", children: "Randmar Assistant" }),
           /* @__PURE__ */ jsx(
             Button$1,
@@ -75946,9 +75959,9 @@ ${nn}`;
               "aria-live": "polite",
               className: cn(
                 "flex items-start justify-between gap-3 rounded-lg border p-3 text-sm",
-                Er.kind === "error" && "border-red-200 bg-red-50 text-red-900",
-                Er.kind === "success" && "border-green-200 bg-green-50 text-green-900",
-                Er.kind === "info" && "border-slate-200 bg-white text-slate-900"
+                Er.kind === "error" && "border-destructive/30 bg-destructive/10 text-foreground",
+                Er.kind === "success" && "border-success/30 bg-success/10 text-foreground",
+                Er.kind === "info" && "border-border bg-background text-foreground"
               ),
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
@@ -75958,9 +75971,9 @@ ${nn}`;
                     {
                       className: cn(
                         "mt-0.5",
-                        Er.kind === "error" && "text-red-800",
-                        Er.kind === "success" && "text-green-800",
-                        Er.kind === "info" && "text-slate-700"
+                        Er.kind === "error" && "text-destructive",
+                        Er.kind === "success" && "text-success",
+                        Er.kind === "info" && "text-muted-foreground"
                       ),
                       children: Er.description
                     }
@@ -75981,9 +75994,9 @@ ${nn}`;
               ]
             }
           ) }),
-          Mt ? zr ? /* @__PURE__ */ jsx("div", { className: "flex-1 bg-slate-50 flex items-center justify-center p-6 rounded-bl-lg", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-2xl", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-600", children: "Hi there!" }),
-            /* @__PURE__ */ jsx("h1", { className: "mt-2 text-[32px] leading-[1.15] font-semibold text-slate-900", children: "How can I assist you with your Randmar tasks today?" }),
+          Mt ? zr ? /* @__PURE__ */ jsx("div", { className: "flex-1 bg-muted/30 flex items-center justify-center p-6 rounded-bl-lg", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-2xl", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: "Hi there!" }),
+            /* @__PURE__ */ jsx("h1", { className: "mt-2 text-2xl leading-tight font-semibold text-foreground", children: "How can I assist you with your Randmar tasks today?" }),
             /* @__PURE__ */ jsx(
               "form",
               {
@@ -76009,7 +76022,7 @@ ${nn}`;
                           !Ir && nr.length > 0 && (Ir = "consider this"), !(!Ir || !_r) && (hn(_r, Ir), dr(""));
                         },
                         placeholder: "Enter a question or command for Randmar Assistant",
-                        className: "flex-1 resize-none field-sizing-content max-h-[30em] min-h-14 rounded-3xl bg-white px-5 py-4 shadow-sm ring-1 ring-slate-200/80 focus-visible:ring-2 focus-visible:ring-primary/35"
+                        className: "flex-1 resize-none field-sizing-content max-h-[30em] min-h-14 rounded-3xl bg-background px-5 py-4 shadow-sm ring-1 ring-border/80 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
                       }
                     ),
                     /* @__PURE__ */ jsx(
@@ -76032,7 +76045,7 @@ ${nn}`;
                         title: In,
                         className: cn(
                           "relative h-12 w-12 rounded-full shadow-sm",
-                          kr && "ring-2 ring-primary/25"
+                          kr && "ring-2 ring-ring/25"
                         ),
                         disabled: !Mt || Ft !== "" || _r?.pending,
                         type: "button",
@@ -76049,7 +76062,7 @@ ${nn}`;
               }
             )
           ] }) }) : /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-            /* @__PURE__ */ jsxs(ScrollArea, { className: "min-h-0 flex-1 bg-slate-50 pl-2 pr-2", children: [
+            /* @__PURE__ */ jsxs(ScrollArea, { className: "min-h-0 flex-1 bg-muted/30 pl-2 pr-2", children: [
               /* @__PURE__ */ jsx(
                 ChatMessages,
                 {
@@ -76108,7 +76121,7 @@ ${nn}`;
                       "aria-label": In,
                       className: cn(
                         _r?.pending ? "collapse" : "relative ml-2 h-8 w-8",
-                        kr && "ring-2 ring-primary/25"
+                        kr && "ring-2 ring-ring/25"
                       ),
                       disabled: !Mt || Ft !== "" || _r?.pending,
                       children: [
@@ -76121,7 +76134,7 @@ ${nn}`;
               ] }),
               xn()
             ] })
-          ] }) : /* @__PURE__ */ jsx("div", { className: "flex-1 bg-slate-50", children: $n })
+          ] }) : /* @__PURE__ */ jsx("div", { className: "flex-1 bg-muted/30", children: $n })
         ] })
       ] }) : $n }),
       /* @__PURE__ */ jsx(
@@ -76129,65 +76142,65 @@ ${nn}`;
         {
           "data-thin": !0,
           className: "flex h-full basis-[300px] shrink-0 border-l sm:basis-[300px] lg:basis-[300px]",
-          children: /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col rounded-r-lg border-r bg-slate-50 text-slate-800", children: [
-            /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4 border-b border-slate-200/80", children: [
-              /* @__PURE__ */ jsxs("h4", { className: "flex items-center text-xs font-semibold tracking-wider text-slate-500 uppercase", children: [
+          children: /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 flex-col rounded-r-lg border-r bg-muted/30 text-foreground", children: [
+            /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4 border-b border-border/80", children: [
+              /* @__PURE__ */ jsxs("h4", { className: "flex items-center text-xs font-semibold tracking-wider text-muted-foreground uppercase", children: [
                 /* @__PURE__ */ jsx(Settings, { className: "w-4 h-4 mr-2" }),
                 "Assistant Settings"
               ] }),
               /* @__PURE__ */ jsx("div", { className: "space-y-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 pr-4", children: [
                   /* @__PURE__ */ jsx(Label$2, { htmlFor: "preload-bestsellers-switch", children: "Preload Best-Sellers" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-600", children: "Adds top products to the AI's context for faster answers." })
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Adds top products to the AI's context for faster answers." })
                 ] }),
                 /* @__PURE__ */ jsx(Switch, { id: "preload-bestsellers-switch", checked: R.assistantCachedPreloading, onCheckedChange: (Sr) => On("assistantCachedPreloading", Sr) })
               ] }) })
             ] }),
             zr ? /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
-              /* @__PURE__ */ jsxs("h4", { className: "flex-shrink-0 flex items-center p-4 pb-2 text-xs font-semibold tracking-wider text-slate-500 uppercase", children: [
+              /* @__PURE__ */ jsxs("h4", { className: "flex-shrink-0 flex items-center p-4 pb-2 text-xs font-semibold tracking-wider text-muted-foreground uppercase", children: [
                 /* @__PURE__ */ jsx(MessageSquareShare, { className: "w-4 h-4 mr-2" }),
                 "Contact Us"
               ] }),
               /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 px-4", children: /* @__PURE__ */ jsxs("div", { className: "py-2 text-sm space-y-4", children: [
-                /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-blue-200 bg-blue-50 p-3", children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-slate-800", children: "Reach out any time" }),
+                /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-background p-3", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: "Reach out any time" }),
                   /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-1", children: [
-                    /* @__PURE__ */ jsx("a", { className: "block text-base font-semibold text-blue-800 hover:underline", href: "mailto:service@randmar.io", children: "service@randmar.io" }),
-                    /* @__PURE__ */ jsx("a", { className: "block text-base font-semibold text-blue-800 hover:underline", href: "tel:+18003616244", children: "1 (800) 361-6244" })
+                    /* @__PURE__ */ jsx("a", { className: "block text-base font-semibold text-primary hover:underline", href: "mailto:service@randmar.io", children: "service@randmar.io" }),
+                    /* @__PURE__ */ jsx("a", { className: "block text-base font-semibold text-primary hover:underline", href: "tel:+18003616244", children: "1 (800) 361-6244" })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-600", children: "Customer reps:" }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Customer reps:" }),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-slate-200 bg-white p-3", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-background p-3", children: [
                       /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Loraine Fraraccio" }),
-                      /* @__PURE__ */ jsx("div", { className: "text-slate-700", children: /* @__PURE__ */ jsx("a", { className: "text-blue-700 hover:underline", href: "mailto:loraine@randmar.io", children: "loraine@randmar.io" }) }),
-                      /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-600", children: "Extension: 314" }),
-                      /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-600", children: "Location: Quebec" })
+                      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx("a", { className: "text-primary hover:underline", href: "mailto:loraine@randmar.io", children: "loraine@randmar.io" }) }),
+                      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Extension: 314" }),
+                      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Location: Quebec" })
                     ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-slate-200 bg-white p-3", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-background p-3", children: [
                       /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Massimo Fiore" }),
-                      /* @__PURE__ */ jsx("div", { className: "text-slate-700", children: /* @__PURE__ */ jsx("a", { className: "text-blue-700 hover:underline", href: "mailto:massimo@randmar.io", children: "massimo@randmar.io" }) }),
-                      /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-600", children: "Extension: 305" }),
-                      /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-600", children: "Location: Ontario" })
+                      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx("a", { className: "text-primary hover:underline", href: "mailto:massimo@randmar.io", children: "massimo@randmar.io" }) }),
+                      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Extension: 305" }),
+                      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Location: Ontario" })
                     ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-slate-200 bg-white p-3", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-background p-3", children: [
                       /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Kevin Dusik" }),
-                      /* @__PURE__ */ jsx("div", { className: "text-slate-700", children: /* @__PURE__ */ jsx("a", { className: "text-blue-700 hover:underline", href: "mailto:kevin@randmar.io", children: "kevin@randmar.io" }) }),
-                      /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-600", children: "Extension: 150" }),
-                      /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-600", children: "Location: British-Colombia" })
+                      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx("a", { className: "text-primary hover:underline", href: "mailto:kevin@randmar.io", children: "kevin@randmar.io" }) }),
+                      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Extension: 150" }),
+                      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Location: British-Colombia" })
                     ] })
                   ] })
                 ] })
               ] }) })
             ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col border-b border-slate-200/80 h-32", children: [
-                /* @__PURE__ */ jsxs("h4", { className: "flex-shrink-0 flex items-center p-4 pb-2 text-xs font-semibold tracking-wider text-slate-500 uppercase", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col border-b border-border/80 h-32", children: [
+                /* @__PURE__ */ jsxs("h4", { className: "flex-shrink-0 flex items-center p-4 pb-2 text-xs font-semibold tracking-wider text-muted-foreground uppercase", children: [
                   /* @__PURE__ */ jsx(File$1, { className: "w-4 h-4 mr-2" }),
                   "Attached Files"
                 ] }),
                 /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1 px-4", children: /* @__PURE__ */ jsx("div", { className: "py-2 text-sm", children: nr.length > 0 || Qt.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  nr.map((Sr, Ir) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-blue-600", children: [
+                  nr.map((Sr, Ir) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-primary", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center", children: [
                       /* @__PURE__ */ jsx(File$1, { className: "w-4 h-4 mr-2 flex-shrink-0" }),
                       /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
@@ -76212,7 +76225,7 @@ ${nn}`;
                     return /* @__PURE__ */ jsxs(
                       "div",
                       {
-                        className: "flex items-center justify-between gap-2 text-slate-700 hover:text-slate-900 transition-colors duration-150",
+                        className: "flex items-center justify-between gap-2 text-foreground hover:text-primary transition-colors duration-150",
                         children: [
                           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center", children: [
                             /* @__PURE__ */ jsx(File$1, { className: "w-4 h-4 mr-2 flex-shrink-0" }),
@@ -76234,10 +76247,10 @@ ${nn}`;
                       Sr.messageId
                     );
                   })
-                ] }) : /* @__PURE__ */ jsx("p", { className: "text-slate-500 text-xs italic", children: "No files attached yet." }) }) })
+                ] }) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs italic", children: "No files attached yet." }) }) })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0", children: [
-                /* @__PURE__ */ jsxs("h4", { className: "flex-shrink-0 flex items-center p-4 pb-2 text-xs font-semibold tracking-wider text-slate-500 uppercase", children: [
+                /* @__PURE__ */ jsxs("h4", { className: "flex-shrink-0 flex items-center p-4 pb-2 text-xs font-semibold tracking-wider text-muted-foreground uppercase", children: [
                   /* @__PURE__ */ jsx(CodeXml, { className: "w-4 h-4 mr-2" }),
                   "Developer Log"
                 ] }),
@@ -76247,7 +76260,7 @@ ${nn}`;
                 ] }) })
               ] })
             ] }),
-            !zr && /* @__PURE__ */ jsx("div", { className: "p-3 border-t border-slate-200/80", children: /* @__PURE__ */ jsxs(
+            !zr && /* @__PURE__ */ jsx("div", { className: "p-3 border-t border-border/80", children: /* @__PURE__ */ jsxs(
               Button$1,
               {
                 className: "w-full",
@@ -76260,14 +76273,14 @@ ${nn}`;
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx("div", { className: "mt-auto p-3 border-t border-slate-200/80", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-3 w-full", children: [
+            /* @__PURE__ */ jsx("div", { className: "mt-auto p-3 border-t border-border/80", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-3 w-full", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500", children: "Powered by Gemini" }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Powered by Gemini" }),
                 /* @__PURE__ */ jsx(GeminiIcon, {})
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex-1 max-w-[160px]", children: [
                 /* @__PURE__ */ jsx(Progress, { value: Math.round(($t || 0) * 100), className: "h-2" }),
-                /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[10px] text-slate-400 mt-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[10px] text-muted-foreground mt-1", children: [
                   /* @__PURE__ */ jsx("span", { children: "Context" }),
                   /* @__PURE__ */ jsxs("span", { children: [
                     Math.round(($t || 0) * 100),
@@ -76285,22 +76298,22 @@ ${nn}`;
 AIChatLayout.displayName = "AIChatLayout";
 const GeminiIcon = ({ className: e = "h-4 w-4" }) => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", width: "1em", xmlns: "http://www.w3.org/2000/svg", className: cn("flex-none leading-none", e), children: [
   /* @__PURE__ */ jsx("title", { children: "Gemini" }),
-  /* @__PURE__ */ jsx("path", { d: "M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z", fill: "var(--randmar-blue)" }),
+  /* @__PURE__ */ jsx("path", { d: "M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z", fill: "var(--info)" }),
   /* @__PURE__ */ jsx("path", { d: "M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z", fill: "url(#lobe-icons-gemini-fill-0)" }),
   /* @__PURE__ */ jsx("path", { d: "M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z", fill: "url(#lobe-icons-gemini-fill-1)" }),
   /* @__PURE__ */ jsx("path", { d: "M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z", fill: "url(#lobe-icons-gemini-fill-2)" }),
   /* @__PURE__ */ jsxs("defs", { children: [
     /* @__PURE__ */ jsxs("linearGradient", { gradientUnits: "userSpaceOnUse", id: "lobe-icons-gemini-fill-0", x1: "7", x2: "11", y1: "15.5", y2: "12", children: [
-      /* @__PURE__ */ jsx("stop", { stopColor: "var(--randmar-green)" }),
-      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "var(--randmar-green)", stopOpacity: "0" })
+      /* @__PURE__ */ jsx("stop", { stopColor: "var(--success)" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "var(--success)", stopOpacity: "0" })
     ] }),
     /* @__PURE__ */ jsxs("linearGradient", { gradientUnits: "userSpaceOnUse", id: "lobe-icons-gemini-fill-1", x1: "8", x2: "11.5", y1: "5.5", y2: "11", children: [
-      /* @__PURE__ */ jsx("stop", { stopColor: "var(--randmar-red)" }),
-      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "var(--randmar-red)", stopOpacity: "0" })
+      /* @__PURE__ */ jsx("stop", { stopColor: "var(--primary)" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "var(--primary)", stopOpacity: "0" })
     ] }),
     /* @__PURE__ */ jsxs("linearGradient", { gradientUnits: "userSpaceOnUse", id: "lobe-icons-gemini-fill-2", x1: "3.5", x2: "17.5", y1: "13.5", y2: "12", children: [
-      /* @__PURE__ */ jsx("stop", { stopColor: "var(--randmar-yellow)" }),
-      /* @__PURE__ */ jsx("stop", { offset: ".46", stopColor: "var(--randmar-yellow)", stopOpacity: "0" })
+      /* @__PURE__ */ jsx("stop", { stopColor: "var(--warning)" }),
+      /* @__PURE__ */ jsx("stop", { offset: ".46", stopColor: "var(--warning)", stopOpacity: "0" })
     ] })
   ] })
 ] }), ASSISTANT_PROMPT_SHORTCUTS_STORAGE_KEY = "randmarcomps.assistantPromptShortcuts.v1", Navbar = forwardRef(
@@ -76499,7 +76512,7 @@ const GeminiIcon = ({ className: e = "h-4 w-4" }) => /* @__PURE__ */ jsxs("svg",
               Button$1,
               {
                 size: "icon",
-                className: Ft || Dt?.HasUnreads === !0 ? "pulse-glow bg-white hover:bg-gray-200 text-black" : "",
+                className: Ft || Dt?.HasUnreads === !0 ? "pulse-glow bg-background hover:bg-muted text-foreground" : "",
                 children: /* @__PURE__ */ jsx(MessageSquare, { className: "h-5 w-5" })
               }
             ) })
@@ -77294,7 +77307,7 @@ function MultiSelect({ options: e, selected: t, onChange: n, placeholder: a = "S
                 /* @__PURE__ */ jsx(
                   "span",
                   {
-                    className: "ml-1 cursor-pointer ring-offset-background rounded-full outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                    className: "ml-1 cursor-pointer rounded-full outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                     onClick: (ct) => {
                       ct.preventDefault(), ct.stopPropagation(), V(ot);
                     },
@@ -77519,33 +77532,33 @@ function ResellerBillingOverviewData({ reseller: e, actions: t }) {
     {
       title: "0 - 30 Days",
       amount: n.Over0 || 0,
-      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-white" }),
+      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-primary-foreground" }),
       color: "bg-primary"
     },
     {
       title: "31 - 45 Days",
       amount: n.Over30 || 0,
-      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-white" }),
+      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-primary-foreground" }),
       color: "bg-primary"
     },
     {
       title: "45+ Days",
       amount: n.Over45 || 0,
-      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-white" }),
+      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-primary-foreground" }),
       color: "bg-primary"
     }
   ], s = [
     {
       title: "Total",
       amount: n.Total || 0,
-      icon: /* @__PURE__ */ jsx(DollarSign, { className: "h-5 w-5 text-white" }),
-      color: "bg-green-500"
+      icon: /* @__PURE__ */ jsx(DollarSign, { className: "h-5 w-5 text-success-foreground" }),
+      color: "bg-success"
     },
     {
       title: "Credit Limit",
       amount: e.CreditLimit || 0,
-      icon: /* @__PURE__ */ jsx(CreditCard, { className: "h-5 w-5 text-white" }),
-      color: "bg-blue-500"
+      icon: /* @__PURE__ */ jsx(CreditCard, { className: "h-5 w-5 text-info-foreground" }),
+      color: "bg-info"
     }
   ];
   return /* @__PURE__ */ jsxs(Card, { children: [
@@ -77628,20 +77641,20 @@ function SalesOverviewData({
     {
       title: "Last 30 days",
       amount: e.SalesLast30Days || 0,
-      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-white" }),
-      color: "bg-blue-500"
+      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-info-foreground" }),
+      color: "bg-info"
     },
     {
       title: "Last 3 months",
       amount: e.SalesLast3Months || 0,
-      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-white" }),
-      color: "bg-amber-500"
+      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-warning-foreground" }),
+      color: "bg-warning"
     },
     {
       title: "Year to date",
       amount: e.SalesYearToDay || 0,
-      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-white" }),
-      color: "bg-emerald-500"
+      icon: /* @__PURE__ */ jsx(Calendar$1, { className: "h-5 w-5 text-success-foreground" }),
+      color: "bg-success"
     }
   ];
   return /* @__PURE__ */ jsxs(Card, { children: [
@@ -77779,7 +77792,7 @@ const AlertDialog = Root2$1, AlertDialogTrigger = Trigger2$1, AlertDialogPortal
   Overlay2,
   {
     className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-foreground/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
     ...t,
@@ -77871,8 +77884,8 @@ const AlertDialogCancel = React.forwardRef(({ className: e, ...t }, n) => /* @__
 ));
 AlertDialogCancel.displayName = Cancel.displayName;
 function PageHeader({ title: e, children: t, className: n }) {
-  return /* @__PURE__ */ jsx("header", { className: "w-full", children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-[1440px] px-6 pt-8", children: /* @__PURE__ */ jsx(Card, { className: cn("rounded-2xl border-gray-100 shadow-sm", n), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-6 sm:flex-row sm:items-center sm:justify-between", children: [
-    /* @__PURE__ */ jsx("h1", { className: "text-[32px] font-semibold leading-tight tracking-tight text-foreground", children: e }),
+  return /* @__PURE__ */ jsx("header", { className: "w-full", children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-[1440px] px-6 pt-8", children: /* @__PURE__ */ jsx(Card, { className: cn("rounded-2xl border-border shadow-sm", n), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 p-6 sm:flex-row sm:items-center sm:justify-between", children: [
+    /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold leading-tight tracking-tight text-foreground", children: e }),
     t ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: t }) : null
   ] }) }) }) });
 }
@@ -88079,56 +88092,57 @@ function getAttributesFromExtensions(e) {
     parseHTML: null,
     keepOnSplit: !0,
     isRequired: !1
-  };
-  return e.forEach((l) => {
-    const c = {
-      name: l.name,
-      options: l.options,
-      storage: l.storage,
+  }, l = n.filter((f) => f.name !== "text").map((f) => f.name), c = a.map((f) => f.name), d = [...l, ...c];
+  return e.forEach((f) => {
+    const S = {
+      name: f.name,
+      options: f.options,
+      storage: f.storage,
       extensions: s
-    }, d = getExtensionField(
-      l,
+    }, A = getExtensionField(
+      f,
       "addGlobalAttributes",
-      c
+      S
     );
-    if (!d)
+    if (!A)
       return;
-    d().forEach((S) => {
-      S.types.forEach((A) => {
-        Object.entries(S.attributes).forEach(([R, V]) => {
+    A().forEach((V) => {
+      let at;
+      Array.isArray(V.types) ? at = V.types : V.types === "*" ? at = d : V.types === "nodes" ? at = l : V.types === "marks" ? at = c : at = [], at.forEach((lt) => {
+        Object.entries(V.attributes).forEach(([ot, ct]) => {
           t.push({
-            type: A,
-            name: R,
+            type: lt,
+            name: ot,
             attribute: {
               ...o,
-              ...V
+              ...ct
             }
           });
         });
       });
     });
-  }), s.forEach((l) => {
-    const c = {
-      name: l.name,
-      options: l.options,
-      storage: l.storage
-    }, d = getExtensionField(
-      l,
+  }), s.forEach((f) => {
+    const S = {
+      name: f.name,
+      options: f.options,
+      storage: f.storage
+    }, A = getExtensionField(
+      f,
       "addAttributes",
-      c
+      S
     );
-    if (!d)
+    if (!A)
       return;
-    const f = d();
-    Object.entries(f).forEach(([S, A]) => {
-      const R = {
+    const R = A();
+    Object.entries(R).forEach(([V, at]) => {
+      const lt = {
         ...o,
-        ...A
+        ...at
       };
-      typeof R?.default == "function" && (R.default = R.default()), R?.isRequired && R?.default === void 0 && delete R.default, t.push({
-        type: l.name,
-        name: S,
-        attribute: R
+      typeof lt?.default == "function" && (lt.default = lt.default()), lt?.isRequired && lt?.default === void 0 && delete lt.default, t.push({
+        type: f.name,
+        name: V,
+        attribute: lt
       });
     });
   }), t;
@@ -88441,6 +88455,8 @@ function isMarkActive(e, t, n = {}) {
   if (s.forEach(({ $from: A, $to: R }) => {
     const V = A.pos, at = R.pos;
     e.doc.nodesBetween(V, at, (lt, ot) => {
+      if (o && lt.inlineContent && !lt.type.allowsMarkType(o))
+        return !1;
       if (!lt.isText && !lt.marks.length)
         return;
       const ct = Math.max(V, ot), ft = Math.min(at, ot + lt.nodeSize), pt = ft - ct;
@@ -89403,6 +89419,34 @@ var ExtensionManager = class {
       } : a;
     }, e);
   }
+  /**
+   * Get the composed transformPastedHTML function from all extensions.
+   * @param baseTransform The base transform function (e.g. from the editor props)
+   * @returns A composed transform function that chains all extension transforms
+   */
+  transformPastedHTML(e) {
+    const { editor: t } = this;
+    return sortExtensions([...this.extensions]).reduce(
+      (a, s) => {
+        const o = {
+          name: s.name,
+          options: s.options,
+          storage: this.editor.extensionStorage[s.name],
+          editor: t,
+          type: getSchemaTypeByName(s.name, this.schema)
+        }, l = getExtensionField(
+          s,
+          "transformPastedHTML",
+          o
+        );
+        return l ? (c, d) => {
+          const f = a(c, d);
+          return l.call(o, f);
+        } : a;
+      },
+      e || ((a) => a)
+    );
+  }
   get markViews() {
     const { editor: e } = this, { markExtensions: t } = splitExtensions(this.extensions);
     return Object.fromEntries(
@@ -90124,7 +90168,7 @@ var Editor = class extends EventEmitter {
     return this.options.editable && this.view && this.view.editable;
   }
   /**
-   * Returns the editor state.
+   * Returns the editor view.
    */
   get view() {
     return this.editorView ? this.editorView : new Proxy(
@@ -90260,7 +90304,7 @@ var Editor = class extends EventEmitter {
    * Creates a ProseMirror view.
    */
   createView(e) {
-    const { editorProps: t, enableExtensionDispatchTransaction: n } = this.options, a = t.dispatchTransaction || this.dispatchTransaction.bind(this), s = n ? this.extensionManager.dispatchTransaction(a) : a;
+    const { editorProps: t, enableExtensionDispatchTransaction: n } = this.options, a = t.dispatchTransaction || this.dispatchTransaction.bind(this), s = n ? this.extensionManager.dispatchTransaction(a) : a, o = t.transformPastedHTML, l = this.extensionManager.transformPastedHTML(o);
     this.editorView = new EditorView(e, {
       ...t,
       attributes: {
@@ -90269,16 +90313,17 @@ var Editor = class extends EventEmitter {
         ...t?.attributes
       },
       dispatchTransaction: s,
+      transformPastedHTML: l,
       state: this.editorState,
       markViews: this.extensionManager.markViews,
       nodeViews: this.extensionManager.nodeViews
     });
-    const o = this.state.reconfigure({
+    const c = this.state.reconfigure({
       plugins: this.extensionManager.plugins
     });
-    this.view.updateState(o), this.prependClass(), this.injectCSS();
-    const l = this.view.dom;
-    l.editor = this;
+    this.view.updateState(c), this.prependClass(), this.injectCSS();
+    const d = this.view.dom;
+    d.editor = this;
   }
   /**
    * Creates all node and mark views.
@@ -95108,7 +95153,7 @@ function RichTextEditor({ id: e, name: t, value: n, onChange: a, placeholder: s,
     content: n,
     editorProps: {
       attributes: {
-        class: "prose prose-sm sm:prose dark:prose-invert focus:outline-none",
+        class: "prose prose-sm sm:prose focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
         id: e ?? "",
         name: t ?? ""
       }
@@ -95381,7 +95426,7 @@ function ReturnsTable({
       cell: ({ row: l }) => {
         const c = l.original.InvoiceNumber;
         return c ? /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(Link$1, { to: `/${e}/Document/${c}`, className: "text-blue-600 hover:underline", children: c }) }),
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(Link$1, { to: `/${e}/Document/${c}`, className: "text-primary hover:underline", children: c }) }),
           /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsxs("p", { children: [
             "View details for invoice ",
             c
@@ -95409,8 +95454,7 @@ function ReturnsTable({
       header: "Status",
       cell: ({ row: l }) => {
         const c = l.original.Status, d = getStatusVariant(c);
-        let f = "border-gray-400 bg-gray-100 text-gray-600 dark:border-gray-600 dark:bg-gray-800/50 dark:text-gray-400";
-        return d === "success" ? f = "border-green-500 bg-green-100 text-green-700 dark:border-green-600 dark:bg-green-900/50 dark:text-green-400" : d === "destructive" && (f = "border-red-500 bg-red-100 text-red-700 dark:border-red-600 dark:bg-red-900/50 dark:text-red-400"), c ? /* @__PURE__ */ jsx(Badge, { variant: "outline", className: `${f} font-medium`, children: c }) : "—";
+        return c ? /* @__PURE__ */ jsx(Badge, { variant: d === "success" ? "success" : d === "destructive" ? "destructive" : "secondary", className: "font-medium", children: c }) : "—";
       },
       enableSorting: !0,
       enableFiltering: !0
@@ -95456,7 +95500,7 @@ function ReturnsTable({
       ] })
     ] })
   ] }) : /* @__PURE__ */ jsxs(Card, { className: "w-full", children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-1xl font-bold", children: "Returns" }) }),
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-xl font-semibold text-foreground", children: "Returns" }) }),
     /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(DataTable, { columns: a, data: o, uniqueValues: s }) })
   ] });
 }
@@ -95984,11 +96028,8 @@ function ProductOverviewPage({
                 /* @__PURE__ */ jsxs(
                   Badge,
                   {
-                    variant: "outline",
-                    className: [
-                      "rounded-full px-3 py-1.5 text-sm font-semibold",
-                      Rt >= 0 ? "border-emerald-200 bg-emerald-50 text-emerald-800 hover:bg-emerald-50" : "border-rose-200 bg-rose-50 text-rose-800 hover:bg-rose-50"
-                    ].join(" "),
+                    variant: Rt >= 0 ? "success" : "destructive",
+                    className: "rounded-full px-3 py-1.5 text-sm font-semibold",
                     children: [
                       Rt >= 0 ? "Potential Profit" : "Below MAP",
                       ": ",
@@ -96681,7 +96722,7 @@ Prompt: "${t}"`, ft = ++R.current;
           /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })
         ] })
       ] }),
-      S && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: S }),
+      S && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: S }),
       !d && !S && l && // Renders the cleaned HTML response from the AI.
       /* @__PURE__ */ jsx(
         "div",
@@ -98457,7 +98498,7 @@ function ExternalProductCard({
             Badge,
             {
               variant: "outline",
-              className: "border-orange-300 bg-orange-50 text-orange-800",
+              className: "border-info/40 bg-info/10 text-info",
               children: [
                 /* @__PURE__ */ jsx(Telescope, { className: "mr-2 h-3 w-3" }),
                 /* @__PURE__ */ jsx("span", { children: "External Product" })
@@ -98468,7 +98509,7 @@ function ExternalProductCard({
             Badge,
             {
               variant: "outline",
-              className: "border-randmar-red bg-red-50 text-randmar-red",
+              className: "border-primary/40 bg-primary/10 text-primary",
               children: [
                 /* @__PURE__ */ jsx(Warehouse, { className: "mr-2 h-3 w-3" }),
                 /* @__PURE__ */ jsxs("span", { children: [
@@ -98480,11 +98521,11 @@ function ExternalProductCard({
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "hidden @[36rem]:grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center rounded-md bg-orange-50 px-4 py-2 text-orange-800 border-1 border-orange-800 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center rounded-md bg-info/10 px-4 py-2 text-info border border-info text-sm", children: [
             /* @__PURE__ */ jsx(Telescope, { className: "mr-2 h-5 w-5 flex-shrink-0" }),
             /* @__PURE__ */ jsx("span", { children: "External Product" })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center rounded-md bg-red-50 px-4 py-2 text-randmar-red border-1 border-randmar-red text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center rounded-md bg-primary/10 px-4 py-2 text-primary border border-primary text-sm", children: [
             /* @__PURE__ */ jsx(Warehouse, { className: "mr-2 h-5 w-5 flex-shrink-0" }),
             /* @__PURE__ */ jsxs("span", { children: [
               "Held by ",
@@ -98655,11 +98696,10 @@ function OpportunitiesTable({
         id: "statusInfo",
         header: "Status",
         cell: ({ row: Ct }) => {
-          const Mt = Ct.original, Dt = Mt.Active === !0, Ft = getEndDateStatus(Mt.EndDate);
-          let Ut = "border-gray-400 bg-gray-100 text-gray-600 dark:border-gray-600 dark:bg-gray-800/50 dark:text-gray-400";
-          return Ft.variant === "destructive" ? Ut = "border-red-500 bg-red-100 text-red-700 dark:border-red-600 dark:bg-red-900/50 dark:text-red-400" : Ft.variant === "warning" && (Ut = "border-yellow-500 bg-yellow-100 text-yellow-700 dark:border-yellow-600 dark:bg-yellow-900/50 dark:text-yellow-400"), /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 min-w-[200px]", children: [
-            /* @__PURE__ */ jsx(Badge, { variant: "outline", className: Dt ? "border-green-500 bg-green-100 text-green-700 dark:border-green-600 dark:bg-green-900/50 dark:text-green-400 font-medium" : "border-gray-400 bg-gray-100 text-gray-600 dark:border-gray-600 dark:bg-gray-800/50 dark:text-gray-400 font-medium", children: Dt ? "Active" : "Inactive" }),
-            Mt.EndDate && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: `${Ut} font-medium`, children: Ft.text }),
+          const Mt = Ct.original, Dt = Mt.Active === !0, Ft = getEndDateStatus(Mt.EndDate), Ut = Dt ? "success" : "secondary", Rt = Ft.variant === "destructive" ? "destructive" : Ft.variant === "warning" ? "warning" : "secondary";
+          return /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 min-w-[200px]", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: Ut, className: "font-medium", children: Dt ? "Active" : "Inactive" }),
+            Mt.EndDate && /* @__PURE__ */ jsx(Badge, { variant: Rt, className: "font-medium", children: Ft.text }),
             /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 100, children: /* @__PURE__ */ jsxs(Tooltip$1, { children: [
               /* @__PURE__ */ jsx(TooltipTrigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button$1, { variant: "ghost", size: "icon", className: "h-6 w-6 p-0 data-[state=delayed-open]:bg-accent data-[state=instant-open]:bg-accent", children: /* @__PURE__ */ jsx(Info, { className: "h-4 w-4 text-muted-foreground" }) }) }),
               /* @__PURE__ */ jsx(TooltipContent, { side: "top", align: "center", className: "bg-popover text-popover-foreground p-2 rounded shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "text-sm space-y-1", children: [