diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 09e570f..c14310e 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -9,9 +9,9 @@
       </h1>
     </div>
     
-    <nav class="flex-1 px-4 space-y-2">
+    <nav class="flex-1 px-4 space-y-4">
       <a 
-        class="flex items-center gap-3 px-4 py-3 rounded-lg font-medium cursor-pointer transition-colors"
+        class="flex items-center gap-3 px-4 py-4 rounded-lg font-medium cursor-pointer transition-colors"
         :class="activeIndex == 1 ? 'sidebar-active text-primary' : 'text-slate-500 hover:bg-slate-50 dark:hover:bg-slate-800'"
         @click="updateActiveIndex(1)"
       >
@@ -20,7 +20,7 @@
       </a>
       
       <a 
-        class="flex items-center gap-3 px-4 py-3 rounded-lg font-medium cursor-pointer transition-colors"
+        class="flex items-center gap-3 px-4 py-4 rounded-lg font-medium cursor-pointer transition-colors"
         :class="activeIndex == 2 ? 'sidebar-active text-primary' : 'text-slate-500 hover:bg-slate-50 dark:hover:bg-slate-800'"
         @click="updateActiveIndex(2)"
       >
diff --git a/src/views/hosts/hostsList.vue b/src/views/hosts/hostsList.vue
index 5a9a0ae..26ece7c 100644
--- a/src/views/hosts/hostsList.vue
+++ b/src/views/hosts/hostsList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="bg-white dark:bg-slate-50 rounded-3xl shadow-2xl flex flex-col overflow-hidden h-full">
     <!-- Header -->
-    <header class="px-8 py-6 border-b border-slate-100 dark:border-slate-200/60 bg-white/50 backdrop-blur-md">
+    <header class="px-8 py-6 border-b border-slate-100 dark:border-slate-200/60 bg-white">
       <div class="flex flex-wrap items-center gap-4">
         <div class="relative flex-1 min-w-[200px]">
           <select 
@@ -191,7 +191,7 @@
     </div>
     
     <!-- Footer / Pagination -->
-    <footer class="px-8 py-6 border-t border-slate-100 dark:border-slate-200/60 bg-white/50 backdrop-blur-md flex flex-wrap items-center justify-between gap-4">
+    <footer class="px-8 py-6 border-t border-slate-100 dark:border-slate-200/60 bg-white flex flex-wrap items-center justify-between gap-4">
       <div class="flex items-center gap-4">
         <div class="relative">
           <select 
diff --git a/src/views/hosts/workbenches.vue b/src/views/hosts/workbenches.vue
index cfe0b7e..28b7973 100644
--- a/src/views/hosts/workbenches.vue
+++ b/src/views/hosts/workbenches.vue
@@ -1,21 +1,21 @@
 <template>
   <div class="grid grid-cols-1 lg:grid-cols-4 gap-4 mb-4">
     <!-- Stat Cards -->
-    <div class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-premium border border-slate-100 dark:border-slate-800">
+    <div class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800">
       <div class="flex items-center justify-between mb-2">
         <span class="text-sm font-medium text-slate-500">{{ $t('workbenches.totalnumber') }}</span>
         <span class="material-icons-round text-primary/40">analytics</span>
       </div>
       <div class="text-3xl font-bold text-slate-900 dark:text-white">{{ hostData.totalCount }}</div>
     </div>
-    <div class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-premium border border-slate-100 dark:border-slate-800">
+    <div class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800">
       <div class="flex items-center justify-between mb-2">
         <span class="text-sm font-medium text-slate-500">{{ $t('workbenches.createHost') }}</span>
         <span class="material-icons-round text-secondary/40">person_add</span>
       </div>
       <div class="text-3xl font-bold text-slate-900 dark:text-white">{{ hostData.validAnchorsCount }}</div>
     </div>
-    <div class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-premium border border-slate-100 dark:border-slate-800">
+    <div class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800">
       <div class="flex items-center justify-between mb-2">
         <span class="text-sm font-medium text-slate-500">{{ $t('workbenches.query') }} / {{ $t('workbenches.invite')
         }}</span>
@@ -25,7 +25,7 @@
           class="text-slate-300 text-lg mx-2">/</span> {{ hostData.canInvitationCount }}</div>
     </div>
     <div
-      class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-premium border border-slate-100 dark:border-slate-800 flex flex-col justify-center">
+      class="bg-white dark:bg-slate-900 p-6 rounded-xl shadow-sm border border-slate-100 dark:border-slate-800 flex flex-col justify-center">
       <div class="flex items-center justify-between">
         <div>
           <span class="text-xs font-semibold text-slate-400 uppercase tracking-wider block mb-1">{{
@@ -42,7 +42,7 @@
 
   <!-- Guild Accounts -->
   <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
-    <div v-for="(item, index) in 2" :key="index" class="glass-card p-5 rounded-xl shadow-premium">
+    <div v-for="(item, index) in 2" :key="index" class="bg-white border border-slate-100 p-5 rounded-xl shadow-sm">
       <div class="flex justify-between items-center mb-6">
         <div class="flex items-center gap-2">
           <span class="w-2 h-2 rounded-full" :class="tkData[index].code == 1 ? 'bg-emerald-500' : 'bg-red-500'"></span>
@@ -80,7 +80,7 @@
 
   <!-- Configuration Panel -->
   <div
-    class="bg-white dark:bg-slate-900 rounded-2xl shadow-premium border border-slate-100 dark:border-slate-800 overflow-hidden">
+    class="bg-white dark:bg-slate-900 rounded-2xl shadow-sm border border-slate-100 dark:border-slate-800 overflow-hidden">
     <div class="p-6 border-b border-slate-100 dark:border-slate-800 flex justify-between items-center">
       <div class="flex items-center gap-3">
         <div class="w-8 h-8 bg-slate-100 dark:bg-slate-800 rounded-lg flex items-center justify-center">
diff --git a/src/views/nav.vue b/src/views/nav.vue
index 27815c3..705dc53 100644
--- a/src/views/nav.vue
+++ b/src/views/nav.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="nav-container bg-background-light dark:bg-background-dark text-slate-800 dark:text-slate-200 subtle-grid shadow-2xl overflow-hidden" :style="containerStyle">
+  <div class="nav-container bg-background-light dark:bg-background-dark text-slate-800 dark:text-slate-200 shadow-2xl overflow-hidden" :style="containerStyle">
     <div class="flex h-full overflow-hidden">
       <Sidebar class="flex-none h-full" @activeIndex="activeIndexFn" />
       <main class="flex-1 overflow-y-auto p-4 relative flex flex-col h-full bg-[#f3f5f9]">