diff --git a/src/app/employee/create/create.component.css b/src/app/employee/create/create.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/employee/create/create.component.ts b/src/app/employee/create/create.component.ts
index 7b99ee1..6ce3311 100644
--- a/src/app/employee/create/create.component.ts
+++ b/src/app/employee/create/create.component.ts
@@ -46,7 +46,6 @@ import { debounceTime } from 'rxjs';
   ],
   templateUrl: './create.component.html',
   standalone: true,
-  styleUrl: './create.component.css',
 })
 export class CreateComponent implements OnInit {
   employeeForm!: FormGroup;
diff --git a/src/app/employee/delete/delete.component.css b/src/app/employee/delete/delete.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/employee/delete/delete.component.ts b/src/app/employee/delete/delete.component.ts
index 3abd016..ab72760 100644
--- a/src/app/employee/delete/delete.component.ts
+++ b/src/app/employee/delete/delete.component.ts
@@ -24,7 +24,6 @@ import EmployeeApiService from '../../services/employee-api.service';
   ],
   templateUrl: './delete.component.html',
   standalone: true,
-  styleUrl: './delete.component.css',
 })
 export class DeleteComponent {
   private apiService: EmployeeApiService = inject(EmployeeApiService);
diff --git a/src/app/employee/details/details.component.css b/src/app/employee/details/details.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/employee/details/details.component.ts b/src/app/employee/details/details.component.ts
index a60c3e6..3005f7a 100644
--- a/src/app/employee/details/details.component.ts
+++ b/src/app/employee/details/details.component.ts
@@ -14,7 +14,6 @@ import { DialogRef } from '@angular/cdk/dialog';
   imports: [MatDialogTitle, MatDialogContent, MatButton, MatDialogActions],
   templateUrl: './details.component.html',
   standalone: true,
-  styleUrl: './details.component.css',
 })
 export class DetailsComponent {
   employee: Employee = inject(MAT_DIALOG_DATA);
diff --git a/src/app/employee/edit/edit.component.css b/src/app/employee/edit/edit.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/employee/edit/edit.component.ts b/src/app/employee/edit/edit.component.ts
index 769e9f9..d6278b2 100644
--- a/src/app/employee/edit/edit.component.ts
+++ b/src/app/employee/edit/edit.component.ts
@@ -46,7 +46,6 @@ import { debounceTime } from 'rxjs';
   ],
   templateUrl: './edit.component.html',
   standalone: true,
-  styleUrl: './edit.component.css',
 })
 export class EditComponent implements OnInit {
   employeeForm!: FormGroup;
diff --git a/src/app/employee/table/table.component.css b/src/app/employee/table/table.component.css
deleted file mode 100644
index 40a34c3..0000000
--- a/src/app/employee/table/table.component.css
+++ /dev/null
@@ -1,73 +0,0 @@
-:host ::ng-deep {
-  .mat-mdc-card {
-    --mdc-elevated-card-container-color: transparent;
-    @apply !shadow-none !rounded-xl;
-  }
-
-  .mat-mdc-button-base {
-    --mat-mdc-button-persistent-ripple-color: currentColor;
-    @apply !rounded-lg;
-  }
-
-  .mat-mdc-progress-spinner {
-    --mdc-circular-progress-active-indicator-color: #2563eb;
-  }
-
-  .mdc-data-table__header-cell {
-    @apply !text-gray-600 !font-semibold !text-sm !py-4 !px-6;
-  }
-
-  .mat-mdc-table {
-    @apply !bg-transparent !border-separate !border-spacing-y-2;
-
-    .mat-mdc-row {
-      @apply !bg-white !rounded-xl !shadow-sm !transition-all !duration-200;
-
-      &:hover {
-        @apply !bg-gray-50 !shadow-md !transform !scale-[1.01];
-      }
-
-      .mat-mdc-cell {
-        @apply !border-b-0 !py-4 !px-6 first:!rounded-l-xl last:!rounded-r-xl;
-      }
-    }
-
-    .mat-mdc-header-row {
-      @apply !bg-transparent;
-
-      .mat-mdc-header-cell {
-        @apply !border-b-0;
-      }
-    }
-  }
-
-  .mat-mdc-menu-panel {
-    @apply !rounded-xl !shadow-lg;
-  }
-
-  .mat-mdc-menu-item {
-    @apply !rounded-lg !mx-1 !my-0.5;
-  }
-
-  .mdc-button {
-    @apply !font-medium;
-
-    &.mat-primary {
-      @apply !bg-blue-600 !text-white hover:!bg-blue-700;
-    }
-
-    &.mat-warn {
-      @apply !bg-red-600 !text-white hover:!bg-red-700;
-    }
-  }
-
-  .mat-mdc-snack-bar-container {
-    &.error-snackbar {
-      @apply !rounded-xl;
-
-      .mdc-snackbar__surface {
-        @apply !bg-red-50 !text-red-900 !border !border-red-100;
-      }
-    }
-  }
-}
diff --git a/src/app/employee/table/table.component.ts b/src/app/employee/table/table.component.ts
index 68090ff..3d51064 100644
--- a/src/app/employee/table/table.component.ts
+++ b/src/app/employee/table/table.component.ts
@@ -51,7 +51,6 @@ import { ErrorHandlerService } from '../../services/error.handler.service';
     MatInputModule,
   ],
   templateUrl: './table.component.html',
-  styleUrl: './table.component.css',
 })
 export class TableComponent implements OnInit {
   private readonly apiService: EmployeeApiService = inject(EmployeeApiService);
diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index 4bde9d6..a5da127 100644
--- a/src/app/home/home.component.ts
+++ b/src/app/home/home.component.ts
@@ -6,6 +6,5 @@ import { QualificationsComponent } from '../qualification/table/table.component'
   selector: 'app-home',
   imports: [TableComponent, QualificationsComponent],
   templateUrl: './home.component.html',
-  styleUrl: './home.component.css',
 })
 export class HomeComponent {}
diff --git a/src/app/qualification/create/create.component.css b/src/app/qualification/create/create.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/qualification/create/create.component.ts b/src/app/qualification/create/create.component.ts
index badcae3..f623912 100644
--- a/src/app/qualification/create/create.component.ts
+++ b/src/app/qualification/create/create.component.ts
@@ -37,7 +37,6 @@ import { MatIcon } from '@angular/material/icon';
     MatIcon,
   ],
   templateUrl: './create.component.html',
-  styleUrl: './create.component.css',
 })
 export class CreateComponent {
   private formBuilder: FormBuilder = inject(FormBuilder);
diff --git a/src/app/qualification/delete/delete.component.css b/src/app/qualification/delete/delete.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/qualification/delete/delete.component.ts b/src/app/qualification/delete/delete.component.ts
index bbf468f..09c28fd 100644
--- a/src/app/qualification/delete/delete.component.ts
+++ b/src/app/qualification/delete/delete.component.ts
@@ -25,7 +25,6 @@ import { MatIcon } from '@angular/material/icon';
   ],
   templateUrl: './delete.component.html',
   standalone: true,
-  styleUrl: './delete.component.css',
 })
 export class DeleteComponent {
   public id: number = inject(MAT_DIALOG_DATA);
diff --git a/src/app/qualification/details/details.component.css b/src/app/qualification/details/details.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/qualification/details/details.component.ts b/src/app/qualification/details/details.component.ts
index e10c299..15711a7 100644
--- a/src/app/qualification/details/details.component.ts
+++ b/src/app/qualification/details/details.component.ts
@@ -26,7 +26,6 @@ import { MatIcon } from '@angular/material/icon';
     MatIcon,
   ],
   templateUrl: './details.component.html',
-  styleUrl: './details.component.css',
 })
 export class DetailsComponent {
   private qualificationService = inject(QualificationService);
diff --git a/src/app/qualification/edit/edit.component.css b/src/app/qualification/edit/edit.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/qualification/edit/edit.component.ts b/src/app/qualification/edit/edit.component.ts
index 387eaa6..007a467 100644
--- a/src/app/qualification/edit/edit.component.ts
+++ b/src/app/qualification/edit/edit.component.ts
@@ -45,7 +45,6 @@ import { MatIcon } from '@angular/material/icon';
     MatIcon,
   ],
   templateUrl: './edit.component.html',
-  styleUrl: './edit.component.css',
 })
 export class EditComponent {
   public apiErrorMessage = '';
diff --git a/src/app/qualification/table/table.component.css b/src/app/qualification/table/table.component.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/app/qualification/table/table.component.ts b/src/app/qualification/table/table.component.ts
index eccc63e..2286810 100644
--- a/src/app/qualification/table/table.component.ts
+++ b/src/app/qualification/table/table.component.ts
@@ -50,7 +50,6 @@ import { ErrorHandlerService } from '../../services/error.handler.service';
     MatInputModule,
   ],
   templateUrl: './table.component.html',
-  styleUrl: './table.component.css',
 })
 export class QualificationsComponent implements OnInit {
   private readonly qualificationService: QualificationService =