diff --git a/DeskThingServer/electron.vite.config.ts b/DeskThingServer/electron.vite.config.ts
index d46f6d25..798d4339 100644
--- a/DeskThingServer/electron.vite.config.ts
+++ b/DeskThingServer/electron.vite.config.ts
@@ -1,13 +1,12 @@
 import { resolve } from 'path'
 import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
 import react from '@vitejs/plugin-react'
-import { readFileSync } from 'fs'
-
-const packageJson = JSON.parse(readFileSync(resolve(__dirname, 'package.json'), 'utf-8'))
+import tailwindcss from '@tailwindcss/vite'
+import packageJson from "./package.json" with {type: "json"}
 
 export default defineConfig({
   main: {
-    plugins: [externalizeDepsPlugin()],
+    plugins: [externalizeDepsPlugin(), tailwindcss()],
     resolve: {
       alias: {
         '@shared': resolve('src/shared'),
diff --git a/DeskThingServer/package-lock.json b/DeskThingServer/package-lock.json
index db2fa67c..56555784 100644
--- a/DeskThingServer/package-lock.json
+++ b/DeskThingServer/package-lock.json
@@ -1,16 +1,18 @@
 {
   "name": "deskthing",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "deskthing",
-      "version": "0.10.1",
+      "version": "0.10.3",
       "hasInstallScript": true,
       "dependencies": {
         "@electron-toolkit/preload": "^3.0.0",
         "@electron-toolkit/utils": "^3.0.0",
+        "@tailwindcss/postcss": "^4.0.3",
+        "@tailwindcss/vite": "^4.0.3",
         "@types/auto-launch": "^5.0.5",
         "@types/ws": "^8.5.13",
         "adm-zip": "^0.5.16",
@@ -49,7 +51,7 @@
         "prettier": "^3.2.4",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "tailwindcss": "^3.4.4",
+        "tailwindcss": "^4.0.0",
         "typedoc": "^0.26.10",
         "typescript": "^5.3.3",
         "vite": "^5.0.12"
@@ -59,7 +61,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=10"
@@ -979,7 +980,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -996,7 +996,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1013,7 +1012,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1030,7 +1028,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1047,7 +1044,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1064,7 +1060,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1081,7 +1076,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1098,7 +1092,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1115,7 +1108,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1132,7 +1124,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1149,7 +1140,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1166,7 +1156,6 @@
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1183,7 +1172,6 @@
       "cpu": [
         "mips64el"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1200,7 +1188,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1217,7 +1204,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1234,7 +1220,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1251,7 +1236,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1268,7 +1252,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1285,7 +1268,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1302,7 +1284,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1319,7 +1300,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1336,7 +1316,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1353,7 +1332,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2249,7 +2227,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2263,7 +2240,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2277,7 +2253,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2291,7 +2266,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2305,7 +2279,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2319,7 +2292,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2333,7 +2305,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2347,7 +2318,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2361,7 +2331,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2375,7 +2344,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2389,7 +2357,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2403,7 +2370,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2417,7 +2383,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2431,7 +2396,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2445,7 +2409,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2459,7 +2422,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2548,6 +2510,253 @@
         "node": ">=10"
       }
     },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.3.tgz",
+      "integrity": "sha512-QsVJokOl0pJ4AbJV33D2npvLcHGPWi5MOSZtrtE0GT3tSx+3D0JE2lokLA8yHS1x3oCY/3IyRyy7XX6tmzid7A==",
+      "license": "MIT",
+      "dependencies": {
+        "enhanced-resolve": "^5.18.0",
+        "jiti": "^2.4.2",
+        "tailwindcss": "4.0.3"
+      }
+    },
+    "node_modules/@tailwindcss/node/node_modules/jiti": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
+      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.3.tgz",
+      "integrity": "sha512-FFcp3VNvRjjmFA39ORM27g2mbflMQljhvM7gxBAujHxUy4LXlKa6yMF9wbHdTbPqTONiCyyOYxccvJyVyI/XBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.0.3",
+        "@tailwindcss/oxide-darwin-arm64": "4.0.3",
+        "@tailwindcss/oxide-darwin-x64": "4.0.3",
+        "@tailwindcss/oxide-freebsd-x64": "4.0.3",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.3",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.0.3",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.0.3",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.0.3",
+        "@tailwindcss/oxide-linux-x64-musl": "4.0.3",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.0.3",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.0.3"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.3.tgz",
+      "integrity": "sha512-S8XOTQuMnpijZRlPm5HBzPJjZ28quB+40LSRHjRnQF6rRYKsvpr1qkY7dfwsetNdd+kMLOMDsvmuT8WnqqETvg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.3.tgz",
+      "integrity": "sha512-smrY2DpzhXvgDhZtQlYAl8+vxJ04lv2/64C1eiRxvsRT2nkw/q+zA1/eAYKvUHat6cIuwqDku3QucmrUT6pCeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.3.tgz",
+      "integrity": "sha512-NTz8x/LcGUjpZAWUxz0ZuzHao90Wj9spoQgomwB+/hgceh5gcJDfvaBYqxLFpKzVglpnbDSq1Fg0p0zI4oa5Pg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.3.tgz",
+      "integrity": "sha512-yQc9Q0JCOp3kkAV8gKgDctXO60IkQhHpqGB+KgOccDtD5UmN6Q5+gd+lcsDyQ7N8dRuK1fAud51xQpZJgKfm7g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.3.tgz",
+      "integrity": "sha512-e1ivVMLSnxTOU1O3npnxN16FEyWM/g3SuH2pP6udxXwa0/SnSAijRwcAYRpqIlhVKujr158S8UeHxQjC4fGl4w==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.3.tgz",
+      "integrity": "sha512-PLrToqQqX6sdJ9DmMi8IxZWWrfjc9pdi9AEEPTrtMts3Jm9HBi1WqEeF1VwZZ2aW9TXloE5OwA35zuuq1Bhb/Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.3.tgz",
+      "integrity": "sha512-YlzRxx7N1ampfgSKzEDw0iwDkJXUInR4cgNEqmR4TzHkU2Vhg59CGPJrTI7dxOBofD8+O35R13Nk9Ytyv0JUFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.3.tgz",
+      "integrity": "sha512-Xfc3z/li6XkuD7Hs+Uk6pjyCXnfnd9zuQTKOyDTZJ544xc2yoMKUkuDw6Et9wb31MzU2/c0CIUpTDa71lL9KHw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.3.tgz",
+      "integrity": "sha512-ugKVqKzwa/cjmqSQG17aS9DYrEcQ/a5NITcgmOr3JLW4Iz64C37eoDlkC8tIepD3S/Td/ywKAolTQ8fKbjEL4g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.3.tgz",
+      "integrity": "sha512-qHPDMl+UUwsk1RMJMgAXvhraWqUUT+LR/tkXix5RA39UGxtTrHwsLIN1AhNxI5i2RFXAXfmFXDqZCdyQ4dWmAQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.3.tgz",
+      "integrity": "sha512-+ujwN4phBGyOsPyLgGgeCyUm4Mul+gqWVCIGuSXWgrx9xVUnf6LVXrw0BDBc9Aq1S2qMyOTX4OkCGbZeoIo8Qw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.0.3.tgz",
+      "integrity": "sha512-qUyxuhuI2eTgRJ+qfCQRAr69Cw7BdSz+PoNFUNoRuhPjikNC8+sxK+Mi/chaXAXewjv/zbf6if6z6ItVLh+e9Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "^4.0.3",
+        "@tailwindcss/oxide": "^4.0.3",
+        "lightningcss": "^1.29.1",
+        "postcss": "^8.4.41",
+        "tailwindcss": "4.0.3"
+      }
+    },
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.0.3.tgz",
+      "integrity": "sha512-Qj6rSO+EvXnNDymloKZ11D54JJTnDrkRWJBzNHENDxjt0HtrCZJbSLIrcJ/WdaoU4othrel/oFqHpO/doxIS/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@tailwindcss/node": "^4.0.3",
+        "@tailwindcss/oxide": "^4.0.3",
+        "lightningcss": "^1.29.1",
+        "tailwindcss": "4.0.3"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6"
+      }
+    },
     "node_modules/@tootallnate/once": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
@@ -2657,7 +2866,6 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
       "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/express": {
@@ -3274,27 +3482,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/app-builder-bin": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/app-builder-bin/-/app-builder-bin-4.0.0.tgz",
@@ -3488,13 +3675,6 @@
         "safe-buffer": "~5.1.0"
       }
     },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -3752,9 +3932,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.19",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
-      "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
+      "version": "10.4.20",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
+      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
       "dev": true,
       "funding": [
         {
@@ -3772,11 +3952,11 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.23.0",
-        "caniuse-lite": "^1.0.30001599",
+        "browserslist": "^4.23.3",
+        "caniuse-lite": "^1.0.30001646",
         "fraction.js": "^4.3.7",
         "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.0",
+        "picocolors": "^1.0.1",
         "postcss-value-parser": "^4.2.0"
       },
       "bin": {
@@ -3886,19 +4066,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/bl": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
@@ -4012,9 +4179,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.23.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.1.tgz",
-      "integrity": "sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==",
+      "version": "4.24.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
+      "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
       "dev": true,
       "funding": [
         {
@@ -4032,10 +4199,10 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001629",
-        "electron-to-chromium": "^1.4.796",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.16"
+        "caniuse-lite": "^1.0.30001688",
+        "electron-to-chromium": "^1.5.73",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.1"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -4328,20 +4495,10 @@
         "node": ">=6"
       }
     },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001640",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001640.tgz",
-      "integrity": "sha512-lA4VMpW0PSUrFnkmVuEKBUovSWKhj7puyCg8StBChgu298N1AtuF1sKWEvfDuimSEDbhlb/KqPKC3fs1HbuQUA==",
+      "version": "1.0.30001697",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001697.tgz",
+      "integrity": "sha512-GwNPlWJin8E+d7Gxq96jxM6w0w+VFeyyXRsjU58emtkYqnbwHqXm5uT2uCmO0RQE9htWknOP4xtBlLmM/gWxvQ==",
       "dev": true,
       "funding": [
         {
@@ -4406,50 +4563,12 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+    "node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/chownr": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
-      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
-      "dev": true,
-      "license": "ISC",
+      "license": "ISC",
       "engines": {
         "node": ">=10"
       }
@@ -4862,19 +4981,6 @@
       "integrity": "sha512-Z/m7H2+T0ObyDiYjNL6Zb/60N6wMcV4RZmPj+gEA7gDegQRk+l2HfJXeUP41zn+rlSRhLPkQIYuHw95SE+fbKQ==",
       "license": "GNU LGPL"
     },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -5103,13 +5209,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
     "node_modules/dir-compare": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/dir-compare/-/dir-compare-3.3.0.tgz",
@@ -5158,13 +5257,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/dmg-builder": {
       "version": "24.13.3",
       "resolved": "https://registry.npmjs.org/dmg-builder/-/dmg-builder-24.13.3.tgz",
@@ -5674,9 +5766,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.820",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.820.tgz",
-      "integrity": "sha512-kK/4O/YunacfboFEk/BDf7VO1HoPmDudLTJAU9NmXIOSjsV7qVIX3OrI4REZo0VmdqhcpUcncQc6N8Q3aEXlHg==",
+      "version": "1.5.91",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.91.tgz",
+      "integrity": "sha512-sNSHHyq048PFmZY4S90ax61q+gLCs0X0YmcOII9wG9S2XwbVr+h4VW2wWhnbp/Eys3cCwTxVF292W3qPaxIapQ==",
       "dev": true,
       "license": "ISC"
     },
@@ -5800,6 +5892,19 @@
         "once": "^1.4.0"
       }
     },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
+      "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -6014,7 +6119,6 @@
       "version": "0.21.5",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
       "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "bin": {
@@ -6050,9 +6154,9 @@
       }
     },
     "node_modules/escalade": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
-      "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -6500,9 +6604,9 @@
       }
     },
     "node_modules/express": {
-      "version": "4.21.1",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
-      "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
       "license": "MIT",
       "dependencies": {
         "accepts": "~1.3.8",
@@ -6524,7 +6628,7 @@
         "methods": "~1.1.2",
         "on-finished": "2.4.1",
         "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.10",
+        "path-to-regexp": "0.1.12",
         "proxy-addr": "~2.0.7",
         "qs": "6.13.0",
         "range-parser": "~1.2.1",
@@ -6539,6 +6643,10 @@
       },
       "engines": {
         "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/express/node_modules/debug": {
@@ -6954,7 +7062,6 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -7673,19 +7780,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/is-boolean-object": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
@@ -8416,14 +8510,244 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/lilconfig": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/lightningcss": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.1.tgz",
+      "integrity": "sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^1.0.3"
+      },
       "engines": {
-        "node": ">=10"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.29.1",
+        "lightningcss-darwin-x64": "1.29.1",
+        "lightningcss-freebsd-x64": "1.29.1",
+        "lightningcss-linux-arm-gnueabihf": "1.29.1",
+        "lightningcss-linux-arm64-gnu": "1.29.1",
+        "lightningcss-linux-arm64-musl": "1.29.1",
+        "lightningcss-linux-x64-gnu": "1.29.1",
+        "lightningcss-linux-x64-musl": "1.29.1",
+        "lightningcss-win32-arm64-msvc": "1.29.1",
+        "lightningcss-win32-x64-msvc": "1.29.1"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.1.tgz",
+      "integrity": "sha512-HtR5XJ5A0lvCqYAoSv2QdZZyoHNttBpa5EP9aNuzBQeKGfbyH5+UipLWvVzpP4Uml5ej4BYs5I9Lco9u1fECqw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.1.tgz",
+      "integrity": "sha512-k33G9IzKUpHy/J/3+9MCO4e+PzaFblsgBjSGlpAaFikeBFm8B/CkO3cKU9oI4g+fjS2KlkLM/Bza9K/aw8wsNA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.1.tgz",
+      "integrity": "sha512-0SUW22fv/8kln2LnIdOCmSuXnxgxVC276W5KLTwoehiO0hxkacBxjHOL5EtHD8BAXg2BvuhsJPmVMasvby3LiQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.1.tgz",
+      "integrity": "sha512-sD32pFvlR0kDlqsOZmYqH/68SqUMPNj+0pucGxToXZi4XZgZmqeX/NkxNKCPsswAXU3UeYgDSpGhu05eAufjDg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.1.tgz",
+      "integrity": "sha512-0+vClRIZ6mmJl/dxGuRsE197o1HDEeeRk6nzycSy2GofC2JsY4ifCRnvUWf/CUBQmlrvMzt6SMQNMSEu22csWQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.1.tgz",
+      "integrity": "sha512-UKMFrG4rL/uHNgelBsDwJcBqVpzNJbzsKkbI3Ja5fg00sgQnHw/VrzUTEc4jhZ+AN2BvQYz/tkHu4vt1kLuJyw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.1.tgz",
+      "integrity": "sha512-u1S+xdODy/eEtjADqirA774y3jLcm8RPtYztwReEXoZKdzgsHYPl0s5V52Tst+GKzqjebkULT86XMSxejzfISw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.1.tgz",
+      "integrity": "sha512-L0Tx0DtaNUTzXv0lbGCLB/c/qEADanHbu4QdcNOXLIe1i8i22rZRpbT3gpWYsCh9aSL9zFujY/WmEXIatWvXbw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.1.tgz",
+      "integrity": "sha512-QoOVnkIEFfbW4xPi+dpdft/zAKmgLgsRHfJalEPYuJDOWf7cLQzYg0DEh8/sn737FaeMJxHZRc1oBreiwZCjog==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.29.1",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.1.tgz",
+      "integrity": "sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss/node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "license": "Apache-2.0",
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
       }
     },
     "node_modules/lines-and-columns": {
@@ -8954,23 +9278,10 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "license": "MIT"
     },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
     "node_modules/nanoid": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
-      "dev": true,
+      "version": "3.3.8",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
       "funding": [
         {
           "type": "github",
@@ -9010,9 +9321,9 @@
       "optional": true
     },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
       "dev": true,
       "license": "MIT"
     },
@@ -9022,6 +9333,7 @@
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9058,16 +9370,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/object-inspect": {
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
@@ -9379,9 +9681,9 @@
       "license": "ISC"
     },
     "node_modules/path-to-regexp": {
-      "version": "0.1.10",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
-      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==",
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
       "license": "MIT"
     },
     "node_modules/path-type": {
@@ -9401,9 +9703,9 @@
       "peer": true
     },
     "node_modules/picocolors": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
-      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
       "license": "ISC"
     },
     "node_modules/picomatch": {
@@ -9419,26 +9721,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/plist": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/plist/-/plist-3.1.0.tgz",
@@ -9468,7 +9750,6 @@
       "version": "8.4.47",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
       "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -9493,111 +9774,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/postcss-import/node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
-      }
-    },
-    "node_modules/postcss-load-config": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "lilconfig": "^3.0.0",
-        "yaml": "^2.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-load-config/node_modules/lilconfig": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
-      "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antonk52"
-      }
-    },
     "node_modules/postcss-loader": {
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-8.1.1.tgz",
@@ -9630,40 +9806,6 @@
         }
       }
     },
-    "node_modules/postcss-nested": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
-      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.11"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz",
-      "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
@@ -10092,16 +10234,6 @@
         "react-dom": ">=16.6.0"
       }
     },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pify": "^2.3.0"
-      }
-    },
     "node_modules/read-config-file": {
       "version": "6.3.2",
       "resolved": "https://registry.npmjs.org/read-config-file/-/read-config-file-6.3.2.tgz",
@@ -10161,19 +10293,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
     "node_modules/redux": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
@@ -10355,7 +10474,6 @@
       "version": "4.24.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.24.0.tgz",
       "integrity": "sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/estree": "1.0.6"
@@ -10883,7 +11001,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -11119,86 +11236,6 @@
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
       "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
     },
-    "node_modules/sucrase": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "glob": "^10.3.10",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "bin": {
-        "sucrase": "bin/sucrase",
-        "sucrase-node": "bin/sucrase-node"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/sucrase/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/sucrase/node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/sucrase/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/sucrase/node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
     "node_modules/sumchecker": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/sumchecker/-/sumchecker-3.0.1.tgz",
@@ -11254,59 +11291,18 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.4.tgz",
-      "integrity": "sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.5.3",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.0",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.21.0",
-        "lilconfig": "^2.1.0",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.23",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.1",
-        "postcss-nested": "^6.0.1",
-        "postcss-selector-parser": "^6.0.11",
-        "resolve": "^1.22.2",
-        "sucrase": "^3.32.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.3.tgz",
+      "integrity": "sha512-ImmZF0Lon5RrQpsEAKGxRvHwCvMgSC4XVlFRqmbzTEDb/3wvin9zfEZrMwgsa3yqBbPqahYcVI6lulM2S7IZAA==",
+      "license": "MIT"
     },
-    "node_modules/tailwindcss/node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "dev": true,
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
       "license": "MIT",
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "engines": {
+        "node": ">=6"
       }
     },
     "node_modules/tar": {
@@ -11408,29 +11404,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0"
-      }
-    },
-    "node_modules/thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/tiny-typed-emitter": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/tiny-typed-emitter/-/tiny-typed-emitter-2.1.0.tgz",
@@ -11522,13 +11495,6 @@
         "typescript": ">=4.2.0"
       }
     },
-    "node_modules/ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
     "node_modules/tslib": {
       "version": "2.6.3",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
@@ -11837,9 +11803,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
-      "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz",
+      "integrity": "sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==",
       "dev": true,
       "funding": [
         {
@@ -11857,8 +11823,8 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "escalade": "^3.1.2",
-        "picocolors": "^1.0.1"
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -11902,7 +11868,8 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/utils-merge": {
       "version": "1.0.1",
@@ -11982,10 +11949,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.4.6",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.6.tgz",
-      "integrity": "sha512-IeL5f8OO5nylsgzd9tq4qD2QqI0k2CQLGrWD0rCN0EQJZpBK5vJAx0I+GDkMOXxQX/OfFHMuLIx6ddAxGX/k+Q==",
-      "dev": true,
+      "version": "5.4.14",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.14.tgz",
+      "integrity": "sha512-EK5cY7Q1D8JNhSaPKVK4pwBFvaTmZxEnoKXLG/U9gmdDcihQGNzFlgIvaxezFR4glP1LsuiedwMBqCXH3wZccA==",
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.21.3",
diff --git a/DeskThingServer/package.json b/DeskThingServer/package.json
index ce1c2c4e..e2d03626 100644
--- a/DeskThingServer/package.json
+++ b/DeskThingServer/package.json
@@ -25,6 +25,8 @@
   "dependencies": {
     "@electron-toolkit/preload": "^3.0.0",
     "@electron-toolkit/utils": "^3.0.0",
+    "@tailwindcss/postcss": "^4.0.3",
+    "@tailwindcss/vite": "^4.0.3",
     "@types/auto-launch": "^5.0.5",
     "@types/ws": "^8.5.13",
     "adm-zip": "^0.5.16",
@@ -63,7 +65,7 @@
     "prettier": "^3.2.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tailwindcss": "^3.4.4",
+    "tailwindcss": "^4.0.0",
     "typedoc": "^0.26.10",
     "typescript": "^5.3.3",
     "vite": "^5.0.12"
diff --git a/DeskThingServer/postcss.config.js b/DeskThingServer/postcss.config.js
deleted file mode 100644
index 85f717cc..00000000
--- a/DeskThingServer/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {}
-  }
-}
diff --git a/DeskThingServer/postcss.config.mjs b/DeskThingServer/postcss.config.mjs
new file mode 100644
index 00000000..7e0ba624
--- /dev/null
+++ b/DeskThingServer/postcss.config.mjs
@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  }
+}
diff --git a/DeskThingServer/src/renderer/src/assets/base.css b/DeskThingServer/src/renderer/src/assets/base.css
index 786b2c4f..244818ca 100644
--- a/DeskThingServer/src/renderer/src/assets/base.css
+++ b/DeskThingServer/src/renderer/src/assets/base.css
@@ -1,12 +1,32 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@font-face {
-  font-family: 'TheBoldFont';
-  src: url('./fonts/THEBOLDFONT.ttf') format('truetype');
-  font-weight: normal;
-  font-style: normal;
+@import 'tailwindcss';
+
+@config '../../../../tailwind.config.js';
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}
+
+@layer utilities {
+  @font-face {
+    font-family: 'TheBoldFont';
+    src: url('./fonts/THEBOLDFONT.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+  }
 }
 
 @layer base {
diff --git a/DeskThingServer/src/renderer/src/assets/main.css b/DeskThingServer/src/renderer/src/assets/main.css
index 1db38c6b..48921a75 100644
--- a/DeskThingServer/src/renderer/src/assets/main.css
+++ b/DeskThingServer/src/renderer/src/assets/main.css
@@ -1,6 +1,5 @@
 @import './base.css';
 
-
 @media (max-width: 720px) {
   .text {
     font-size: 20px;
diff --git a/DeskThingServer/src/renderer/src/components/NotificationButton.tsx b/DeskThingServer/src/renderer/src/components/NotificationButton.tsx
index a4267d0a..6ab34343 100644
--- a/DeskThingServer/src/renderer/src/components/NotificationButton.tsx
+++ b/DeskThingServer/src/renderer/src/components/NotificationButton.tsx
@@ -31,17 +31,17 @@ const NotificationButton: React.FC = () => {
       <Button onClick={handleOpenNotifications} className={`gap-2 hover:bg-zinc-900`}>
         {taskNum > 0 ? (
           <p
-            className={`${errors > 0 || issues > 0 ? 'bg-red-500' : 'bg-green-500'} relative p-1 w-full rounded text-xs`}
+            className={`${errors > 0 || issues > 0 ? 'bg-red-500' : 'bg-green-500'} relative p-1 w-full rounded-sm text-xs`}
           >
             {requests.length > 0 && (
-              <div className="absolute inset-0 rounded w-full h-full animate-ping border-2 border-blue-500"></div>
+              <div className="absolute inset-0 rounded-sm w-full h-full animate-ping border-2 border-blue-500"></div>
             )}
             {taskNum}
           </p>
         ) : (
           <IconBell iconSize={24} strokeWidth={2} />
         )}
-        <p className="flex-grow text-center text-lg md:block hidden">Notifications</p>
+        <p className="grow text-center text-lg md:block hidden">Notifications</p>
       </Button>
     </>
   )
diff --git a/DeskThingServer/src/renderer/src/components/SettingsButton.tsx b/DeskThingServer/src/renderer/src/components/SettingsButton.tsx
index ba988ce0..1c506fce 100644
--- a/DeskThingServer/src/renderer/src/components/SettingsButton.tsx
+++ b/DeskThingServer/src/renderer/src/components/SettingsButton.tsx
@@ -14,7 +14,7 @@ const SettingsButton: React.FC = () => {
     <>
       <Button className="hover:bg-zinc-900" onClick={handleOpenSettings}>
         <IconGear iconSize={24} strokeWidth={2} />
-        <p className="flex-grow text-center text-lg md:block hidden">Settings</p>
+        <p className="grow text-center text-lg md:block hidden">Settings</p>
       </Button>
     </>
   )
diff --git a/DeskThingServer/src/renderer/src/components/SponsorButton.tsx b/DeskThingServer/src/renderer/src/components/SponsorButton.tsx
index cec81051..9cf3c7b2 100644
--- a/DeskThingServer/src/renderer/src/components/SponsorButton.tsx
+++ b/DeskThingServer/src/renderer/src/components/SponsorButton.tsx
@@ -21,8 +21,8 @@ const SponsorButton: React.FC = () => {
     >
       <span id="rewardId" />
       <IconCoffee iconSize={24} strokeWidth={2} />
-      <p className="flex-grow text-center text-lg md:block hidden group-hover:hidden">Coffee</p>
-      <p className="flex-grow text-center text-lg group-hover:md:block hidden">Support</p>
+      <p className="grow text-center text-lg md:block hidden group-hover:hidden">Coffee</p>
+      <p className="grow text-center text-lg md:group-hover:block hidden">Support</p>
     </Button>
   )
 }
diff --git a/DeskThingServer/src/renderer/src/components/TagList.tsx b/DeskThingServer/src/renderer/src/components/TagList.tsx
index 7cb1588a..f8a1ee0a 100644
--- a/DeskThingServer/src/renderer/src/components/TagList.tsx
+++ b/DeskThingServer/src/renderer/src/components/TagList.tsx
@@ -81,9 +81,9 @@ const TagList: React.FC<TagListProps> = ({
         tag: 'bg-zinc-700 px-2 py-1 mr-1 rounded-md hover:ring-indigo-500',
         remove: 'ml-3 mt-3',
         tagInputField:
-          'mt-2 block px-3 py-2 bg-zinc-900 border border-zinc-700 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm w-96 max-w-s',
+          'mt-2 block px-3 py-2 bg-zinc-900 border border-zinc-700 rounded-md shadow-xs focus:outline-hidden focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm w-96 max-w-s',
         clearAll:
-          'mt-1 block px-3 py-2 bg-zinc-900 border border-zinc-700 rounded-md shadow-sm hover:outline-none hover:ring-red-500 hover:border-red-500 sm:text-sm'
+          'mt-1 block px-3 py-2 bg-zinc-900 border border-zinc-700 rounded-md shadow-xs hover:outline-hidden hover:ring-red-500 hover:border-red-500 sm:text-sm'
       }}
       allowUnique={unique}
       allowDragDrop={orderable}
diff --git a/DeskThingServer/src/renderer/src/components/settings/SettingsColor.tsx b/DeskThingServer/src/renderer/src/components/settings/SettingsColor.tsx
index 925466b6..396dfc43 100644
--- a/DeskThingServer/src/renderer/src/components/settings/SettingsColor.tsx
+++ b/DeskThingServer/src/renderer/src/components/settings/SettingsColor.tsx
@@ -51,7 +51,7 @@ export const SettingsColorComponent: React.FC<SettingsColorProps> = ({
             type="color"
             value={localValue}
             onChange={(e) => setLocalValue(e.target.value)}
-            className="w-12 h-8 rounded cursor-pointer"
+            className="w-12 h-8 rounded-sm cursor-pointer"
             onClick={() => setShowPrompt(true)}
           />
           {showPrompt && (
diff --git a/DeskThingServer/src/renderer/src/components/settings/SettingsNumber.tsx b/DeskThingServer/src/renderer/src/components/settings/SettingsNumber.tsx
index 03b89fc5..77613863 100644
--- a/DeskThingServer/src/renderer/src/components/settings/SettingsNumber.tsx
+++ b/DeskThingServer/src/renderer/src/components/settings/SettingsNumber.tsx
@@ -9,7 +9,7 @@ interface SettingsNumberProps {
 }
 
 const commonClasses =
-  'px-3 py-2 text-black bg-white border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500'
+  'px-3 py-2 text-black bg-white border border-gray-300 rounded-md focus:outline-hidden focus:ring-2 focus:ring-blue-500'
 const buttonClasses = 'px-3 py-2 rounded-md mx-1'
 
 export const SettingsNumberComponent: React.FC<SettingsNumberProps> = ({
diff --git a/DeskThingServer/src/renderer/src/components/settings/SettingsString.tsx b/DeskThingServer/src/renderer/src/components/settings/SettingsString.tsx
index 8a12f362..f6d8ec9a 100644
--- a/DeskThingServer/src/renderer/src/components/settings/SettingsString.tsx
+++ b/DeskThingServer/src/renderer/src/components/settings/SettingsString.tsx
@@ -9,7 +9,7 @@ interface SettingsStringProps {
 }
 
 const commonClasses =
-  'px-3 py-2 bg-white border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500'
+  'px-3 py-2 bg-white border border-gray-300 rounded-md focus:outline-hidden focus:ring-2 focus:ring-blue-500'
 
 export const SettingsStringComponent: React.FC<SettingsStringProps> = ({
   className,
diff --git a/DeskThingServer/src/renderer/src/nav/Sidebar.tsx b/DeskThingServer/src/renderer/src/nav/Sidebar.tsx
index f633693b..7f6fda0c 100644
--- a/DeskThingServer/src/renderer/src/nav/Sidebar.tsx
+++ b/DeskThingServer/src/renderer/src/nav/Sidebar.tsx
@@ -15,7 +15,7 @@ const Sidebar: React.FC<SidebarProps> = ({ children, className }) => {
 
   return (
     <div
-      className={`${sidebarVisible ? 'w-48 max-w-48' : 'max-w-0 w-0'} inset-0 xs:max-w-48 transition-[width,max-width,min-width] z-10 min-w-0 md:min-w-48 md:max-w-48 xs:w-24 flex-shrink-0 xs:relative h-full border-r absolute border-zinc-800 bg-zinc-950 ${className}`}
+      className={`${sidebarVisible ? 'w-48 max-w-48' : 'max-w-0 w-0'} inset-0 xs:max-w-48 transition-[width,max-width,min-width] z-10 min-w-0 md:min-w-48 md:max-w-48 xs:w-24 shrink-0 xs:relative h-full border-r absolute border-zinc-800 bg-zinc-950 ${className}`}
     >
       <nav
         className={`${sidebarVisible ? 'w-48 p-4 space-y-2' : 'w-0'} max-h-full overflow-y-auto xs:w-full overflow-hidden inset w-full xs:space-y-2 flex flex-col h-full justify-between xs:p-4`}
@@ -23,7 +23,7 @@ const Sidebar: React.FC<SidebarProps> = ({ children, className }) => {
         <div className="w-full h-full relative overflow-y-auto">
           <div className={'h-full flex flex-col absolute w-full ' + className}>{children}</div>
         </div>
-        <div className="border-t justify-center min-h-fit flex-shrink-0 pt-2 border-gray-500 flex xs:flex-col gap-2">
+        <div className="border-t justify-center min-h-fit shrink-0 pt-2 border-gray-500 flex xs:flex-col gap-2">
           <div className="items-center flex flex-col justify-center md:items-stretch">
             <NotificationButton />
           </div>
diff --git a/DeskThingServer/src/renderer/src/overlays/AddProfile..tsx b/DeskThingServer/src/renderer/src/overlays/AddProfile..tsx
index f0092cd3..32f069d4 100644
--- a/DeskThingServer/src/renderer/src/overlays/AddProfile..tsx
+++ b/DeskThingServer/src/renderer/src/overlays/AddProfile..tsx
@@ -68,7 +68,7 @@ const AddProfileOverlay: FC = () => {
           <label className="text-sm text-zinc-400">Profile Name</label>
           <input
             type="text"
-            className="p-2 rounded bg-zinc-800 border border-zinc-700 text-white focus:outline-none focus:border-blue-500"
+            className="p-2 rounded-sm bg-zinc-800 border border-zinc-700 text-white focus:outline-hidden focus:border-blue-500"
             placeholder="Enter profile name"
             value={profile.name}
             onChange={(e) => handleChange('name', e.target.value)}
@@ -78,7 +78,7 @@ const AddProfileOverlay: FC = () => {
           <label className="text-sm text-zinc-400">Description</label>
           <input
             type="text"
-            className="p-2 rounded bg-zinc-800 border border-zinc-700 text-white focus:outline-none focus:border-blue-500"
+            className="p-2 rounded-sm bg-zinc-800 border border-zinc-700 text-white focus:outline-hidden focus:border-blue-500"
             placeholder="Enter profile description"
             value={profile.description}
             onChange={(e) => handleChange('description', e.target.value)}
@@ -87,7 +87,7 @@ const AddProfileOverlay: FC = () => {
         <div className="flex flex-col gap-2">
           <label className="text-sm text-zinc-400">Base Profile</label>
           <select
-            className="p-2 rounded bg-zinc-800 border border-zinc-700 text-white focus:outline-none focus:border-blue-500"
+            className="p-2 rounded-sm bg-zinc-800 border border-zinc-700 text-white focus:outline-hidden focus:border-blue-500"
             value={profile.extends}
             onChange={(e) => handleChange('extends', e.target.value)}
           >
diff --git a/DeskThingServer/src/renderer/src/overlays/ClientDetailsOverlay.tsx b/DeskThingServer/src/renderer/src/overlays/ClientDetailsOverlay.tsx
index e64148a4..6b5eba10 100644
--- a/DeskThingServer/src/renderer/src/overlays/ClientDetailsOverlay.tsx
+++ b/DeskThingServer/src/renderer/src/overlays/ClientDetailsOverlay.tsx
@@ -496,7 +496,7 @@ const ClientDetailsOverlay: React.FC<ClientDetailsOverlayProps> = ({ onClose, cl
                 value={command}
                 type="text"
                 placeholder="Enter ADB command..."
-                className="flex-1 px-3 py-2 bg-zinc-900 rounded-md text-white border border-zinc-700 focus:outline-none focus:border-zinc-500"
+                className="flex-1 px-3 py-2 bg-zinc-900 rounded-md text-white border border-zinc-700 focus:outline-hidden focus:border-zinc-500"
               />
               <Button
                 className="group bg-black group  hover:bg-zinc-950"
diff --git a/DeskThingServer/src/renderer/src/overlays/ClientSettingsOverlay.tsx b/DeskThingServer/src/renderer/src/overlays/ClientSettingsOverlay.tsx
index 576578a0..71ac2123 100644
--- a/DeskThingServer/src/renderer/src/overlays/ClientSettingsOverlay.tsx
+++ b/DeskThingServer/src/renderer/src/overlays/ClientSettingsOverlay.tsx
@@ -86,35 +86,35 @@ const ClientSettingsOverlay: React.FC<ClientSettingsOverlayProps> = ({ onClose }
                     value={clientSettings.ip || ''}
                     onChange={handleInputChange}
                     onFocus={() => handleFocus('ip')}
-                    className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+                    className="shadow-sm appearance-none border rounded-sm w-full py-2 px-3 text-gray-700 leading-tight focus:outline-hidden focus:shadow-outline"
                   />
                   {focusedField === 'ip' && (
                     <div className="text-xs gap-1 flex-col flex p-1">
                       <button
-                        className="flex p-1 border rounded border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
+                        className="flex p-1 border rounded-sm border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
                         onClick={() => setClientSettings((prev) => ({ ...prev, ip: 'localhost' }))}
                       >
                         <p>ADB / Local Client:</p>
-                        <p className="font-geistMono bg-slate-900 px-2 rounded">localhost</p>
+                        <p className="font-geistMono bg-slate-900 px-2 rounded-sm">localhost</p>
                       </button>
                       <button
                         onClick={() =>
                           setClientSettings((prev) => ({ ...prev, ip: '192.168.7.1' }))
                         }
-                        className="flex p-1 border rounded border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
+                        className="flex p-1 border rounded-sm border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
                       >
                         <p>Car Thing RNDIS:</p>
-                        <p className="font-geistMono bg-slate-900 px-2  rounded">192.168.7.1</p>
+                        <p className="font-geistMono bg-slate-900 px-2  rounded-sm">192.168.7.1</p>
                       </button>
                       {settings?.localIp &&
                         settings.localIp.map((ip, index) => (
                           <button
-                            className="flex p-1 border rounded border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
+                            className="flex p-1 border rounded-sm border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
                             key={index}
                             onClick={() => setClientSettings((prev) => ({ ...prev, ip }))}
                           >
                             <p>Local Network:</p>
-                            <p className="font-geistMono bg-slate-900 px-2  rounded">{ip}</p>
+                            <p className="font-geistMono bg-slate-900 px-2  rounded-sm">{ip}</p>
                           </button>
                         ))}
                     </div>
@@ -131,7 +131,7 @@ const ClientSettingsOverlay: React.FC<ClientSettingsOverlayProps> = ({ onClose }
                     value={clientSettings.port || ''}
                     onChange={handleInputChange}
                     onFocus={() => handleFocus('port')}
-                    className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+                    className="shadow-sm appearance-none border rounded-sm w-full py-2 px-3 text-gray-700 leading-tight focus:outline-hidden focus:shadow-outline"
                   />
                   {focusedField === 'port' && (
                     <div className="text-xs gap-1 flex-col flex p-1">
@@ -139,10 +139,10 @@ const ClientSettingsOverlay: React.FC<ClientSettingsOverlayProps> = ({ onClose }
                         onClick={() =>
                           setClientSettings((prev) => ({ ...prev, port: settings?.devicePort }))
                         }
-                        className="flex p-1 border rounded border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
+                        className="flex p-1 border rounded-sm border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
                       >
                         <p>Current Port:</p>
-                        <p className="font-geistMono bg-slate-900 px-2  rounded">
+                        <p className="font-geistMono bg-slate-900 px-2  rounded-sm">
                           {settings?.devicePort}
                         </p>
                       </button>
@@ -160,35 +160,35 @@ const ClientSettingsOverlay: React.FC<ClientSettingsOverlayProps> = ({ onClose }
                     value={clientSettings.default_view || ''}
                     onChange={handleInputChange}
                     onFocus={() => handleFocus('default_view')}
-                    className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+                    className="shadow-sm appearance-none border rounded-sm w-full py-2 px-3 text-gray-700 leading-tight focus:outline-hidden focus:shadow-outline"
                   />
                   {focusedField === 'default_view' && (
                     <div className="text-xs gap-1 flex-col flex p-1">
                       <button
-                        className="flex p-1 border rounded border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
+                        className="flex p-1 border rounded-sm border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
                         onClick={() =>
                           setClientSettings((prev) => ({ ...prev, default_view: 'landing' }))
                         }
                       >
-                        <p className="font-geistMono bg-slate-900 px-2 rounded">Landing</p>
+                        <p className="font-geistMono bg-slate-900 px-2 rounded-sm">Landing</p>
                       </button>
                       <button
-                        className="flex p-1 border rounded border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
+                        className="flex p-1 border rounded-sm border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
                         onClick={() =>
                           setClientSettings((prev) => ({ ...prev, default_view: 'dashboard' }))
                         }
                       >
-                        <p className="font-geistMono bg-slate-900 px-2 rounded">Dashboard</p>
+                        <p className="font-geistMono bg-slate-900 px-2 rounded-sm">Dashboard</p>
                       </button>
                       {apps.map((app, index) => (
                         <button
-                          className="flex p-1 border rounded border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
+                          className="flex p-1 border rounded-sm border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
                           key={index}
                           onClick={() =>
                             setClientSettings((prev) => ({ ...prev, default_view: app.name }))
                           }
                         >
-                          <p className="font-geistMono bg-slate-900 px-2 rounded">
+                          <p className="font-geistMono bg-slate-900 px-2 rounded-sm">
                             {app.manifest?.label || app.name}
                           </p>
                         </button>
@@ -207,33 +207,33 @@ const ClientSettingsOverlay: React.FC<ClientSettingsOverlayProps> = ({ onClose }
                     value={clientSettings.miniplayer || ''}
                     onChange={handleInputChange}
                     onFocus={() => handleFocus('miniplayer')}
-                    className="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+                    className="shadow-sm appearance-none border rounded-sm w-full py-2 px-3 text-gray-700 leading-tight focus:outline-hidden focus:shadow-outline"
                   />
                   {focusedField === 'miniplayer' && (
                     <div className="text-xs gap-1 flex-col flex p-1">
                       <button
-                        className="flex p-1 border rounded border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
+                        className="flex p-1 border rounded-sm border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
                         onClick={() =>
                           setClientSettings((prev) => ({ ...prev, miniplayer: 'peek' }))
                         }
                       >
-                        <p className="font-geistMono bg-slate-900 px-2 rounded">Peek</p>
+                        <p className="font-geistMono bg-slate-900 px-2 rounded-sm">Peek</p>
                       </button>
                       <button
-                        className="flex p-1 border rounded border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
+                        className="flex p-1 border rounded-sm border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
                         onClick={() =>
                           setClientSettings((prev) => ({ ...prev, miniplayer: 'hidden' }))
                         }
                       >
-                        <p className="font-geistMono bg-slate-900 px-2 rounded">Hidden</p>
+                        <p className="font-geistMono bg-slate-900 px-2 rounded-sm">Hidden</p>
                       </button>
                       <button
-                        className="flex p-1 border rounded border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
+                        className="flex p-1 border rounded-sm border-cyan-600 hover:bg-cyan-600 gap-2 px-3"
                         onClick={() =>
                           setClientSettings((prev) => ({ ...prev, miniplayer: 'full' }))
                         }
                       >
-                        <p className="font-geistMono bg-slate-900 px-2 rounded">Full</p>
+                        <p className="font-geistMono bg-slate-900 px-2 rounded-sm">Full</p>
                       </button>
                     </div>
                   )}
diff --git a/DeskThingServer/src/renderer/src/overlays/DownloadNotification.tsx b/DeskThingServer/src/renderer/src/overlays/DownloadNotification.tsx
index 024791c7..26b53316 100644
--- a/DeskThingServer/src/renderer/src/overlays/DownloadNotification.tsx
+++ b/DeskThingServer/src/renderer/src/overlays/DownloadNotification.tsx
@@ -28,7 +28,7 @@ const DownloadNotification: React.FC<DownloadNotificationProps> = ({
     <div className="fixed gap-2 bottom-5 right-5 bg-black p-5 flex text-white rounded-md shadow-md z-50">
       <div className="h-full w-24">
         {loggingData.final ? (
-          <IconCheckCircle className="stroke-[3] w-full h-full" />
+          <IconCheckCircle className="stroke-3 w-full h-full" />
         ) : (
           <IconLoading className="w-full h-full" />
         )}
diff --git a/DeskThingServer/src/renderer/src/overlays/notifications/NotificationOverlay.tsx b/DeskThingServer/src/renderer/src/overlays/notifications/NotificationOverlay.tsx
index 15aa3ebc..f8971714 100644
--- a/DeskThingServer/src/renderer/src/overlays/notifications/NotificationOverlay.tsx
+++ b/DeskThingServer/src/renderer/src/overlays/notifications/NotificationOverlay.tsx
@@ -63,7 +63,7 @@ const NotificationOverlay: React.FC = () => {
             className="relative"
           >
             {notifState.requestQueue.length > 0 && (
-              <div className="absolute inset-0 rounded w-full h-full animate-pulse border-2 border-blue-500"></div>
+              <div className="absolute inset-0 rounded-sm w-full h-full animate-pulse border-2 border-blue-500"></div>
             )}
           </NavComponent>
           <NavComponent
diff --git a/DeskThingServer/src/renderer/src/overlays/notifications/RequestsPage.tsx b/DeskThingServer/src/renderer/src/overlays/notifications/RequestsPage.tsx
index a01fd665..594bb271 100644
--- a/DeskThingServer/src/renderer/src/overlays/notifications/RequestsPage.tsx
+++ b/DeskThingServer/src/renderer/src/overlays/notifications/RequestsPage.tsx
@@ -84,7 +84,7 @@ const RequestComponent = ({ request }: RequestProps): React.ReactElement => {
   }, [formData, request.scopes])
 
   return (
-    <div className="rounded bg-zinc-900 p-2 flex flex-col">
+    <div className="rounded-sm bg-zinc-900 p-2 flex flex-col">
       <div className="flex w-full justify-between items-center p-2">
         <p className="text-2xl font-semibold">
           {request.appName.charAt(0).toUpperCase() + request.appName.slice(1)} Request
@@ -111,7 +111,7 @@ const RequestComponent = ({ request }: RequestProps): React.ReactElement => {
                   id={key}
                   value={formData[key] || scope.value || ''}
                   onChange={(e) => handleInputChange(key, e.target.value)}
-                  className="w-full group border rounded px-2 py-1 focus:text-black text-gray-500"
+                  className="w-full group border rounded-sm px-2 py-1 focus:text-black text-gray-500"
                   onFocus={() => setFocusedIndex(index)}
                 />
               </div>
diff --git a/DeskThingServer/src/renderer/src/overlays/settings/ClientSettings.tsx b/DeskThingServer/src/renderer/src/overlays/settings/ClientSettings.tsx
index c4b5da86..1a126415 100644
--- a/DeskThingServer/src/renderer/src/overlays/settings/ClientSettings.tsx
+++ b/DeskThingServer/src/renderer/src/overlays/settings/ClientSettings.tsx
@@ -40,7 +40,7 @@ const ClientSettings: React.FC = () => {
             type="text"
             value={localSettings.ip || ''}
             onChange={(e) => handleSettingChange('ip', e.target.value)}
-            className="focus:text-white bg-zinc-900 text-white rounded px-2 py-2"
+            className="focus:text-white bg-zinc-900 text-white rounded-sm px-2 py-2"
           />
         </div>
       </div>
@@ -50,7 +50,7 @@ const ClientSettings: React.FC = () => {
           type="number"
           value={localSettings.port || ''}
           onChange={(e) => handleSettingChange('port', Number(e.target.value))}
-          className="focus:text-white bg-zinc-900 text-white rounded px-2 py-2"
+          className="focus:text-white bg-zinc-900 text-white rounded-sm px-2 py-2"
         />
       </div>
       <div className="w-full px-4 flex justify-between items-center">
diff --git a/DeskThingServer/src/renderer/src/overlays/settings/MusicSettings.tsx b/DeskThingServer/src/renderer/src/overlays/settings/MusicSettings.tsx
index 699c9988..b81f819f 100644
--- a/DeskThingServer/src/renderer/src/overlays/settings/MusicSettings.tsx
+++ b/DeskThingServer/src/renderer/src/overlays/settings/MusicSettings.tsx
@@ -85,7 +85,7 @@ const MusicSettings: React.FC = () => {
               onChange={(e) =>
                 handleSettingChange('refreshInterval', Number(e.target.value) * 1000)
               }
-              className="focus:text-white bg-zinc-900 text-white rounded px-2 py-2"
+              className="focus:text-white bg-zinc-900 text-white rounded-sm px-2 py-2"
               placeholder="Enter A Value"
               disabled={!settings || settings.refreshInterval === -1}
             />
@@ -101,7 +101,7 @@ const MusicSettings: React.FC = () => {
             handleSettingChange('playbackLocation', value?.value || '')
           }}
           value={settings ? settings.playbackLocation || '' : 'Disabled'}
-          className="bg-zinc-900 rounded hover:cursor-pointer text-white px-2 py-2 w-full"
+          className="bg-zinc-900 rounded-sm hover:cursor-pointer text-white px-2 py-2 w-full"
           options={[
             ...audioSources.map((app) => ({
               value: app.id,
diff --git a/DeskThingServer/src/renderer/src/overlays/settings/ServerSettings.tsx b/DeskThingServer/src/renderer/src/overlays/settings/ServerSettings.tsx
index 338324a3..fb641e0c 100644
--- a/DeskThingServer/src/renderer/src/overlays/settings/ServerSettings.tsx
+++ b/DeskThingServer/src/renderer/src/overlays/settings/ServerSettings.tsx
@@ -38,7 +38,7 @@ const ServerSettings: React.FC = () => {
           type="number"
           value={settings.callbackPort}
           onChange={(e) => handleSettingChange('callbackPort', Number(e.target.value))}
-          className="border border-gray-300 focus:text-black text-gray-500 rounded px-2 py-1"
+          className="border border-gray-300 focus:text-black text-gray-500 rounded-sm px-2 py-1"
         />
       </div>
       <div className="w-full p-4 flex justify-between items-center">
@@ -47,7 +47,7 @@ const ServerSettings: React.FC = () => {
           type="number"
           value={settings.devicePort}
           onChange={(e) => handleSettingChange('devicePort', Number(e.target.value))}
-          className="border border-gray-300 rounded focus:text-black text-gray-500 px-2 py-1"
+          className="border border-gray-300 rounded-sm focus:text-black text-gray-500 px-2 py-1"
         />
       </div>
       <div className="w-full p-4 flex justify-between items-center">
@@ -56,7 +56,7 @@ const ServerSettings: React.FC = () => {
           type="text"
           value={settings.address}
           onChange={(e) => handleSettingChange('address', e.target.value)}
-          className="border border-gray-300 focus:text-black text-gray-500 rounded px-2 py-1"
+          className="border border-gray-300 focus:text-black text-gray-500 rounded-sm px-2 py-1"
         />
       </div>
       <div className="w-full px-4 flex justify-between items-center">
diff --git a/DeskThingServer/src/renderer/src/pages/Apps/AppsList.tsx b/DeskThingServer/src/renderer/src/pages/Apps/AppsList.tsx
index 454688f7..4fa58d8c 100644
--- a/DeskThingServer/src/renderer/src/pages/Apps/AppsList.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Apps/AppsList.tsx
@@ -73,7 +73,7 @@ const AppsList: React.FC = () => {
         <div className="flex flex-col gap-2">
           <Button onClick={handleDownloadsNav}>
             <IconDownload strokeWidth={1.5} />
-            <p className="xs:hidden md:block block text-center flex-grow">Download</p>
+            <p className="xs:hidden md:block block text-center grow">Download</p>
           </Button>
         </div>
       </Sidebar>
@@ -113,7 +113,7 @@ const AppsList: React.FC = () => {
                   onClick={handleDownloadsNav}
                   className="bg-zinc-900 gap-2 hover:bg-zinc-800"
                 >
-                  <p className="md:block hidden text-center flex-grow">Downloads Page</p>
+                  <p className="md:block hidden text-center grow">Downloads Page</p>
                   <IconLink strokeWidth={1.5} />
                 </Button>
               </div>
diff --git a/DeskThingServer/src/renderer/src/pages/Clients/Connections.tsx b/DeskThingServer/src/renderer/src/pages/Clients/Connections.tsx
index 518959ed..6e70bf0f 100644
--- a/DeskThingServer/src/renderer/src/pages/Clients/Connections.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Clients/Connections.tsx
@@ -115,7 +115,7 @@ const ClientConnections: React.FC = () => {
         <div className="flex flex-col gap-2">
           <Button onClick={handleDownloadsNav} className="hover:bg-zinc-900">
             <IconDownload strokeWidth={1.5} />
-            <p className="md:block xs:hidden text-center flex-grow">Downloads</p>
+            <p className="md:block xs:hidden text-center grow">Downloads</p>
           </Button>
           <Button
             className={`hover:bg-zinc-900 ${isRestarting ? 'cursor-not-allowed opacity-50' : ''}`}
@@ -125,7 +125,7 @@ const ClientConnections: React.FC = () => {
               strokeWidth={1.5}
               className={isRestarting ? '-rotate-[360deg] transition-transform duration-1000' : ''}
             />
-            <p className="md:block xs:hidden text-center flex-grow">Restart Server</p>
+            <p className="md:block xs:hidden text-center grow">Restart Server</p>
           </Button>
         </div>
       </Sidebar>
@@ -134,7 +134,7 @@ const ClientConnections: React.FC = () => {
           <div className="w-full p-4 border rounded-xl border-zinc-900 flex gap-4 justify-between bg-zinc-950">
             <Button className="border-gray-500 gap-2 w-full hover:bg-zinc-900" onClick={openQr}>
               <IconQR />
-              <p className="md:block hidden text-center flex-grow">QR Code</p>
+              <p className="md:block hidden text-center grow">QR Code</p>
             </Button>
             <Button
               className={`border-gray-500 w-full hover:bg-zinc-900 gap-2 ${isRefreshing ? 'cursor-not-allowed opacity-50' : ''}`}
@@ -142,7 +142,7 @@ const ClientConnections: React.FC = () => {
               disabled={isRefreshing}
             >
               <IconRefresh strokeWidth={1.5} className={isRefreshing ? 'animate-spin' : ''} />
-              <p className="md:block hidden text-center flex-grow">
+              <p className="md:block hidden text-center grow">
                 {isRefreshing ? 'Searching...' : 'Refresh ADB'}
               </p>
             </Button>
@@ -151,7 +151,7 @@ const ClientConnections: React.FC = () => {
               onClick={handleAutoConfigToggle}
             >
               <IconCarThingSmall strokeWidth={2} iconSize={28} />
-              <p className="md:block hidden text-center flex-grow">
+              <p className="md:block hidden text-center grow">
                 <span className="hidden group-hover:inline">
                   {settings.autoConfig ? 'Disable' : 'Enable'}
                 </span>{' '}
diff --git a/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AddActionPopup.tsx b/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AddActionPopup.tsx
index 48204dfc..e13cf9a3 100644
--- a/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AddActionPopup.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AddActionPopup.tsx
@@ -70,7 +70,7 @@ const AddActionPopup = ({ pendingAction, updateAction }: AddActionPopupProps): J
               pendingAction?.value_instructions && (
                 <input
                   type="text"
-                  className="p-2 border rounded text-black"
+                  className="p-2 border rounded-sm text-black"
                   placeholder="Enter value"
                   value={value}
                   onChange={(e) => handleValueChange(e.target.value)}
diff --git a/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AllActionsComponent.tsx b/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AllActionsComponent.tsx
index 6a31bfd6..c7a42ed6 100644
--- a/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AllActionsComponent.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AllActionsComponent.tsx
@@ -24,7 +24,7 @@ const AllActionsComponent: FC<AllActionsComponentProps> = ({
 
   return (
     <div
-      className={`${expanded ? 'absolute max-h-60' : 'max-h-0'} transition-[max-height] hs:relative bg-black bottom-0 hs:max-h-60 border-t flex-shrink-0 border-gray-500 flex`}
+      className={`${expanded ? 'absolute max-h-60' : 'max-h-0'} transition-[max-height] hs:relative bg-black bottom-0 hs:max-h-60 border-t shrink-0 border-gray-500 flex`}
     >
       <div className="absolute h-fit hs:hidden -translate-y-12">
         <Button onClick={() => setIsExpanded((state) => !state)}>
@@ -32,7 +32,7 @@ const AllActionsComponent: FC<AllActionsComponentProps> = ({
           <IconArrowUp className={expanded ? 'rotate-180' : ''} />
         </Button>
       </div>
-      <div className="max-h-60 gap-2 flex-shrink-0 overflow-y-auto flex flex-col hs:p-2 w-24 bg-zinc-900 border-r border-gray-700">
+      <div className="max-h-60 gap-2 shrink-0 overflow-y-auto flex flex-col hs:p-2 w-24 bg-zinc-900 border-r border-gray-700">
         <Button
           className={`${filter === 'all' && 'bg-zinc-800'} hover:bg-zinc-800`}
           onClick={() => setFilter('all')}
diff --git a/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AvailableKeysComponent.tsx b/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AvailableKeysComponent.tsx
index a4a94b90..05a6b379 100644
--- a/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AvailableKeysComponent.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AvailableKeysComponent.tsx
@@ -35,7 +35,7 @@ const AvailableKeys: React.FC<AvailableKeysProps> = ({
   }, [KeyList, keys])
 
   return (
-    <div className="absolute flex-shrink-0 h-full w-fit right-0 md:relative">
+    <div className="absolute shrink-0 h-full w-fit right-0 md:relative">
       <div
         className={`${actionsExpanded ? 'w-48 ' : 'w-0'} transition-[width] md:w-64 border-l border-gray-700 relative h-full`}
       >
diff --git a/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AvailableModesComponent.tsx b/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AvailableModesComponent.tsx
index 194fd339..db9e053a 100644
--- a/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AvailableModesComponent.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Clients/Mapping/components/AvailableModesComponent.tsx
@@ -19,7 +19,7 @@ const AvailableModes: React.FC<AvailableModesProps> = ({
   const clientManifest = useClientStore((state) => state.clientManifest)
 
   return (
-    <div className="w-full overflow-y-auto border-b border-gray-700 p-3 flex-shrink-0 items-center justify-between flex gap-3">
+    <div className="w-full overflow-y-auto border-b border-gray-700 p-3 shrink-0 items-center justify-between flex gap-3">
       <div className="items-center flex gap-3">
         <p>Modes: </p>
         {modes.map((mode, index) => (
diff --git a/DeskThingServer/src/renderer/src/pages/Clients/Mapping/pages/AppMappingsPage.tsx b/DeskThingServer/src/renderer/src/pages/Clients/Mapping/pages/AppMappingsPage.tsx
index b9dfacfc..3662f6c2 100644
--- a/DeskThingServer/src/renderer/src/pages/Clients/Mapping/pages/AppMappingsPage.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Clients/Mapping/pages/AppMappingsPage.tsx
@@ -32,7 +32,7 @@ const AppMappingsPage: React.FC<PageProps> = ({
 
   return (
     <div className="h-full items-center relative flex flex-col w-full">
-      <div className="w-full overflow-y-auto border-b border-gray-700 p-3 flex-shrink-0 items-center justify-between flex gap-3">
+      <div className="w-full overflow-y-auto border-b border-gray-700 p-3 shrink-0 items-center justify-between flex gap-3">
         <div className="items-center flex gap-3">
           <p>Apps:</p>
           <Button
diff --git a/DeskThingServer/src/renderer/src/pages/Dev/ADBSettings.tsx b/DeskThingServer/src/renderer/src/pages/Dev/ADBSettings.tsx
index f0cc77fb..918a2174 100644
--- a/DeskThingServer/src/renderer/src/pages/Dev/ADBSettings.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Dev/ADBSettings.tsx
@@ -67,7 +67,7 @@ const ADBSettings: React.FC = () => {
             className={adbSetting ? `text-green-500` : 'text-gray-500'}
             iconSize={34}
           />
-          <p className="md:block xs:hidden text-center flex-grow">
+          <p className="md:block xs:hidden text-center grow">
             {adbSetting ? 'Global' : 'Local'} ADB
           </p>
         </Button>
@@ -79,7 +79,7 @@ const ADBSettings: React.FC = () => {
           <IconReload
             className={restarting && `-rotate-[360deg] transition-transform duration-1000`}
           />
-          <p className="md:block xs:hidden text-center flex-grow">Restart ADB</p>
+          <p className="md:block xs:hidden text-center grow">Restart ADB</p>
         </Button>
         <Button
           disabled={loading}
@@ -87,7 +87,7 @@ const ADBSettings: React.FC = () => {
           onClick={handleRefreshDevices}
         >
           <IconRefresh className={refreshing && `animate-spin`} />
-          <p className="md:block xs:hidden text-center flex-grow">Find Devices</p>
+          <p className="md:block xs:hidden text-center grow">Find Devices</p>
         </Button>
       </Sidebar>
       <MainElement>
@@ -95,7 +95,7 @@ const ADBSettings: React.FC = () => {
         <div className="w-full items-stretch flex-col lg:flex-row gap-5 p-5 flex">
           <div className="flex gap-2">
             <select
-              className="p-2 rounded text-black"
+              className="p-2 rounded-sm text-black"
               value={commandType}
               onChange={(e) => setCommandType(e.target.value)}
             >
@@ -103,7 +103,7 @@ const ADBSettings: React.FC = () => {
               <option value="other">Other</option>
             </select>
             <select
-              className="p-2 rounded text-black"
+              className="p-2 rounded-sm text-black"
               value={adbDevice}
               onChange={(e) => setAdbDevice(e.target.value)}
             >
@@ -118,7 +118,7 @@ const ADBSettings: React.FC = () => {
           <div className="flex flex-col w-full sm:flex-row gap-2">
             <input
               type="text"
-              className="p-2 rounded text-black w-full"
+              className="p-2 rounded-sm text-black w-full"
               value={inputValue}
               onChange={(e) => setInputValue(e.target.value)}
             />
diff --git a/DeskThingServer/src/renderer/src/pages/Dev/Logs.tsx b/DeskThingServer/src/renderer/src/pages/Dev/Logs.tsx
index 4b729232..6bb5842e 100644
--- a/DeskThingServer/src/renderer/src/pages/Dev/Logs.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Dev/Logs.tsx
@@ -70,13 +70,13 @@ const Logs: React.FC = () => {
         <div className="flex flex-col gap-2">
           <Button onClick={handleLogsOpen} className="hover:bg-zinc-900">
             <IconFolderOpen strokeWidth={1.5} />
-            <p className="md:block xs:hidden text-center flex-grow">Open Logs</p>
+            <p className="md:block xs:hidden text-center grow">Open Logs</p>
           </Button>
 
           <Button onClick={handleCopyLogs} className="hover:bg-zinc-900" disabled={isAnimating}>
             <span id="rewardId" />
             {isAnimating ? <IconCheck strokeWidth={1.5} /> : <IconCopy strokeWidth={1.5} />}
-            <p className="md:block xs:hidden text-center flex-grow">Copy Logs</p>
+            <p className="md:block xs:hidden text-center grow">Copy Logs</p>
           </Button>
         </div>
       </Sidebar>
@@ -87,49 +87,49 @@ const Logs: React.FC = () => {
             className={`w-full ${filter === null ? 'bg-zinc-800 hover:bg-zinc-700' : 'hover:bg-zinc-900'}`}
           >
             <IconLogs strokeWidth={1.5} />
-            <p className="md:block hidden text-center flex-grow">All</p>
+            <p className="md:block hidden text-center grow">All</p>
           </Button>
           <Button
             onClick={() => setFilter(MESSAGE_TYPES.MESSAGE)}
             className={`w-full ${filter === MESSAGE_TYPES.MESSAGE ? 'bg-zinc-800 hover:bg-zinc-700' : 'hover:bg-zinc-900'}`}
           >
             <IconBell strokeWidth={1.5} />
-            <p className="md:block hidden text-center flex-grow">Messages</p>
+            <p className="md:block hidden text-center grow">Messages</p>
           </Button>
           <Button
             onClick={() => setFilter(MESSAGE_TYPES.ERROR)}
             className={`w-full ${filter === MESSAGE_TYPES.ERROR ? 'bg-zinc-800 hover:bg-zinc-700' : 'hover:bg-zinc-900'}`}
           >
             <IconWarning strokeWidth={1.5} />
-            <p className="md:block hidden text-center flex-grow">Errors</p>
+            <p className="md:block hidden text-center grow">Errors</p>
           </Button>
           <Button
             onClick={() => setFilter(MESSAGE_TYPES.WARNING)}
             className={`w-full ${filter === MESSAGE_TYPES.WARNING ? 'bg-zinc-800 hover:bg-zinc-700' : 'hover:bg-zinc-900'}`}
           >
             <IconWarning strokeWidth={1.5} />
-            <p className="md:block hidden text-center flex-grow">Warnings</p>
+            <p className="md:block hidden text-center grow">Warnings</p>
           </Button>
           <Button
             onClick={() => setFilter(MESSAGE_TYPES.FATAL)}
             className={`w-full ${filter === MESSAGE_TYPES.FATAL ? 'bg-zinc-800 hover:bg-zinc-700' : 'hover:bg-zinc-900'}`}
           >
             <IconWarning strokeWidth={1.5} />
-            <p className="md:block hidden text-center flex-grow">Fatal</p>
+            <p className="md:block hidden text-center grow">Fatal</p>
           </Button>
           <Button
             onClick={() => setFilter(MESSAGE_TYPES.DEBUG)}
             className={`w-full ${filter === MESSAGE_TYPES.DEBUG ? 'bg-zinc-800 hover:bg-zinc-700' : 'hover:bg-zinc-900'}`}
           >
             <IconLogs strokeWidth={1.5} />
-            <p className="md:block hidden text-center flex-grow">Debug</p>
+            <p className="md:block hidden text-center grow">Debug</p>
           </Button>
           <Button
             onClick={() => setFilter(MESSAGE_TYPES.LOGGING)}
             className={`w-full ${filter === MESSAGE_TYPES.LOGGING ? 'bg-zinc-800 hover:bg-zinc-700' : 'hover:bg-zinc-900'}`}
           >
             <IconLogs strokeWidth={1.5} />
-            <p className="md:block hidden text-center flex-grow">Logs</p>
+            <p className="md:block hidden text-center grow">Logs</p>
           </Button>
         </div>
         <div
diff --git a/DeskThingServer/src/renderer/src/pages/Downloads/AppDownloads.tsx b/DeskThingServer/src/renderer/src/pages/Downloads/AppDownloads.tsx
index 997b484f..59e4cfe1 100644
--- a/DeskThingServer/src/renderer/src/pages/Downloads/AppDownloads.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Downloads/AppDownloads.tsx
@@ -118,7 +118,7 @@ const AppDownloads: React.FC = () => {
 
                   return (
                     <div
-                      className="flex flex-row justify-between items-center bg-zinc-900 px-3 p-2 rounded"
+                      className="flex flex-row justify-between items-center bg-zinc-900 px-3 p-2 rounded-sm"
                       key={index}
                     >
                       <div className="">
@@ -142,7 +142,7 @@ const AppDownloads: React.FC = () => {
                           onClick={() => handleDownloadClick(release.browser_download_url)}
                           disabled={loading}
                         >
-                          <p className="group-hover:block hidden text-center flex-grow">
+                          <p className="group-hover:block hidden text-center grow">
                             Download {fileSize}
                           </p>
                           <IconDownload className="group-hover:stroke-2 stroke-1" />
@@ -167,11 +167,11 @@ const AppDownloads: React.FC = () => {
           <div className="flex flex-col gap-2">
             <Button onClick={handleUploadClick} className="hover:bg-zinc-900">
               {selectingFile ? <IconLoading strokeWidth={1.5} /> : <IconUpload strokeWidth={1.5} />}
-              <p className="md:block xs:hidden xs:text-center flex-grow">Upload App</p>
+              <p className="md:block xs:hidden xs:text-center grow">Upload App</p>
             </Button>
             <Button onClick={gotoClientDownloads} className="hover:bg-zinc-900">
               <IconLink strokeWidth={1.5} />
-              <p className="md:block xs:hidden xs:text-center flex-grow">Clients</p>
+              <p className="md:block xs:hidden xs:text-center grow">Clients</p>
             </Button>
           </div>
         </div>
@@ -199,13 +199,13 @@ const AppDownloads: React.FC = () => {
                       disabled={loading}
                       onClick={() => handleDownloadLatestClick(name)}
                     >
-                      <p className="group-hover:block hidden text-center flex-grow">
+                      <p className="group-hover:block hidden text-center grow">
                         Download Latest
                       </p>
                       <IconDownload className="group-hover:stroke-2 stroke-1" />
                     </Button>
                     <Button className="group gap-2" onClick={() => handleMoreDownloadsClick(name)}>
-                      <p className="group-hover:block hidden text-center flex-grow">
+                      <p className="group-hover:block hidden text-center grow">
                         More Downloads
                       </p>
                       <IconLogs className="group-hover:stroke-2 stroke-1" />
diff --git a/DeskThingServer/src/renderer/src/pages/Downloads/ClientDownloads.tsx b/DeskThingServer/src/renderer/src/pages/Downloads/ClientDownloads.tsx
index 51f6d7f5..a6af298e 100644
--- a/DeskThingServer/src/renderer/src/pages/Downloads/ClientDownloads.tsx
+++ b/DeskThingServer/src/renderer/src/pages/Downloads/ClientDownloads.tsx
@@ -146,7 +146,7 @@ const ClientDownloads: React.FC = () => {
 
                   return (
                     <div
-                      className="flex flex-row justify-between items-center bg-zinc-900 px-3 p-2 rounded"
+                      className="flex flex-row justify-between items-center bg-zinc-900 px-3 p-2 rounded-sm"
                       key={index}
                     >
                       <div className="">
@@ -169,7 +169,7 @@ const ClientDownloads: React.FC = () => {
                           className="group gap-2"
                           onClick={() => handleDownloadClick(release.browser_download_url)}
                         >
-                          <p className="group-hover:block hidden text-center flex-grow">
+                          <p className="group-hover:block hidden text-center grow">
                             Download {fileSize}
                           </p>
                           <IconDownload className="group-hover:stroke-2 stroke-1" />
@@ -205,14 +205,14 @@ const ClientDownloads: React.FC = () => {
             disabled={clientRefreshing}
           >
             <IconRefresh className={`stroke-2 ${clientRefreshing ? 'animate-spin' : ''}`} />
-            <p className="md:block xs:hidden text-center flex-grow">Refresh Client</p>
+            <p className="md:block xs:hidden text-center grow">Refresh Client</p>
           </Button>
         </div>
         <div>
           <div className="flex flex-col md:items-stretch xs:items-center gap-2">
             <Button className="hover:bg-zinc-900" onClick={openClientSettings}>
               <IconGear strokeWidth={1.5} />
-              <p className="md:block xs:hidden text-center flex-grow">Client Settings</p>
+              <p className="md:block xs:hidden text-center grow">Client Settings</p>
             </Button>
             <Button
               onClick={handleUploadClick}
@@ -220,11 +220,11 @@ const ClientDownloads: React.FC = () => {
               disabled={selectingFile}
             >
               {selectingFile ? <IconLoading /> : <IconUpload strokeWidth={1.5} />}
-              <p className="md:block xs:hidden text-center flex-grow">Upload Client</p>
+              <p className="md:block xs:hidden text-center grow">Upload Client</p>
             </Button>
             <Button onClick={gotoAppDownloads} className="hover:bg-zinc-900">
               <IconLink strokeWidth={1.5} />
-              <p className="md:block xs:hidden text-center flex-grow">Apps</p>
+              <p className="md:block xs:hidden text-center grow">Apps</p>
             </Button>
           </div>
         </div>
@@ -252,7 +252,7 @@ const ClientDownloads: React.FC = () => {
                       onClick={() => handleDownloadLatestClick(name)}
                       disabled={loading}
                     >
-                      <p className="group-hover:block hidden text-center flex-grow">
+                      <p className="group-hover:block hidden text-center grow">
                         Download Latest
                       </p>
                       {loading ? (
@@ -266,7 +266,7 @@ const ClientDownloads: React.FC = () => {
                       onClick={() => handleMoreDownloadsClick(name)}
                       disabled={loading}
                     >
-                      <p className="group-hover:block hidden text-center flex-grow">
+                      <p className="group-hover:block hidden text-center grow">
                         More Downloads
                       </p>
                       <IconLogs className="group-hover:stroke-2 stroke-1" />
diff --git a/DeskThingServer/tsconfig.node.json b/DeskThingServer/tsconfig.node.json
index 0152c8e9..4e210ab0 100644
--- a/DeskThingServer/tsconfig.node.json
+++ b/DeskThingServer/tsconfig.node.json
@@ -11,7 +11,7 @@
     "useDefineForClassFields": true,
     "module": "ESNext",
     "lib": ["ESNext", "DOM"],
-    "moduleResolution": "Node",
+    "moduleResolution": "bundler",
     "strict": true,
     "resolveJsonModule": true,
     "isolatedModules": true,