feat: update package copy and admin control room

resources/js/admin/mobile/components/Primitives.tsx

@@ -193,6 +193,15 @@ export function ActionTile({
   delayMs?: number;
 }) {
   const { textStrong } = useAdminTheme();
+  const backgroundColor = `${color}18`;
+  const borderColor = `${color}40`;
+  const shadowColor = `${color}2b`;
+  const iconShadow = `${color}55`;
+  const tileStyle = {
+    ...(delayMs ? { animationDelay: `${delayMs}ms` } : {}),
+    backgroundImage: `linear-gradient(135deg, ${backgroundColor}, ${color}0f)`,
+    boxShadow: `0 10px 24px ${shadowColor}`,
+  };
   return (
     <Pressable
       onPress={disabled ? undefined : onPress}
@@ -201,18 +210,26 @@ export function ActionTile({
     >
       <YStack
         className="admin-fade-up"
-        style={delayMs ? { animationDelay: `${delayMs}ms` } : undefined}
+        style={tileStyle}
         borderRadius={16}
         padding="$3"
         space="$2.5"
-        backgroundColor={`${color}22`}
+        backgroundColor={backgroundColor}
         borderWidth={1}
-        borderColor={`${color}55`}
+        borderColor={borderColor}
         minHeight={110}
         alignItems="center"
         justifyContent="center"
       >
-        <XStack width={34} height={34} borderRadius={12} backgroundColor={color} alignItems="center" justifyContent="center">
+        <XStack
+          width={36}
+          height={36}
+          borderRadius={12}
+          backgroundColor={color}
+          alignItems="center"
+          justifyContent="center"
+          style={{ boxShadow: `0 6px 14px ${iconShadow}` }}
+        >
           <IconCmp size={16} color="white" />
         </XStack>
         <Text fontSize="$sm" fontWeight="700" color={textStrong} textAlign="center">