diff --git a/app/views/dashboard/index.php b/app/views/dashboard/index.php
index e3e0a08221a1687d2bd12063f1bd8088fb0f0546..5ed4403872a2315e60ae173d63ece2e3ea63079f 100644
--- a/app/views/dashboard/index.php
+++ b/app/views/dashboard/index.php
@@ -33,56 +33,4 @@
     </div>
     
 </body>
-</html>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<!-- <!DOCTYPE html>
-<html>
-<head>
-  <title>Dashboard</title>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width=device=width, initial-scale=1.0">
-  <link rel="preconnect" href="">
-  <link rel="preconnect" href="">
-  <link href="">
-  
-  <link rel="stylesheet" type="text/css" href="dashboard.css">
-</head> -->
-
-
-<!-- <body>
-  <header>
-    <div class="user-header">
-      <input type="text" id="searchBar" placeholder="Search by name...">
-      <button id="searchButton">Search</button>
-
-      <div class="user-profile">
-        <a href="#" id="logoutLink">Logout</a>
-      </div>
-      
-    </div>
-  </header>
-
-  <div class="container">
-    <h1>Welcome, <span id="username"></span></h1>
-
-  </div>
-
-  <script src="dashboard.js"></script>
-</body>
-</html> -->
+</html>
\ No newline at end of file
diff --git a/public/css/challenge.css b/public/css/challenge.css
index e8fa713a7f36f64576d5743a93be08f2e587bc94..52d63481ac7534353cd0675110e80b5d1ba26b64 100644
--- a/public/css/challenge.css
+++ b/public/css/challenge.css
@@ -1,7 +1,37 @@
-.obtain {
+.achievement-list .obtain {
     background-color: rgb(0, 255, 0);
+    box-shadow: rgba(39, 66, 35, 0.4) 0 2px 4px,rgba(35, 66, 38, 0.3) 0 7px 13px -3px,rgb(106, 215, 111) 0 -3px 0 inset;
 }
 
-.obtain-not {
+.achievement-list .obtain-not {
     background-color: rgb(255, 0, 0);
+    box-shadow: rgba(66, 35, 35, 0.4) 0 2px 4px,rgba(66, 35, 35, 0.3) 0 7px 13px -3px,rgb(215, 106, 106) 0 -3px 0 inset;
+}
+
+.achievement-list .obtain:focus {
+    box-shadow: #6bde67 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #59e260 0 -3px 0 inset;
+}
+
+.achievement-container .obtain:hover {
+    box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #50dd57 0 -3px 0 inset;
+    transform: translateY(-2px);
+}
+
+.achievement-container .obtain:active {
+    box-shadow: #56da54 0 3px 7px inset;
+    transform: translateY(2px);
+}
+
+.achievement-list .obtain-not:focus {
+    box-shadow: #de6767 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #e25959 0 -3px 0 inset;
+}
+
+.achievement-container .obtain-not:hover {
+    box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #dd5050 0 -3px 0 inset;
+    transform: translateY(-2px);
+}
+
+.achievement-container .obtain-not:active {
+    box-shadow: #da5454 0 3px 7px inset;
+    transform: translateY(2px);
 }
\ No newline at end of file
diff --git a/public/css/dashboard.css b/public/css/dashboard.css
index 4389c38a0b699bd3833bd84bffa1072c9851f752..70e88784ffc776eb42e9f75f59387c21e7bb569b 100644
--- a/public/css/dashboard.css
+++ b/public/css/dashboard.css
@@ -10,7 +10,7 @@ body {
 
 .sidebar {
     width: 20%;
-    background: linear-gradient(to bottom, #192e3a, #0c1b28);
+    background: linear-gradient(to bottom, #3a1919, #0c1b28);
     color: #fff;
     height: 100%;
     position: fixed;
@@ -27,7 +27,7 @@ body {
     padding: 20px;
     text-align: center;
     font-size: 24px;
-    border-bottom: 2px solid #192e3a;
+    border-bottom: 2px solid #3a1919;
     margin-bottom: 20px;
 }
 
@@ -68,7 +68,7 @@ body {
     position: fixed;
     top: 20px;
     left: 10px;
-    background-color: #192e3a;
+    background: linear-gradient(to bottom, #3a1919, #0c1b28);
     color: #fff;
     border: none;
     font-size: 24px;
diff --git a/public/js/login.js b/public/js/login.js
index 10f16c0eefd546ffc6b53531e7ad2db7614203e5..fa55e41a9077d53932a8babc62e29067bd66be2f 100644
--- a/public/js/login.js
+++ b/public/js/login.js
@@ -22,7 +22,7 @@ document.addEventListener("DOMContentLoaded", function() {
                     console.log(response);
                     console.log(response.length)
                     if (response === "success") {
-                        window.location.href = "../dashboard";
+                        window.location.href = "../challenge";
                     } else if (response === "error") {
                         alert("Invalid username or password");
                     } else {
diff --git a/public/js/register.js b/public/js/register.js
index 9fffbf2d8b140ed82030c79c538a9a2284e5ed4b..ad323d71784db48f66676076edc870e336429d8d 100644
--- a/public/js/register.js
+++ b/public/js/register.js
@@ -130,7 +130,7 @@ function registerUser(username, email, password) {
             console.log(response);
 
             if (response == "success") {
-                window.location.href = '../dashboard'; 
+                window.location.href = '../challenge'; 
             } else {
                 alert('Gagal mendaftar akun baru');
             }