Made changes to CSS and merged together.

web/vue-app/src/components/child/ChildView.vue

@@ -399,13 +399,13 @@ onUnmounted(() => {
 
 <style scoped>
 .back-btn {
-  background: white;
+  background: var(--back-btn-bg);
   border: 0;
   padding: 0.6rem 1rem;
   border-radius: 8px;
   cursor: pointer;
   margin-bottom: 1.5rem;
-  color: #667eea;
+  color: var(--back-btn-color);
   font-weight: 600;
 }
 
@@ -415,35 +415,4 @@ onUnmounted(() => {
   justify-content: center;
   margin: 2rem 0;
 }
-.assign-task-btn,
-.assign-bad-btn,
-.assign-reward-btn {
-  font-weight: 600;
-  border: none;
-  border-radius: 8px;
-  padding: 0.7rem 1.5rem;
-  font-size: 1.1rem;
-  cursor: pointer;
-  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.08);
-  transition: background 0.18s;
-  color: #fff;
-  background: #667eea;
-}
-.assign-task-btn:hover,
-.assign-bad-btn:hover,
-.assign-reward-btn:hover {
-  background: #5a67d8;
-}
-.assign-bad-btn {
-  background: #ef4444;
-}
-.assign-bad-btn:hover {
-  background: #dc2626;
-}
-.assign-reward-btn {
-  background: #38c172;
-}
-.assign-reward-btn:hover {
-  background: #2f855a;
-}
 </style>