diff --git a/vigilcare-dashboard/src/main.js b/vigilcare-dashboard/src/main.js
index 7b19912..4d840bf 100644
--- a/vigilcare-dashboard/src/main.js
+++ b/vigilcare-dashboard/src/main.js
@@ -1,6 +1,7 @@
 import { createApp } from 'vue'
+import { createPinia } from 'pinia'
 import './style.css'
 import App from './App.vue'
 import router from './router'
 
-createApp(App).use(router).mount('#app')
+createApp(App).use(createPinia()).use(router).mount('#app')
diff --git a/vigilcare-dashboard/src/style.css b/vigilcare-dashboard/src/style.css
index 527d4fb..bbf23da 100644
--- a/vigilcare-dashboard/src/style.css
+++ b/vigilcare-dashboard/src/style.css
@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 :root {
   --text: #6b6375;
   --text-h: #08060d;
diff --git a/vigilcare-dashboard/src/views/WardDashboard.vue b/vigilcare-dashboard/src/views/WardDashboard.vue
index e82f4c6..aea43f0 100644
--- a/vigilcare-dashboard/src/views/WardDashboard.vue
+++ b/vigilcare-dashboard/src/views/WardDashboard.vue
@@ -5,6 +5,7 @@ import { usePolling } from '@/composables/usePolling'
 import WardTable from '@/components/ward/WardTable.vue'
 import Skeleton from '@/components/ui/Skeleton.vue'
 import EmptyState from '@/components/ui/EmptyState.vue'
+import Badge from '@/components/ui/Badge.vue'
 
 const wardStore = useWardStore()
 const { sortedByRisk, loading, error, criticalCount } = storeToRefs(wardStore)
diff --git a/vigilcare-dashboard/vite.config.js b/vigilcare-dashboard/vite.config.js
index ee61a4b..7a4a747 100644
--- a/vigilcare-dashboard/vite.config.js
+++ b/vigilcare-dashboard/vite.config.js
@@ -1,10 +1,11 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import tailwindcss from '@tailwindcss/vite'
 import { fileURLToPath, URL } from 'node:url'
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [vue(), tailwindcss()],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url)),