organify-ui 0.2.16 → 0.3.2

package/dist/index.js

@@ -1,13 +1,13 @@
 export { I18nProvider, createTranslator, useI18n } from './chunk-FQA33MF4.js';
-export { ThemeProvider, useTheme } from './chunk-5L6BWKVA.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Separator, ResponsiveDialog, Label, Input, Textarea, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-INKNHHKT.js';
-export { Alert, Button, ChatMessages, ChatSidebar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Input, Label, MOCK_PROJECTS, MOCK_USERS, OrgLoader, OrgLoaderInline, OrganifyChat, ResponsiveDialog, RoomManagementPanel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TypingIndicatorMock, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, orgLoaderVariants, typingIndicator, useChat } from './chunk-INKNHHKT.js';
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-I47BBGVI.js';
-export { NotificationBell, NotificationItem, NotificationList, OrganifyNotifications, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceAvatarStack, PresenceIndicator, useNotifications, usePresence } from './chunk-I47BBGVI.js';
-import { cn, Avatar, AvatarImage, AvatarFallback, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Skeleton, useOrganify, useOrganifyGql, ScrollArea, useOrganifyUser, useOrganifyApi, Badge, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject } from './chunk-ERFN2H75.js';
-export { Avatar, AvatarFallback, AvatarImage, Badge, OrganifyContext, OrganifyProvider, ScrollArea, ScrollBar, Skeleton, SkeletonCard, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, badgeVariants, cn, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace } from './chunk-ERFN2H75.js';
-import { OrgDiamond, OrgPlus, OrgComment, OrgEdit, OrgTrash, OrgCheckCircle, OrgAttachment, OrgCalendar, OrgMail, OrgBoard, OrgSprint, OrgRocket, OrgWarning, OrgFlag, OrgShield, OrgZap, OrgStar } from './chunk-HY7M3VZM.js';
-export { OrgAI, OrgActivity, OrgArrowLeft, OrgArrowRight, OrgAttachment, OrgBell, OrgBoard, OrgCalendar, OrgCelebrate, OrgChart, OrgChat, OrgCheck, OrgCheckCircle, OrgChevronDown, OrgChevronLeft, OrgChevronRight, OrgChevronUp, OrgClock, OrgClose, OrgComment, OrgCopy, OrgCreditCard, OrgDeveloper, OrgDiamond, OrgDoor, OrgDownload, OrgEdit, OrgError, OrgExecutive, OrgEye, OrgEyeOff, OrgFile, OrgFilter, OrgFlag, OrgFolder, OrgGauge, OrgGlobe, OrgGrid, OrgHeart, OrgHome, OrgInfo, OrgIntegration, OrgLink, OrgList, OrgLock, OrgLogo, OrgLogout, OrgMail, OrgMention, OrgMenu, OrgMoon, OrgPMO, OrgPause, OrgPlay, OrgPlus, OrgProjectManager, OrgReport, OrgRocket, OrgSearch, OrgSettings, OrgShield, OrgSort, OrgSprint, OrgStakeholder, OrgStar, OrgSun, OrgTag, OrgTarget, OrgTeam, OrgTrash, OrgTutorial, OrgUnlock, OrgUpload, OrgUser, OrgWarning, OrgWave, OrgWordmark, OrgWorkflow, OrgWorkspace, OrgZap } from './chunk-HY7M3VZM.js';
+export { ThemeProvider, useTheme } from './chunk-RFOKENE3.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, Separator, ResponsiveDialog, Label, Input, Textarea, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-GQZMW7XN.js';
+export { Alert, Button, ChatMessages, ChatSidebar, CreateRoomDialog, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Input, Label, MOCK_PROJECTS, MOCK_USERS, OrgLoader, OrgLoaderInline, OrganifyChat, ResponsiveDialog, RoomManagementPanel, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TypingIndicatorMock, alertVariants, buttonVariants, generateAutoReplies, getMockMentionOptions, getRoomPermissions, inputVariants, orgLoaderVariants, typingIndicator, useChat } from './chunk-GQZMW7XN.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-A2H2TBSV.js';
+export { NotificationBell, NotificationItem, NotificationList, OrganifyNotifications, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PresenceAvatarStack, PresenceIndicator, useNotifications, usePresence } from './chunk-A2H2TBSV.js';
+import { cn, Avatar, AvatarImage, AvatarFallback, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Skeleton, useOrganify, useOrganifyGql, ScrollArea, useOrganifyUser, useOrganifyApi, Badge, useOrganifyWorkspace, useOrganifyNavigation, useOrganifyProject } from './chunk-VHQZS77G.js';
+export { Avatar, AvatarFallback, AvatarImage, Badge, OrganifyContext, OrganifyProvider, ScrollArea, ScrollBar, Skeleton, SkeletonCard, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, avatarVariants, badgeVariants, cn, useOrganify, useOrganifyApi, useOrganifyGql, useOrganifyNavigation, useOrganifyProject, useOrganifyRest, useOrganifyUser, useOrganifyWorkspace } from './chunk-VHQZS77G.js';
+import { OrgDiamond, OrgPlus, OrgComment, OrgEdit, OrgTrash, OrgCheckCircle, OrgAttachment, OrgCalendar, OrgMail, OrgBoard, OrgSprint, OrgRocket, OrgWarning, OrgFlag, OrgShield, OrgZap, OrgStar } from './chunk-MZKEDV5W.js';
+export { OrgAI, OrgActivity, OrgArrowLeft, OrgArrowRight, OrgAttachment, OrgBell, OrgBoard, OrgCalendar, OrgCelebrate, OrgChart, OrgChat, OrgCheck, OrgCheckCircle, OrgChevronDown, OrgChevronLeft, OrgChevronRight, OrgChevronUp, OrgClock, OrgClose, OrgComment, OrgCopy, OrgCreditCard, OrgDeveloper, OrgDiamond, OrgDoor, OrgDownload, OrgEdit, OrgError, OrgExecutive, OrgEye, OrgEyeOff, OrgFile, OrgFilter, OrgFlag, OrgFolder, OrgGauge, OrgGlobe, OrgGrid, OrgHeart, OrgHome, OrgInfo, OrgIntegration, OrgLink, OrgList, OrgLock, OrgLogo, OrgLogout, OrgMail, OrgMention, OrgMenu, OrgMoon, OrgPMO, OrgPause, OrgPlay, OrgPlus, OrgProjectManager, OrgReport, OrgRocket, OrgSearch, OrgSettings, OrgShield, OrgSort, OrgSprint, OrgStakeholder, OrgStar, OrgSun, OrgTag, OrgTarget, OrgTeam, OrgTrash, OrgTutorial, OrgUnlock, OrgUpload, OrgUser, OrgWarning, OrgWave, OrgWordmark, OrgWorkflow, OrgWorkspace, OrgZap } from './chunk-MZKEDV5W.js';
 import * as React4 from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -29,7 +29,7 @@ var Toggle = React4.forwardRef(({ className, label, description, ...props }, ref
       "div",
       {
         className: cn(
-          "flex items-center justify-between border border-glass-border bg-glass-highlight rounded-sm p-4 transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
+          "flex items-center justify-between border border-white/10 bg-white/[0.03] rounded-xl p-4 transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
           className
         ),
         children: [
@@ -42,7 +42,7 @@ var Toggle = React4.forwardRef(({ className, label, description, ...props }, ref
             {
               id,
               ref,
-              className: "peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full border border-glass-border bg-black/40 transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=checked]:border-primary-light data-[state=checked]:bg-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-light",
+              className: "peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full border border-white/10 bg-black/40 transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=checked]:border-primary-light data-[state=checked]:bg-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-light",
               ...props,
               children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { className: "pointer-events-none block h-4 w-4 border border-white/10 bg-white/20 transition-transform data-[state=checked]:translate-x-5 data-[state=checked]:border-white data-[state=checked]:bg-white data-[state=unchecked]:translate-x-0" })
             }
@@ -56,7 +56,7 @@ var Toggle = React4.forwardRef(({ className, label, description, ...props }, ref
     {
       ref,
       className: cn(
-        "peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full border border-glass-border bg-black/40 transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=checked]:border-primary-light data-[state=checked]:bg-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-light",
+        "peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full border border-white/10 bg-black/40 transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=checked]:border-primary-light data-[state=checked]:bg-primary/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-light",
         className
       ),
       ...props,
@@ -139,7 +139,7 @@ function UserAvatar({
       {
         side: "top",
         className: cn(
-          "flex items-center gap-3 rounded-sm border border-theme-subtle",
+          "flex items-center gap-3 rounded-xl border border-theme-subtle",
           "bg-card-surface/95 px-4 py-3 shadow-glass-xl backdrop-blur-2xl",
           "max-w-xs"
         ),
@@ -178,7 +178,7 @@ var Progress = React4.forwardRef(({ className, value, showLabel, label, variant
       ref,
       className: cn(
         "relative h-1 w-full overflow-hidden",
-        variant === "default" ? "bg-glass-highlight rounded-full" : "bg-black/5 rounded-full",
+        variant === "default" ? "bg-white/[0.05] rounded-full" : "bg-black/5 rounded-full",
         className
       ),
       ...props,
@@ -187,7 +187,7 @@ var Progress = React4.forwardRef(({ className, value, showLabel, label, variant
         {
           className: cn(
             "h-full transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
-            variant === "default" ? "bg-primary-light shadow-[0_0_15px_rgba(79,57,246,0.8)]" : "bg-primary rounded-full opacity-80"
+            variant === "default" ? "bg-primary-light shadow-[0_0_15px_rgba(99,102,241,0.8)]" : "bg-primary rounded-full opacity-80"
           ),
           style: { width: `${value || 0}%` },
           children: variant === "default" && /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 right-0 top-0 w-1 bg-white" })
@@ -198,15 +198,15 @@ var Progress = React4.forwardRef(({ className, value, showLabel, label, variant
 ] }));
 Progress.displayName = "Progress";
 var toastVariants = cva(
-  "relative flex w-full min-w-[320px] max-w-md items-start gap-3 backdrop-blur-xl border px-5 py-4 transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] rounded-sm shadow-glass",
+  "relative flex w-full min-w-[380px] max-w-md items-start gap-4 backdrop-blur-xl border px-5 py-4 transition-all duration-300 rounded-2xl shadow-2xl bg-white dark:bg-gray-900",
   {
     variants: {
       variant: {
-        default: "bg-glass-highlight/90 border-glass-border border-l-4 border-l-primary",
-        info: "bg-blue-500/[0.08] border-blue-500/20 border-l-4 border-l-blue-500",
-        success: "bg-emerald-500/[0.08] border-emerald-500/20 border-l-4 border-l-emerald-500",
-        warning: "bg-amber-400/[0.08] border-amber-400/20 border-l-4 border-l-amber-400",
-        error: "bg-rose-500/[0.08] border-rose-500/20 border-l-4 border-l-rose-500"
+        default: "border-gray-200 dark:border-gray-700",
+        info: "border-blue-200 dark:border-blue-800/50",
+        success: "border-emerald-200 dark:border-emerald-800/50",
+        warning: "border-amber-200 dark:border-amber-800/50",
+        error: "border-rose-200 dark:border-rose-800/50"
       }
     },
     defaultVariants: {
@@ -215,15 +215,15 @@ var toastVariants = cva(
   }
 );
 var toastIconVariants = cva(
-  "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-sm",
+  "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full",
   {
     variants: {
       variant: {
-        default: "bg-primary/15 text-primary",
-        info: "bg-blue-500/15 text-blue-400",
-        success: "bg-emerald-500/15 text-emerald-400",
-        warning: "bg-amber-400/15 text-amber-400",
-        error: "bg-rose-500/15 text-rose-400"
+        default: "bg-indigo-100 text-indigo-600 dark:bg-indigo-600/20 dark:text-indigo-400",
+        info: "bg-blue-100 text-blue-600 dark:bg-blue-600/20 dark:text-blue-400",
+        success: "bg-emerald-100 text-emerald-600 dark:bg-emerald-600/20 dark:text-emerald-400",
+        warning: "bg-amber-100 text-amber-600 dark:bg-amber-600/20 dark:text-amber-400",
+        error: "bg-rose-100 text-rose-600 dark:bg-rose-600/20 dark:text-rose-400"
       }
     },
     defaultVariants: {
@@ -232,11 +232,11 @@ var toastIconVariants = cva(
   }
 );
 var defaultIcons = {
-  default: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" }),
-  info: /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }),
-  success: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-4 w-4" }),
-  warning: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-4 w-4" }),
-  error: /* @__PURE__ */ jsx(AlertCircle, { className: "h-4 w-4" })
+  default: /* @__PURE__ */ jsx(Sparkles, { className: "h-5 w-5" }),
+  info: /* @__PURE__ */ jsx(Info, { className: "h-5 w-5" }),
+  success: /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5" }),
+  warning: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-5 w-5" }),
+  error: /* @__PURE__ */ jsx(AlertCircle, { className: "h-5 w-5" })
 };
 function Toast({
   className,
@@ -254,14 +254,14 @@ function Toast({
   return /* @__PURE__ */ jsx("div", { className: "group relative", role: "status", "aria-live": "polite", children: /* @__PURE__ */ jsxs("div", { className: cn(toastVariants({ variant }), className), ...props, children: [
     /* @__PURE__ */ jsx("div", { className: cn(toastIconVariants({ variant })), children: displayIcon }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      title && /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-org-text mb-0.5 leading-tight", children: title }),
-      description && /* @__PURE__ */ jsx("p", { className: "text-xs text-org-text-secondary leading-relaxed", children: description }),
+      title && /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-gray-900 dark:text-white mb-1 leading-tight", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 leading-relaxed", children: description }),
       children,
       action && /* @__PURE__ */ jsx(
         "button",
         {
           onClick: action.onClick,
-          className: "mt-2 text-xs font-semibold text-primary hover:text-primary-light transition-colors underline underline-offset-2",
+          className: "mt-3 px-4 py-2 text-sm font-medium text-white bg-primary hover:bg-primary/90 rounded-lg transition-colors",
           children: action.label
         }
       )
@@ -270,27 +270,26 @@ function Toast({
       "button",
       {
         onClick: onClose,
-        className: "flex-shrink-0 p-1 text-org-text-muted transition-colors hover:text-org-text",
+        className: "absolute top-4 right-4 flex-shrink-0 p-1 text-gray-400 dark:text-gray-500 transition-colors hover:text-gray-600 dark:hover:text-gray-300",
         "aria-label": "Dismiss",
-        children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+        children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
       }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 rounded-sm shadow-inner-light" })
+    )
   ] }) });
 }
 function ToastProgress({ value, label, className, ...props }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("flex-1 mt-2", className), ...props, children: [
     label && /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-org-text", children: label }),
-      /* @__PURE__ */ jsxs("span", { className: "text-xs font-bold text-org-text-secondary", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-gray-900 dark:text-white", children: label }),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs font-bold text-gray-500 dark:text-gray-400", children: [
         value,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "h-1 w-full overflow-hidden bg-glass-border rounded-full", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "h-1 w-full overflow-hidden bg-gray-200 dark:bg-gray-700 rounded-full", children: /* @__PURE__ */ jsx(
       "div",
       {
-        className: "h-full bg-gradient-to-r from-primary to-primary-light transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
+        className: "h-full bg-gradient-to-r from-primary to-primary-light transition-all duration-300",
         style: { width: `${value}%` }
       }
     ) })
@@ -375,8 +374,8 @@ function TaskDetailPanel({
       {
         className: cn(
           "max-w-2xl max-h-[85vh] overflow-y-auto",
-          "border border-theme-subtle bg-theme-glass-heavy backdrop-blur-2xl",
-          "shadow-glass rounded-sm"
+          "border border-white/20 bg-white/[0.03] backdrop-blur-[40px]",
+          "shadow-[0_24px_80px_-15px_rgba(0,0,0,0.5)] rounded-2xl"
         ),
         children: [
           (title || subtitle) && /* @__PURE__ */ jsxs(DialogHeader, { children: [
@@ -393,7 +392,7 @@ function TaskDetailPanel({
     {
       className: cn(
         "max-h-[90vh]",
-        "border-t border-theme-subtle bg-theme-glass-heavy backdrop-blur-2xl"
+        "border-t border-white/20 bg-white/[0.03] backdrop-blur-[40px]"
       ),
       children: [
         (title || subtitle) && /* @__PURE__ */ jsxs(DrawerHeader, { className: "text-left", children: [
@@ -452,7 +451,7 @@ function BoardSkeleton({ className, columns = 4 }) {
     Array.from({ length: 2 + Math.floor(Math.random() * 3) }).map((_2, cardIdx) => /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "p-4 rounded-sm border border-theme-subtle bg-theme-subtle space-y-3",
+        className: "p-4 rounded-xl border border-theme-subtle bg-theme-subtle space-y-3",
         children: [
           /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
           /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-full" }),
@@ -508,9 +507,9 @@ function ProjectListSkeleton({ className, items = 4 }) {
 }
 function SprintSkeleton({ className }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 rounded-sm border border-theme-subtle bg-theme-subtle", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 rounded-xl border border-theme-subtle bg-theme-subtle", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-sm" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-xl" }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
           /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-40 opacity-60" })
@@ -518,10 +517,10 @@ function SprintSkeleton({ className }) {
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24 rounded-sm" })
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24 rounded-xl" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-sm border border-theme-subtle bg-theme-subtle space-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-xl border border-theme-subtle bg-theme-subtle space-y-2", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-2.5 w-16 opacity-60" }),
       /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-10" })
     ] }, i)) }),
@@ -533,7 +532,7 @@ function DashboardSkeleton({ className }) {
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "glass-panel p-5 space-y-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20 opacity-60" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-sm" })
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-xl" })
       ] }),
       /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-16" }),
       /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-full rounded-full" })
@@ -541,7 +540,7 @@ function DashboardSkeleton({ className }) {
     /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-3 gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "md:col-span-2 glass-panel p-5 space-y-4", children: [
         /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-full rounded-sm" })
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-48 w-full rounded-xl" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "glass-panel p-5 space-y-4", children: [
         /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
@@ -555,7 +554,7 @@ function DashboardSkeleton({ className }) {
   ] });
 }
 function MemberListSkeleton({ className, rows = 5 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-1", className), children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 rounded-sm", children: [
+  return /* @__PURE__ */ jsx("div", { className: cn("space-y-1", className), children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 rounded-xl", children: [
     /* @__PURE__ */ jsx(Skeleton, { variant: "circular", className: "h-10 w-10 shrink-0" }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-28" }),
@@ -569,9 +568,9 @@ function ChatSkeleton({ className }) {
     /* @__PURE__ */ jsxs("div", { className: "border-r border-theme-subtle p-3 space-y-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-1", children: [
         /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-7 rounded-sm" })
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-7 rounded-xl" })
       ] }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full rounded-sm" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full rounded-xl" }),
       /* @__PURE__ */ jsx("div", { className: "space-y-1", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 p-2", children: [
         /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", className: "h-7 w-7 shrink-0" }),
         /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
@@ -579,7 +578,7 @@ function ChatSkeleton({ className }) {
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col p-4 space-y-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 pb-3 border-b border-theme-subtle", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-sm" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-xl" }),
         /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex-1 space-y-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
@@ -590,7 +589,7 @@ function ChatSkeleton({ className }) {
           /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-2/3" })
         ] })
       ] }, i)) }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-sm" })
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-xl" })
     ] })
   ] });
 }
@@ -600,7 +599,7 @@ function SettingsSkeleton({ className }) {
     /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-64 opacity-60" }),
     /* @__PURE__ */ jsx("div", { className: "space-y-4 pt-2", children: Array.from({ length: 3 }).map((_2, fieldIdx) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-sm" })
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-xl" })
     ] }, fieldIdx)) })
   ] }, sectionIdx)) });
 }
@@ -611,7 +610,7 @@ var glassPanelVariants = cva("relative transition-all duration-[400ms] ease-[cub
       highlight: "glass-panel-highlight",
       alt: "glass-panel-alt",
       cream: "glass-panel-cream",
-      flat: "rounded-sm border border-theme-subtle bg-theme-surface/80 shadow-glass backdrop-blur-[40px] saturate-[180%]"
+      flat: "rounded-2xl border border-[rgba(167,139,250,0.12)] bg-[rgba(124,58,237,0.06)] shadow-[0_24px_80px_-15px_rgba(13,10,26,0.5)] backdrop-blur-[40px] [backdrop-filter:blur(40px)_saturate(180%)]"
     },
     corners: {
       none: "",
@@ -664,9 +663,9 @@ function Dock({ items, position = "bottom", className, ...props }) {
         "nav",
         {
           className: cn(
-            "flex items-center gap-1 rounded-sm border border-theme-subtle",
-            "bg-theme-glass-heavy px-3 py-2 shadow-glass backdrop-blur-[40px] saturate-[180%]",
-            "transition-shadow duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] hover:shadow-neon-glow"
+            "flex items-center gap-1 rounded-2xl border border-white/20",
+            "bg-white/[0.03] px-3 py-2 shadow-[0_24px_80px_-15px_rgba(0,0,0,0.5)] backdrop-blur-[40px]",
+            "transition-shadow duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]"
           ),
           children: items.map((entry, i) => {
             if (isDockSeparator(entry)) {
@@ -696,12 +695,12 @@ function DockButton({ item }) {
         "aria-label": label,
         "aria-current": active ? "page" : void 0,
         className: cn(
-          "relative flex h-10 w-10 items-center justify-center rounded-sm",
+          "relative flex h-10 w-10 items-center justify-center rounded-xl",
           "text-theme-muted transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
           "hover:bg-theme-subtle hover:text-theme",
           active && [
             "bg-primary/15 text-primary-light",
-            "shadow-[0_0_12px_rgba(79,57,246,0.3)]"
+            "shadow-[0_0_12px_rgba(99,102,241,0.3)]"
           ]
         ),
         children: [
@@ -725,14 +724,14 @@ function DockButton({ item }) {
       {
         className: cn(
           "pointer-events-none absolute -top-10 left-1/2 -translate-x-1/2",
-          "whitespace-nowrap rounded-sm bg-theme-glass-heavy px-2.5 py-1",
-          "text-xs font-medium text-theme shadow-glass backdrop-blur-lg",
+          "whitespace-nowrap rounded-xl bg-white/[0.05] px-2.5 py-1",
+          "text-xs font-medium text-white/90 shadow-[0_24px_80px_-15px_rgba(0,0,0,0.5)] backdrop-blur-[40px]",
           "opacity-0 transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
           "group-hover:-top-11 group-hover:opacity-100"
         ),
         children: [
           label,
-          /* @__PURE__ */ jsx("span", { className: "absolute -bottom-1 left-1/2 h-2 w-2 -translate-x-1/2 rotate-45 bg-theme-glass-heavy" })
+          /* @__PURE__ */ jsx("span", { className: "absolute -bottom-1 left-1/2 h-2 w-2 -translate-x-1/2 rotate-45 bg-white/[0.05]" })
         ]
       }
     )
@@ -742,7 +741,7 @@ function isSeparator(entry) {
   return "type" in entry && entry.type === "separator";
 }
 var sidebarVariants = cva(
-  "fixed left-0 top-0 z-40 flex h-full flex-col border-r border-glass-border bg-surface/95 backdrop-blur-2xl motion-safe:transition-all motion-safe:duration-[400ms] ease-in-out",
+  "fixed left-0 top-0 z-40 flex h-full flex-col border-r border-white/10 bg-white/[0.02] backdrop-blur-[40px] motion-safe:transition-all motion-safe:duration-[400ms] ease-in-out",
   {
     variants: {
       state: {
@@ -777,7 +776,7 @@ function DockSidebar({
       onMouseLeave: () => hoverExpand && onExpandedChange?.(false),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center px-3 h-16 border-b border-glass-border", expanded ? "justify-between" : "justify-center"), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center px-3 h-16 border-b border-white/10", expanded ? "justify-between" : "justify-center"), children: [
           header,
           /* @__PURE__ */ jsx(
             "button",
@@ -786,8 +785,8 @@ function DockSidebar({
               onClick: handleToggle,
               "aria-label": expanded ? "Collapse sidebar" : "Expand sidebar",
               className: cn(
-                "flex h-7 w-7 items-center justify-center rounded-sm",
-                "text-org-text-muted transition-all hover:bg-glass-highlight hover:text-org-text"
+                "flex h-7 w-7 items-center justify-center rounded-xl",
+                "text-org-text-muted transition-all hover:bg-white/[0.05] hover:text-org-text"
               ),
               children: /* @__PURE__ */ jsx(
                 "svg",
@@ -815,7 +814,7 @@ function DockSidebar({
           },
           isSeparator(entry) ? `sep-${i}` : entry.id
         )) }),
-        bottomItems && bottomItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-glass-border py-2 px-2 space-y-0.5", children: bottomItems.map((entry, i) => /* @__PURE__ */ jsx(
+        bottomItems && bottomItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-white/10 py-2 px-2 space-y-0.5", children: bottomItems.map((entry, i) => /* @__PURE__ */ jsx(
           SidebarEntry,
           {
             entry,
@@ -835,7 +834,7 @@ function SidebarEntry({
 }) {
   if (isSeparator(entry)) {
     return /* @__PURE__ */ jsxs("div", { className: "py-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-px bg-glass-border" }),
+      /* @__PURE__ */ jsx("div", { className: "h-px bg-white/10" }),
       expanded && entry.label && /* @__PURE__ */ jsx("span", { className: "block px-3 pt-2 text-[10px] font-semibold uppercase tracking-widest text-org-text-muted", children: entry.label })
     ] });
   }
@@ -855,7 +854,7 @@ function SidebarButton({
 }) {
   const { icon, label, href, onClick, active, badge, disabled } = item;
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-sm transition-all", children: icon }),
+    /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-xl transition-all", children: icon }),
     /* @__PURE__ */ jsx(
       "span",
       {
@@ -872,19 +871,19 @@ function SidebarButton({
         className: cn(
           "flex h-5 min-w-5 items-center justify-center rounded-full px-1.5",
           "text-[10px] font-semibold transition-opacity duration-[400ms]",
-          typeof badge === "number" && badge > 0 ? "bg-primary/20 text-primary-light" : "bg-glass-highlight text-org-text-muted",
+          typeof badge === "number" && badge > 0 ? "bg-primary/20 text-primary-light" : "bg-white/[0.05] text-org-text-muted",
           expanded ? "opacity-100" : "opacity-0"
         ),
         children: typeof badge === "number" && badge > 99 ? "99+" : badge
       }
     ),
-    badge != null && !expanded && typeof badge === "number" && badge > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -right-0.5 -top-0.5 h-2 w-2 rounded-full bg-primary shadow-[0_0_6px_rgba(79,57,246,0.5)]" })
+    badge != null && !expanded && typeof badge === "number" && badge > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -right-0.5 -top-0.5 h-2 w-2 rounded-full bg-primary shadow-[0_0_6px_rgba(99,102,241,0.5)]" })
   ] });
   const sharedClass = cn(
-    "group relative flex items-center rounded-sm px-1 py-0.5 transition-all duration-[400ms]",
-    "text-org-text-muted hover:bg-glass-highlight hover:text-org-text",
+    "group relative flex items-center rounded-xl px-1 py-0.5 transition-all duration-[400ms]",
+    "text-org-text-muted hover:bg-white/[0.05] hover:text-org-text",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-    active && "bg-primary/10 text-primary-light shadow-[0_0_12px_rgba(79,57,246,0.15)]",
+    active && "bg-primary/10 text-primary-light shadow-[0_0_12px_rgba(99,102,241,0.15)]",
     disabled && "pointer-events-none opacity-40",
     !expanded && "justify-center"
   );
@@ -906,8 +905,8 @@ function SidebarButton({
           {
             className: cn(
               "pointer-events-none absolute left-full ml-3 whitespace-nowrap",
-              "rounded-sm bg-theme-glass-heavy px-2.5 py-1.5 text-xs font-medium text-theme",
-              "shadow-glass-md backdrop-blur-lg",
+              "rounded-xl bg-white/[0.05] px-2.5 py-1.5 text-xs font-medium text-white/90",
+              "shadow-[0_24px_80px_-15px_rgba(0,0,0,0.5)] backdrop-blur-[40px]",
               "opacity-0 transition-all duration-[400ms] -translate-x-1",
               "group-hover:opacity-100 group-hover:translate-x-0"
             ),
@@ -1077,7 +1076,7 @@ function WorkspaceSwitcher({ compact = false, onCreateWorkspace, className }) {
       {
         onClick: () => setIsOpen(!isOpen),
         className: cn(
-          "flex items-center gap-2.5 rounded-sm transition-colors hover:bg-theme-subtle",
+          "flex items-center gap-2.5 rounded-xl transition-colors hover:bg-theme-subtle",
           compact ? "justify-center p-1" : "w-full px-2 py-2",
           isOpen && "bg-theme-subtle"
         ),
@@ -1185,8 +1184,8 @@ function SwitcherDropdown({
   onEditClick,
   onDeleteClick
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "absolute top-full left-0 right-0 mt-1 rounded-sm border border-theme-subtle bg-theme-glass-heavy backdrop-blur-xl shadow-lg z-50 overflow-hidden min-w-52", children: [
-    /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs font-medium uppercase tracking-wider text-theme-muted border-b border-theme-subtle", children: "Workspaces" }),
+  return /* @__PURE__ */ jsxs("div", { className: "absolute top-full left-0 right-0 mt-1 rounded-xl border border-white/20 bg-white/[0.03] backdrop-blur-[40px] shadow-[0_24px_80px_-15px_rgba(0,0,0,0.5)] z-50 overflow-hidden min-w-52", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs font-medium uppercase tracking-wider text-theme-muted border-b border-white/10", children: "Workspaces" }),
     /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-64", children: /* @__PURE__ */ jsx("div", { className: "py-1", children: loading ? /* @__PURE__ */ jsx("div", { className: "space-y-1 px-3 py-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 py-2", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "w-7 h-7", variant: "rounded" }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
@@ -1512,7 +1511,7 @@ function DeleteWorkspaceDialog({
         )
       ] }),
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "p-3 rounded-sm bg-rose-500/10 border border-rose-500/20", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-rose-300", children: [
+        /* @__PURE__ */ jsx("div", { className: "p-3 rounded-xl bg-rose-500/10 border border-rose-500/20", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-rose-300", children: [
           "Voc\xEA est\xE1 prestes a excluir o workspace ",
           /* @__PURE__ */ jsx("strong", { className: "text-rose-200", children: workspace?.name }),
           ". Todos os projetos, tarefas, membros e dados associados ser\xE3o removidos permanentemente."
@@ -1564,11 +1563,11 @@ function Logo({ size = "default", variant = "default", animated = false, classNa
             className: cn(
               "relative flex items-center justify-center",
               s.container,
-              "rounded-sm border-2 border-primary/30",
+              "rounded-xl border-2 border-primary/30",
               "bg-gradient-to-br from-primary/10 to-transparent",
-              "shadow-[0_0_20px_rgba(79,57,246,0.15)]",
+              "shadow-[0_0_20px_rgba(99,102,241,0.15)]",
               "transition-all duration-500",
-              animated && "hover:border-primary/50 hover:shadow-[0_0_30px_rgba(79,57,246,0.3)]"
+              animated && "hover:border-primary/50 hover:shadow-[0_0_30px_rgba(99,102,241,0.3)]"
             ),
             children: [
               /* @__PURE__ */ jsx(
@@ -1576,8 +1575,8 @@ function Logo({ size = "default", variant = "default", animated = false, classNa
                 {
                   className: cn(
                     s.diamond,
-                    "rotate-45 rounded-sm bg-gradient-to-br from-primary to-primary-light",
-                    "shadow-[0_0_12px_rgba(79,57,246,0.5)]",
+                    "rotate-45 rounded-xl bg-gradient-to-br from-primary to-primary-light",
+                    "shadow-[0_0_12px_rgba(99,102,241,0.5)]",
                     "transition-transform duration-500",
                     animated && "hover:rotate-[135deg]"
                   )
@@ -1612,8 +1611,8 @@ var geometricIconVariants = cva(
   {
     variants: {
       variant: {
-        default: "border-2 border-primary/30 bg-primary/10 shadow-[0_0_16px_rgba(79,57,246,0.2)]",
-        filled: "bg-gradient-to-br from-primary to-primary-light shadow-[0_0_20px_rgba(79,57,246,0.4)]",
+        default: "border-2 border-primary/30 bg-primary/10 shadow-[0_0_16px_rgba(99,102,241,0.2)]",
+        filled: "bg-gradient-to-br from-primary to-primary-light shadow-[0_0_20px_rgba(99,102,241,0.4)]",
         outline: "border-2 border-theme-subtle-20 bg-transparent",
         success: "border-2 border-success/30 bg-success/10 shadow-[0_0_16px_rgba(16,185,129,0.2)]",
         warning: "border-2 border-warning/30 bg-warning/10 shadow-[0_0_16px_rgba(245,158,11,0.2)]",
@@ -1621,10 +1620,10 @@ var geometricIconVariants = cva(
         cream: "border-2 border-primary/20 bg-cream-card shadow-cream-sm"
       },
       size: {
-        sm: "h-8 w-8 rounded-sm",
-        default: "h-10 w-10 rounded-sm",
-        lg: "h-14 w-14 rounded-sm",
-        xl: "h-20 w-20 rounded-sm"
+        sm: "h-8 w-8 rounded-xl",
+        default: "h-10 w-10 rounded-xl",
+        lg: "h-14 w-14 rounded-xl",
+        xl: "h-20 w-20 rounded-xl"
       }
     },
     defaultVariants: {
@@ -1666,7 +1665,7 @@ function GeometricIcon({
 }
 var metricCardVariants = cva(
   [
-    "relative overflow-hidden rounded-sm border p-6",
+    "relative overflow-hidden rounded-xl border p-6",
     "transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]"
   ],
   {
@@ -1678,7 +1677,7 @@ var metricCardVariants = cva(
         ],
         highlight: [
           "border-primary/20 bg-gradient-to-br from-primary/5 to-transparent backdrop-blur-2xl",
-          "shadow-glass-lg hover:shadow-neon-glow"
+          "shadow-glass-lg hover:shadow-glass-xl"
         ],
         cream: [
           "border-cream-border bg-cream-card",
@@ -1710,7 +1709,7 @@ function MetricCard({
         "div",
         {
           className: cn(
-            "flex h-10 w-10 items-center justify-center rounded-sm",
+            "flex h-10 w-10 items-center justify-center rounded-xl",
             variant === "cream" ? "bg-primary/10 text-primary" : "bg-theme-subtle text-theme-muted"
           ),
           children: icon
@@ -1788,7 +1787,7 @@ function MetricCard({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 rounded-sm shadow-inner-light" })
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 rounded-xl shadow-inner-light" })
   ] });
 }
 function MetricCardSkeleton({ className }) {
@@ -1796,11 +1795,11 @@ function MetricCardSkeleton({ className }) {
     "div",
     {
       className: cn(
-        "relative overflow-hidden rounded-sm border border-theme-subtle bg-theme-card p-5 animate-pulse",
+        "relative overflow-hidden rounded-xl border border-theme-subtle bg-theme-card p-5 animate-pulse",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "h-10 w-10 rounded-sm bg-theme-subtle mb-4" }),
+        /* @__PURE__ */ jsx("div", { className: "h-10 w-10 rounded-xl bg-theme-subtle mb-4" }),
         /* @__PURE__ */ jsx("div", { className: "h-8 w-20 rounded bg-theme-subtle-10 mb-2" }),
         /* @__PURE__ */ jsx("div", { className: "h-3 w-24 rounded bg-theme-subtle mb-1" }),
         /* @__PURE__ */ jsx("div", { className: "h-3 w-16 rounded bg-theme-subtle" }),
@@ -1942,11 +1941,11 @@ function StepCircle({
         "text-sm font-semibold transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
         status === "completed" && [
           "bg-gradient-to-br from-primary to-primary-light text-cream-base",
-          variant !== "cream" && "shadow-[0_0_12px_rgba(79,57,246,0.3)]"
+          variant !== "cream" && "shadow-[0_0_12px_rgba(99,102,241,0.3)]"
         ],
         status === "active" && [
           "border-2 border-primary bg-primary/15 text-primary-light",
-          variant !== "cream" && "shadow-[0_0_20px_rgba(79,57,246,0.4)]"
+          variant !== "cream" && "shadow-[0_0_20px_rgba(99,102,241,0.4)]"
         ],
         status === "pending" && [
           variant === "cream" ? "border-2 border-cream-border bg-cream-card text-cream-muted" : "border-2 border-theme-subtle-10 bg-theme-surface text-theme-muted"
@@ -2004,24 +2003,11 @@ var statusPillVariants = cva(
         sm: "rounded-pill-asym px-2.5 py-0.5 text-xs",
         default: "rounded-pill-asym px-3.5 py-1 text-sm",
         lg: "rounded-pill-asym px-5 py-1.5 text-base"
-      },
-      glow: {
-        true: "",
-        false: ""
       }
     },
-    compoundVariants: [
-      { variant: "primary", glow: true, class: "shadow-[0_0_12px_rgba(79,57,246,0.3)]" },
-      { variant: "success", glow: true, class: "shadow-[0_0_12px_rgba(16,185,129,0.3)]" },
-      { variant: "warning", glow: true, class: "shadow-[0_0_12px_rgba(245,158,11,0.3)]" },
-      { variant: "error", glow: true, class: "shadow-[0_0_12px_rgba(224,17,95,0.3)]" },
-      { variant: "info", glow: true, class: "shadow-[0_0_12px_rgba(59,130,246,0.3)]" },
-      { variant: "in-flow", glow: true, class: "shadow-[0_0_12px_rgba(79,57,246,0.25)]" }
-    ],
     defaultVariants: {
       variant: "default",
-      size: "default",
-      glow: false
+      size: "default"
     }
   }
 );
@@ -2042,7 +2028,6 @@ var dotColors = {
 function StatusPill({
   variant = "default",
   size,
-  glow,
   dot = true,
   pulse = false,
   icon,
@@ -2053,7 +2038,7 @@ function StatusPill({
   return /* @__PURE__ */ jsxs(
     "span",
     {
-      className: cn(statusPillVariants({ variant, size, glow }), className),
+      className: cn(statusPillVariants({ variant, size }), className),
       ...props,
       children: [
         dot && /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
@@ -4115,11 +4100,12 @@ function SheetContent({
       {
         "data-slot": "sheet-content",
         className: cn(
-          "bg-theme-glass-heavy backdrop-blur-[40px] saturate-[180%] border-glass-border data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-glass transition ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
-          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
-          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-xl dark:shadow-[0_24px_80px_-15px_rgba(0,0,0,0.8)] transition ease-[cubic-bezier(0.25,1,0.5,1)] data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          "border-gray-300 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-white",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l-2 sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r-2 sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b-2",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t-2",
           className
         ),
         ...props,
@@ -4251,7 +4237,7 @@ function CommentItem({
                 {
                   value: editContent,
                   onChange: (e) => setEditContent(e.target.value),
-                  className: "w-full min-h-[60px] text-[13px] text-theme bg-theme-subtle border border-theme-subtle-10 rounded-sm px-3 py-2 outline-none focus:border-primary/50 resize-none",
+                  className: "w-full min-h-[60px] text-[13px] text-theme bg-theme-subtle border border-theme-subtle-10 rounded-xl px-3 py-2 outline-none focus:border-primary/50 resize-none",
                   autoFocus: true
                 }
               ),
@@ -4318,7 +4304,7 @@ function CommentItem({
                     children: "\u{1F60A}"
                   }
                 ),
-                showReactions && /* @__PURE__ */ jsx("div", { className: "absolute bottom-full left-0 mb-1 flex gap-0.5 p-1 rounded-sm bg-theme-surface border border-theme-subtle-10 shadow-lg animate-in zoom-in-95 duration-[400ms] z-10", children: QUICK_REACTIONS.map((emoji) => /* @__PURE__ */ jsx(
+                showReactions && /* @__PURE__ */ jsx("div", { className: "absolute bottom-full left-0 mb-1 flex gap-0.5 p-1 rounded-xl bg-theme-surface border border-theme-subtle-10 shadow-lg animate-in zoom-in-95 duration-[400ms] z-10", children: QUICK_REACTIONS.map((emoji) => /* @__PURE__ */ jsx(
                   "button",
                   {
                     onClick: () => {
@@ -4414,7 +4400,7 @@ function CommentInput({
           rows: compact ? 2 : 2,
           className: cn(
             "flex-1 min-h-[48px] text-[13px] resize-none",
-            "bg-theme-subtle border border-theme-subtle rounded-sm px-3 py-2",
+            "bg-theme-subtle border border-theme-subtle rounded-xl px-3 py-2",
             "text-theme placeholder:text-theme-muted",
             "outline-none focus:border-primary/50 transition-colors"
           )
@@ -4856,7 +4842,7 @@ function CommentThread({
       /* @__PURE__ */ jsx(CommentSkeleton, {})
     ] }),
     !loading && topLevelComments.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center py-6 text-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-sm bg-theme-subtle flex items-center justify-center mb-3", children: /* @__PURE__ */ jsx(OrgComment, { className: "w-5 h-5 text-theme-muted" }) }),
+      /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-xl bg-theme-subtle flex items-center justify-center mb-3", children: /* @__PURE__ */ jsx(OrgComment, { className: "w-5 h-5 text-theme-muted" }) }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-theme-muted", children: "Sem coment\xE1rios ainda." }),
       /* @__PURE__ */ jsx("p", { className: "text-[11px] text-theme-muted mt-0.5", children: "Seja o primeiro a comentar." })
     ] }),
@@ -4929,8 +4915,8 @@ var presetColors = [
   // cyan
   "#3b82f6",
   // blue
-  "#6366f1",
-  // indigo
+  "#7c3aed",
+  // violet (primary)
   "#8b5cf6",
   // violet
   "#a855f7",
@@ -5253,7 +5239,7 @@ function EditableField({
         onKeyDown: handleKeyDown,
         placeholder,
         className: cn(
-          "w-full bg-theme-subtle backdrop-blur-md border border-theme-subtle px-3 py-2 text-sm font-light text-theme transition-all rounded-sm focus:outline-none focus:shadow-[0_0_0_3px_rgba(79,57,246,0.10),0_0_20px_rgba(79,57,246,0.08)] focus:border-primary-light/50",
+          "w-full bg-theme-subtle backdrop-blur-md border border-theme-subtle px-3 py-2 text-sm font-light text-theme transition-all rounded-xl focus:outline-none focus:shadow-[0_0_0_3px_rgba(99,102,241,0.10),0_0_20px_rgba(99,102,241,0.08)] focus:border-primary-light/50",
           inputClassName
         )
       }
@@ -5293,7 +5279,7 @@ function EditableDate({ value, onSave, placeholder = "Adicionar data" }) {
         defaultValue: value ? value.split("T")[0] : "",
         onChange: handleChange,
         onBlur: () => setEditing(false),
-        className: "w-full bg-theme-subtle backdrop-blur-md border border-theme-subtle px-3 py-2 text-sm font-light text-theme transition-all rounded-sm focus:outline-none focus:shadow-[0_0_0_3px_rgba(79,57,246,0.10),0_0_20px_rgba(79,57,246,0.08)] focus:border-primary-light/50"
+        className: "w-full bg-theme-subtle backdrop-blur-md border border-theme-subtle px-3 py-2 text-sm font-light text-theme transition-all rounded-xl focus:outline-none focus:shadow-[0_0_0_3px_rgba(99,102,241,0.10),0_0_20px_rgba(99,102,241,0.08)] focus:border-primary-light/50"
       }
     );
   }
@@ -5917,7 +5903,7 @@ function TaskDetailSheet({
             "button",
             {
               onClick: () => onOpenChange(false),
-              className: "p-2 rounded-sm hover:bg-theme-highlight text-theme-muted",
+              className: "p-2 rounded-xl hover:bg-theme-highlight text-theme-muted",
               children: /* @__PURE__ */ jsx(X, { className: "w-5 h-5" })
             }
           )
@@ -6031,9 +6017,9 @@ function TaskCard({
         className: cn(
           // Glass geometric style
           "group relative flex flex-col gap-2 p-3 cursor-pointer",
-          "bg-glass-highlight backdrop-blur-md border border-primary dark:border-glass-border",
-          "transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] rounded-sm",
-          "hover:border-primary-light/30 hover:shadow-glow-sm",
+          "bg-white/[0.05] backdrop-blur-md border border-primary dark:border-white/10",
+          "transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] rounded-xl",
+          "hover:border-primary-light/30",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
           // State modifiers
           isDragging && "opacity-50 scale-95",
@@ -6135,14 +6121,14 @@ function TaskCard({
                   src: assignee.avatarUrl,
                   size: "sm",
                   showHoverInfo: true,
-                  className: "h-5 w-5 border border-glass-border"
+                  className: "h-5 w-5 border border-white/10"
                 },
                 assignee.id
               )),
               task.assignees.length > 2 && /* @__PURE__ */ jsxs(
                 "div",
                 {
-                  className: "w-5 h-5 rounded-full bg-glass-highlight flex items-center justify-center text-[10px] font-bold text-theme-muted border border-glass-border",
+                  className: "w-5 h-5 rounded-full bg-white/[0.05] flex items-center justify-center text-[10px] font-bold text-theme-muted border border-white/10",
                   title: task.assignees.slice(2).map((a) => a.name).join(", "),
                   children: [
                     "+",
@@ -6157,7 +6143,7 @@ function TaskCard({
             /* @__PURE__ */ jsx("span", { className: "text-xs text-theme-muted truncate max-w-24", children: task.assignee.name })
           ] }) : null,
           !compact && task.dueDate && /* @__PURE__ */ jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsx(DueDateBadge, { date: task.dueDate }) }),
-          /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-0 right-0 h-3 w-3 border-b border-r border-glass-border-strong" })
+          /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-0 right-0 h-3 w-3 border-b border-r border-white/20" })
         ]
       }
     ),
@@ -6193,7 +6179,7 @@ function DueDateBadge({ date }) {
         "inline-flex items-center gap-1 text-[10px] px-1.5 py-0.5 border",
         isOverdue && "bg-rose-500/15 text-rose-400 border-rose-500/30",
         isSoon && !isOverdue && "bg-amber-500/15 text-amber-400 border-amber-500/30",
-        !isOverdue && !isSoon && "bg-glass-highlight text-theme-muted border-glass-border"
+        !isOverdue && !isSoon && "bg-white/[0.05] text-theme-muted border-white/10"
       ),
       children: [
         /* @__PURE__ */ jsx(OrgCalendar, { className: "w-3 h-3" }),
@@ -6210,7 +6196,7 @@ function TaskCardSkeleton({ compact, className }) {
     {
       className: cn(
         "relative flex flex-col gap-2 animate-pulse",
-        "bg-glass-highlight/50 backdrop-blur-md border border-glass-border rounded-sm",
+        "bg-white/[0.02] backdrop-blur-md border border-white/10 rounded-xl",
         compact ? "p-2" : "p-3",
         className
       ),
@@ -6230,7 +6216,7 @@ function TaskCardSkeleton({ compact, className }) {
             /* @__PURE__ */ jsx("div", { className: "h-3 w-16 rounded bg-glass-border/50" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-0 right-0 h-3 w-3 border-b border-r border-glass-border-strong" })
+        /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute bottom-0 right-0 h-3 w-3 border-b border-r border-white/20" })
       ]
     }
   );
@@ -6292,7 +6278,7 @@ function TaskDetailDialog({
         /* @__PURE__ */ jsx(Separator, {}),
         (hasGroup || assigneesList.length > 0) && /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-muted-foreground mb-3", children: hasGroup ? "Grupo Atribu\xEDdo" : "Atribu\xEDdo para" }),
-          hasGroup ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 bg-blue-500/10 rounded-sm border border-blue-500/20", children: [
+          hasGroup ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 bg-blue-500/10 rounded-xl border border-blue-500/20", children: [
             /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-blue-500/20 flex items-center justify-center text-sm font-bold text-blue-400", children: task.assigneeGroup.name[0] }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
               /* @__PURE__ */ jsx("p", { className: "font-medium", children: task.assigneeGroup.name }),
@@ -6350,7 +6336,7 @@ function TaskDetailDialog({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 text-center py-4 bg-muted/50 rounded-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 text-center py-4 bg-muted/50 rounded-xl", children: [
           task.commentCount !== void 0 && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold", children: task.commentCount }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Coment\xE1rios" })
@@ -6445,8 +6431,8 @@ function TaskCard2({
       className: cn(
         "group relative flex flex-col gap-2 p-3 cursor-pointer",
         "bg-theme-subtle backdrop-blur-md border border-theme-subtle",
-        "transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] rounded-sm",
-        "hover:border-primary-light/30 hover:shadow-glow-sm",
+        "transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] rounded-xl",
+        "hover:border-primary-light/30",
         isDragging && "opacity-50 scale-95"
       ),
       children: [
@@ -6555,9 +6541,9 @@ function Column({
       onDrop: !externalDnD ? (e) => onDrop?.(e, column.id) : void 0,
       className: cn(
         "flex flex-col w-72 shrink-0 h-full",
-        "bg-theme-glass backdrop-blur-md border border-theme-subtle rounded-sm",
+        "bg-theme-glass backdrop-blur-md border border-theme-subtle rounded-xl",
         "transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
-        isDropTarget && "border-primary-light/50 bg-primary/5 shadow-glow-sm"
+        isDropTarget && "border-primary-light/50 bg-primary/5"
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-3 border-b border-theme-subtle", children: [
@@ -6619,7 +6605,7 @@ function Column({
               task.id
             );
           }),
-          isAddingTask && /* @__PURE__ */ jsxs("div", { className: "p-2 bg-theme-subtle border border-theme-subtle rounded-sm animate-in slide-in-from-top-2 duration-[400ms]", children: [
+          isAddingTask && /* @__PURE__ */ jsxs("div", { className: "p-2 bg-theme-subtle border border-theme-subtle rounded-xl animate-in slide-in-from-top-2 duration-[400ms]", children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -6791,7 +6777,7 @@ function KanbanBoard({
             },
             column.id
           )),
-          onAddColumn && /* @__PURE__ */ jsx("div", { className: "w-72 shrink-0", children: isAddingColumn ? /* @__PURE__ */ jsxs("div", { className: "p-3 bg-theme-glass backdrop-blur-md border border-theme-subtle rounded-sm animate-in slide-in-from-left-2 duration-[400ms]", children: [
+          onAddColumn && /* @__PURE__ */ jsx("div", { className: "w-72 shrink-0", children: isAddingColumn ? /* @__PURE__ */ jsxs("div", { className: "p-3 bg-theme-glass backdrop-blur-md border border-theme-subtle rounded-xl animate-in slide-in-from-left-2 duration-[400ms]", children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -6962,7 +6948,7 @@ function PlanBadgeCompact({
     "div",
     {
       className: cn(
-        "flex items-center gap-3 px-3 py-2 rounded-sm border",
+        "flex items-center gap-3 px-3 py-2 rounded-xl border",
         config.bgColor,
         config.borderColor,
         className
@@ -7020,7 +7006,7 @@ function PlanBadgeFull({
     "div",
     {
       className: cn(
-        "rounded-sm border p-5 space-y-4",
+        "rounded-xl border p-5 space-y-4",
         config.bgColor,
         config.borderColor,
         className
@@ -7032,7 +7018,7 @@ function PlanBadgeFull({
               "div",
               {
                 className: cn(
-                  "flex items-center justify-center w-9 h-9 rounded-sm border",
+                  "flex items-center justify-center w-9 h-9 rounded-xl border",
                   config.bgColor,
                   config.borderColor
                 ),
@@ -7109,7 +7095,7 @@ function Card({ className, ...props }) {
     "div",
     {
       "data-slot": "card",
-      className: cn("rounded-sm border border-glass-border bg-theme-glass-heavy backdrop-blur-[40px] saturate-[180%] text-theme shadow-inner-light", className),
+      className: cn("rounded-2xl border border-[rgba(167,139,250,0.12)] bg-[rgba(124,58,237,0.06)] backdrop-blur-2xl text-theme shadow-inner-light", className),
       ...props
     }
   );
@@ -7174,7 +7160,7 @@ function DropdownMenuSubTrigger({
     {
       "data-slot": "dropdown-menu-sub-trigger",
       className: cn(
-        "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+        "flex cursor-default select-none items-center gap-2 rounded-lg px-2 py-1.5 text-sm outline-none transition-colors duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:bg-white/[0.05] data-[state=open]:bg-white/[0.05] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
         inset && "pl-8",
         className
       ),
@@ -7195,7 +7181,7 @@ function DropdownMenuSubContent({
     {
       "data-slot": "dropdown-menu-sub-content",
       className: cn(
-        "z-50 min-w-[8rem] overflow-hidden rounded-sm border border-glass-border bg-theme-glass-heavy backdrop-blur-[40px] saturate-[180%] p-1 text-theme shadow-glass 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]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "z-50 min-w-[8rem] overflow-hidden rounded-xl border border-white/20 bg-white/[0.03] backdrop-blur-[40px] p-1 text-theme shadow-[0_24px_80px_-15px_rgba(0,0,0,0.5)] 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]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       ),
       ...props
@@ -7213,7 +7199,7 @@ function DropdownMenuContent({
       "data-slot": "dropdown-menu-content",
       sideOffset,
       className: cn(
-        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-sm border border-glass-border bg-theme-glass-heavy backdrop-blur-[40px] saturate-[180%] p-1 text-theme shadow-glass",
+        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-xl border border-white/20 bg-white/[0.03] backdrop-blur-[40px] p-1 text-theme shadow-[0_24px_80px_-15px_rgba(0,0,0,0.5)]",
         "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]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         className
       ),
@@ -7231,7 +7217,7 @@ function DropdownMenuItem({
     {
       "data-slot": "dropdown-menu-item",
       className: cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-lg px-2 py-1.5 text-sm outline-none transition-colors duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:bg-white/[0.05] focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
         inset && "pl-8",
         className
       ),
@@ -7250,7 +7236,7 @@ function DropdownMenuCheckboxItem({
     {
       "data-slot": "dropdown-menu-checkbox-item",
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "relative flex cursor-default select-none items-center rounded-lg py-1.5 pl-8 pr-2 text-sm outline-none transition-colors duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:bg-white/[0.05] focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       checked,
@@ -7272,7 +7258,7 @@ function DropdownMenuRadioItem({
     {
       "data-slot": "dropdown-menu-radio-item",
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "relative flex cursor-default select-none items-center rounded-lg py-1.5 pl-8 pr-2 text-sm outline-none transition-colors duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)] focus:bg-white/[0.05] focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
         className
       ),
       ...props,
@@ -7341,12 +7327,14 @@ var Switch = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   SwitchPrimitive.Root,
   {
     className: cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full",
-      "border-2 border-transparent shadow-sm transition-all duration-[400ms] ease-[cubic-bezier(0.25,1,0.5,1)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full",
+      "border-2 shadow-sm transition-all duration-300",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 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-glass-border-medium",
+      "data-[state=checked]:bg-primary data-[state=checked]:border-primary",
+      "data-[state=unchecked]:bg-gray-200 data-[state=unchecked]:border-gray-300",
+      "dark:data-[state=unchecked]:bg-gray-700 dark:data-[state=unchecked]:border-gray-600",
       className
     ),
     ...props,
@@ -7355,8 +7343,9 @@ var Switch = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
       SwitchPrimitive.Thumb,
       {
         className: cn(
-          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0",
-          "transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+          "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0",
+          "transition-transform duration-300",
+          "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
         )
       }
     )
@@ -7375,7 +7364,7 @@ function Command({
     {
       "data-slot": "command",
       className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-sm bg-popover text-popover-foreground",
+        "flex h-full w-full flex-col overflow-hidden rounded-xl bg-white/[0.03] text-popover-foreground",
         className
       ),
       ...props
@@ -7389,14 +7378,14 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-white/10 px-3", "cmdk-input-wrapper": "", children: [
     /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
     /* @__PURE__ */ jsx(
       Command$1.Input,
       {
         "data-slot": "command-input",
         className: cn(
-          "flex h-10 w-full rounded-sm bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+          "flex h-10 w-full rounded-xl bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
         ...props
@@ -7458,7 +7447,7 @@ function CommandItem({
     {
       "data-slot": "command-item",
       className: cn(
-        "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+        "relative flex cursor-default gap-2 select-none items-center rounded-lg px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-white/[0.05] data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
         className
       ),
       ...props
@@ -7570,7 +7559,7 @@ function Empty({ className, ...props }) {
     {
       "data-slot": "empty",
       className: cn(
-        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-sm border-dashed p-6 text-center md:p-12",
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-xl border-dashed p-6 text-center md:p-12",
         className
       ),
       ...props
@@ -7593,7 +7582,7 @@ var emptyMediaVariants = cva(
     variants: {
       variant: {
         default: "bg-transparent",
-        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-sm [&_svg:not([class*='size-'])]:size-6"
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-xl [&_svg:not([class*='size-'])]:size-6"
       }
     },
     defaultVariants: {
@@ -7663,15 +7652,15 @@ function Toaster({ ...props }) {
       richColors: false,
       toastOptions: {
         classNames: {
-          toast: "group toast group-[.toaster]:bg-glass-highlight/90 group-[.toaster]:backdrop-blur-xl group-[.toaster]:text-org-text group-[.toaster]:border group-[.toaster]:border-glass-border group-[.toaster]:border-l-4 group-[.toaster]:border-l-primary group-[.toaster]:shadow-glass group-[.toaster]:p-4 group-[.toaster]:rounded-sm",
-          description: "group-[.toast]:text-org-text-secondary group-[.toast]:text-sm",
-          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-white group-[.toast]:px-3 group-[.toast]:py-1.5 group-[.toast]:text-sm group-[.toast]:font-medium hover:group-[.toast]:opacity-90 group-[.toast]:transition-all group-[.toast]:rounded-sm",
-          cancelButton: "group-[.toast]:bg-transparent group-[.toast]:text-org-text-muted group-[.toast]:px-3 group-[.toast]:py-1.5 group-[.toast]:text-sm group-[.toast]:font-medium hover:group-[.toast]:bg-glass-highlight group-[.toast]:transition-all",
-          closeButton: "group-[.toast]:!bg-transparent group-[.toast]:!border-0 group-[.toast]:text-org-text-muted hover:group-[.toast]:text-org-text",
-          success: "group-[.toaster]:!border-l-emerald-500 group-[.toaster]:!bg-emerald-500/[0.08]",
-          error: "group-[.toaster]:!border-l-rose-500 group-[.toaster]:!bg-rose-500/[0.08]",
-          warning: "group-[.toaster]:!border-l-amber-400 group-[.toaster]:!bg-amber-400/[0.08]",
-          info: "group-[.toaster]:!border-l-blue-500 group-[.toaster]:!bg-blue-500/[0.08]"
+          toast: "group toast group-[.toaster]:bg-white dark:group-[.toaster]:bg-gray-900 group-[.toaster]:backdrop-blur-xl group-[.toaster]:text-gray-900 dark:group-[.toaster]:text-white group-[.toaster]:border group-[.toaster]:border-gray-200 dark:group-[.toaster]:border-gray-700 group-[.toaster]:shadow-2xl group-[.toaster]:p-4 group-[.toaster]:rounded-2xl group-[.toaster]:min-w-[380px]",
+          description: "group-[.toast]:text-gray-500 dark:group-[.toast]:text-gray-400 group-[.toast]:text-sm group-[.toast]:leading-relaxed",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:border-0 group-[.toast]:text-white group-[.toast]:px-4 group-[.toast]:py-2 group-[.toast]:text-sm group-[.toast]:font-medium hover:group-[.toast]:bg-primary/90 group-[.toast]:transition-all group-[.toast]:rounded-lg",
+          cancelButton: "group-[.toast]:bg-transparent group-[.toast]:text-gray-500 dark:group-[.toast]:text-gray-400 group-[.toast]:px-4 group-[.toast]:py-2 group-[.toast]:text-sm group-[.toast]:font-medium hover:group-[.toast]:bg-gray-100 dark:hover:group-[.toast]:bg-white/10 group-[.toast]:transition-all group-[.toast]:rounded-lg",
+          closeButton: "group-[.toast]:!bg-transparent group-[.toast]:!border-0 group-[.toast]:text-gray-400 dark:group-[.toast]:text-gray-500 hover:group-[.toast]:text-gray-600 dark:hover:group-[.toast]:text-gray-300 group-[.toast]:transition-colors",
+          success: "group-[.toaster]:border-emerald-200 dark:group-[.toaster]:border-emerald-800/50",
+          error: "group-[.toaster]:border-rose-200 dark:group-[.toaster]:border-rose-800/50",
+          warning: "group-[.toaster]:border-amber-200 dark:group-[.toaster]:border-amber-800/50",
+          info: "group-[.toaster]:border-blue-200 dark:group-[.toaster]:border-blue-800/50"
         }
       },
       ...props
@@ -7783,7 +7772,7 @@ function CreateProjectDialog({
               type: "button",
               onClick: () => setType(t.value),
               className: cn(
-                "p-3 rounded-sm border text-left transition-all",
+                "p-3 rounded-xl border text-left transition-all",
                 type === t.value ? "bg-theme-subtle-10 border-primary ring-1 ring-primary/30" : "bg-theme-card border-theme-subtle hover:border-theme-medium"
               ),
               children: [
@@ -8031,7 +8020,7 @@ var CREATE_EPIC_MUTATION = `
   }
 `;
 var EPIC_COLORS = [
-  "#6366f1",
+  "#7c3aed",
   "#8b5cf6",
   "#a855f7",
   "#d946ef",
@@ -8266,7 +8255,7 @@ function CreateTaskDialog({
                 type: "button",
                 onClick: () => setPriority(p.value),
                 className: cn(
-                  "px-3 py-1.5 rounded-sm text-sm font-medium border transition-all",
+                  "px-3 py-1.5 rounded-xl text-sm font-medium border transition-all",
                   p.color,
                   priority === p.value ? "ring-2 ring-brand-primary ring-offset-1 ring-offset-surface-primary" : "opacity-60 hover:opacity-100"
                 ),
@@ -8401,7 +8390,7 @@ function InviteMemberDialog({
               type: "button",
               onClick: () => setRole(r.value),
               className: cn(
-                "w-full flex items-center gap-3 p-2.5 rounded-sm border text-left transition-all",
+                "w-full flex items-center gap-3 p-2.5 rounded-xl border text-left transition-all",
                 role === r.value ? "bg-theme-subtle-10 border-primary ring-1 ring-primary/30" : "bg-theme-card border-theme-subtle hover:border-theme-medium"
               ),
               children: [