diff --git a/src/views/wel/components/rank-panel.vue b/src/views/wel/components/rank-panel.vue
index 1ffaa6e..982968a 100644
--- a/src/views/wel/components/rank-panel.vue
+++ b/src/views/wel/components/rank-panel.vue
@@ -42,5 +42,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../dashboard.scss';
+@use '../dashboard.scss';
 </style>
diff --git a/src/views/wel/components/section-business.vue b/src/views/wel/components/section-business.vue
index 9322f72..a0e3d8c 100644
--- a/src/views/wel/components/section-business.vue
+++ b/src/views/wel/components/section-business.vue
@@ -156,7 +156,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../dashboard.scss';
+@use '../dashboard.scss';
 
 .business-panel {
   margin-bottom: 16px;
diff --git a/src/views/wel/components/section-finance.vue b/src/views/wel/components/section-finance.vue
index 59a6dfd..7846a01 100644
--- a/src/views/wel/components/section-finance.vue
+++ b/src/views/wel/components/section-finance.vue
@@ -60,7 +60,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../dashboard.scss';
+@use '../dashboard.scss';
 
 .finance-panel {
   margin-bottom: 16px;
diff --git a/src/views/wel/components/section-fleet.vue b/src/views/wel/components/section-fleet.vue
index 19cc1c3..b209256 100644
--- a/src/views/wel/components/section-fleet.vue
+++ b/src/views/wel/components/section-fleet.vue
@@ -67,7 +67,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../dashboard.scss';
+@use '../dashboard.scss';
 
 .fleet-panel {
   margin-bottom: 16px;
diff --git a/src/views/wel/components/section-kpi.vue b/src/views/wel/components/section-kpi.vue
index 074fcd6..187bd4d 100644
--- a/src/views/wel/components/section-kpi.vue
+++ b/src/views/wel/components/section-kpi.vue
@@ -92,7 +92,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../dashboard.scss';
+@use '../dashboard.scss';
 
 .kpi-card {
   background: #ffffff;
diff --git a/src/views/wel/components/section-project.vue b/src/views/wel/components/section-project.vue
index a1ad6e2..ee30c53 100644
--- a/src/views/wel/components/section-project.vue
+++ b/src/views/wel/components/section-project.vue
@@ -62,7 +62,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../dashboard.scss';
+@use '../dashboard.scss';
 
 .project-panel {
   margin-bottom: 16px;
diff --git a/src/views/wel/components/section-structure.vue b/src/views/wel/components/section-structure.vue
index d8e3504..f46208a 100644
--- a/src/views/wel/components/section-structure.vue
+++ b/src/views/wel/components/section-structure.vue
@@ -102,7 +102,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../dashboard.scss';
+@use '../dashboard.scss';
 
 .structure-cards__item {
   margin-bottom: 16px;
diff --git a/src/views/wel/components/section-summary.vue b/src/views/wel/components/section-summary.vue
index 7891a0a..3204bcf 100644
--- a/src/views/wel/components/section-summary.vue
+++ b/src/views/wel/components/section-summary.vue
@@ -59,7 +59,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../dashboard.scss';
+@use '../dashboard.scss';
 
 .summary-panel {
   margin-bottom: 16px;
diff --git a/src/views/wel/components/section-vehicle.vue b/src/views/wel/components/section-vehicle.vue
index 528f6b3..61b44aa 100644
--- a/src/views/wel/components/section-vehicle.vue
+++ b/src/views/wel/components/section-vehicle.vue
@@ -68,7 +68,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../dashboard.scss';
+@use '../dashboard.scss';
 
 .vehicle-cards__item {
   margin-bottom: 16px;
diff --git a/src/views/wel/components/wel-filters.vue b/src/views/wel/components/wel-filters.vue
index 3af1636..214357c 100644
--- a/src/views/wel/components/wel-filters.vue
+++ b/src/views/wel/components/wel-filters.vue
@@ -41,7 +41,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../dashboard.scss';
+@use '../dashboard.scss';
 
 .wel-filter__range {
   width: 110px;