重构前端完成

frontend/src/components/ToolBar/CurrentUserRole/CurrentUserRole.css

@@ -1,80 +0,0 @@
-.current-user-role {
-  padding: 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.role-form {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.form-group {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-
-.form-group label {
-  font-size: 14px;
-  font-weight: 500;
-  color: #e0e0e0;
-}
-
-.form-group input,
-.form-group textarea {
-  padding: 8px 12px;
-  border: 1px solid #444;
-  border-radius: 6px;
-  background-color: #2a2a2a;
-  color: #ffffff;
-  font-size: 14px;
-  transition: border-color 0.2s;
-}
-
-.form-group input:focus,
-.form-group textarea:focus {
-  outline: none;
-  border-color: #6c63ff;
-}
-
-.form-group textarea {
-  resize: vertical;
-  font-family: inherit;
-}
-
-.role-preview {
-  margin-top: 8px;
-  padding: 12px;
-  background-color: #2a2a2a;
-  border-radius: 8px;
-  border: 1px solid #444;
-}
-
-.preview-title {
-  font-size: 12px;
-  color: #999;
-  margin-bottom: 8px;
-  text-transform: uppercase;
-}
-
-.preview-content {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.preview-name {
-  font-size: 16px;
-  font-weight: 600;
-  color: #6c63ff;
-}
-
-.preview-description {
-  font-size: 14px;
-  color: #cccccc;
-  line-height: 1.5;
-  white-space: pre-wrap;
-}