node js issue globals.css not detects in layout.tsx

node js issue globals.css not detects in layout.tsx

I am trying to build sample e-commerce website. I am using VS Code Version: 1.107.1

ElectronBuildId: 12895514 Chromium: 142.0.7444.175 Node.js: 22.21.1 V8: 14.2.231.21-electron.0 OS: Darwin arm64 25.1.0 but when I use default globals.css it works fine as localhost:port response is good however When i try to custom one globals.css it wont detect at all instead throws error as below - I have tailwindCSS postCSS included in VC Code.

Error evaluating Node.js code CssSyntaxError: tailwindcss: /Users/01/shopstore/src/app/assets/styles/globals.css:1:1: Can't resolve '/app/assets/styles/globals.css' in '/Users/01/shopstore/src/app/assets/styles' [at Input.error (turbopack:///[project]/shopstore/node_modules/postcss/lib/input.js:135:16)] [at Root.error (turbopack:///[project]/shopstore/node_modules/postcss/lib/node.js:146:32)]