diff --git a/web/frpc/src/assets/css/_form-layout.scss b/web/frpc/src/assets/css/_form-layout.scss
index a43fab6e..ca84433f 100644
--- a/web/frpc/src/assets/css/_form-layout.scss
+++ b/web/frpc/src/assets/css/_form-layout.scss
@@ -1,4 +1,4 @@
-@use './mixins' as *;
+@use '@shared/css/mixins' as *;
 
 /* Shared form layout styles for proxy/visitor form sections */
 .field-row {
diff --git a/web/frpc/src/assets/css/_index.scss b/web/frpc/src/assets/css/_index.scss
deleted file mode 100644
index b70de87b..00000000
--- a/web/frpc/src/assets/css/_index.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@forward './variables';
-@forward './mixins';
diff --git a/web/frpc/src/assets/css/_mixins.scss b/web/frpc/src/assets/css/_mixins.scss
deleted file mode 100644
index 3861971b..00000000
--- a/web/frpc/src/assets/css/_mixins.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-@use './variables' as vars;
-
-@mixin mobile {
-  @media (max-width: #{vars.$breakpoint-mobile - 1px}) {
-    @content;
-  }
-}
-
-@mixin flex-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-@mixin flex-column {
-  display: flex;
-  flex-direction: column;
-}
-
-@mixin page-scroll {
-  height: 100%;
-  overflow-y: auto;
-  padding: vars.$spacing-xl 40px;
-
-  > * {
-    max-width: 960px;
-    margin: 0 auto;
-  }
-
-  @include mobile {
-    padding: vars.$spacing-xl;
-  }
-}
-
-@mixin custom-scrollbar {
-  &::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #d1d1d1;
-    border-radius: 3px;
-  }
-}
diff --git a/web/frpc/src/assets/css/_variables.scss b/web/frpc/src/assets/css/_variables.scss
deleted file mode 100644
index 3df1ef19..00000000
--- a/web/frpc/src/assets/css/_variables.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-// Typography
-$font-size-xs: 11px;
-$font-size-sm: 13px;
-$font-size-md: 14px;
-$font-size-lg: 15px;
-$font-size-xl: 18px;
-
-$font-weight-normal: 400;
-$font-weight-medium: 500;
-$font-weight-semibold: 600;
-
-// Colors - Text
-$color-text-primary: var(--color-text-primary);
-$color-text-secondary: var(--color-text-secondary);
-$color-text-muted: var(--color-text-muted);
-$color-text-light: var(--color-text-light);
-
-// Colors - Background
-$color-bg-primary: var(--color-bg-primary);
-$color-bg-secondary: var(--color-bg-secondary);
-$color-bg-tertiary: var(--color-bg-tertiary);
-$color-bg-muted: var(--color-bg-muted);
-$color-bg-hover: var(--color-bg-hover);
-$color-bg-active: var(--color-bg-active);
-
-// Colors - Border
-$color-border: var(--color-border);
-$color-border-light: var(--color-border-light);
-$color-border-lighter: var(--color-border-lighter);
-
-// Colors - Status
-$color-primary: var(--color-primary);
-$color-danger: var(--color-danger);
-$color-danger-dark: var(--color-danger-dark);
-$color-danger-light: var(--color-danger-light);
-
-// Colors - Button
-$color-btn-primary: var(--color-btn-primary);
-$color-btn-primary-hover: var(--color-btn-primary-hover);
-
-// Spacing
-$spacing-xs: 4px;
-$spacing-sm: 8px;
-$spacing-md: 12px;
-$spacing-lg: 16px;
-$spacing-xl: 20px;
-
-// Border Radius
-$radius-sm: 6px;
-$radius-md: 8px;
-
-// Transitions
-$transition-fast: 0.15s ease;
-$transition-medium: 0.2s ease;
-
-// Layout
-$header-height: 50px;
-$sidebar-width: 200px;
-
-// Breakpoints
-$breakpoint-mobile: 768px;
diff --git a/web/frps/src/assets/css/custom.css b/web/frps/src/assets/css/custom.css
deleted file mode 100644
index d482e8fd..00000000
--- a/web/frps/src/assets/css/custom.css
+++ /dev/null
@@ -1,89 +0,0 @@
-.el-form-item span {
-  margin-left: 15px;
-}
-
-.proxy-table-expand {
-  font-size: 0;
-}
-
-.proxy-table-expand .el-form-item__label{
-  width: 90px;
-  color: #99a9bf;
-}
-
-.proxy-table-expand .el-form-item {
-  margin-right: 0;
-  margin-bottom: 0;
-  width: 50%;
-}
-
-.el-table .el-table__expanded-cell {
-  padding: 20px 50px;
-}
-
-/* Modern styles */
-* {
-  box-sizing: border-box;
-}
-
-/* Smooth transitions */
-.el-button,
-.el-card,
-.el-input,
-.el-select,
-.el-tag {
-  transition: all 0.3s ease;
-}
-
-/* Card hover effects */
-.el-card:hover {
-  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
-}
-
-/* Better scrollbar */
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  background: #f1f1f1;
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb {
-  background: #c1c1c1;
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: #a8a8a8;
-}
-
-/* Page headers */
-.el-page-header {
-  padding: 16px 0;
-}
-
-.el-page-header__title {
-  font-size: 20px;
-  font-weight: 500;
-}
-
-/* Better form layouts */
-.el-form-item {
-  margin-bottom: 18px;
-}
-
-/* Responsive adjustments */
-@media (max-width: 768px) {
-  .el-row {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-  }
-
-  .el-col {
-    padding-left: 10px !important;
-    padding-right: 10px !important;
-  }
-}