diff --git a/templates/index.html b/templates/index.html
index a09305f..f7ea8ee 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -15,7 +15,11 @@
         table { border-collapse: collapse; width: 100%; min-width: 700px; margin-bottom: 1em; background: #fff; }
         th, td { border: 1px solid #c3d6db; padding: 0.5em; text-align: center; }
         th { background: #c3d6db; color: #071330; }
-        .clickable { cursor: pointer; background: #e7f7e7; }
+        .clickable { cursor: pointer; background: #e7f7e7; transition: background 0.15s, box-shadow 0.15s; }
+        .clickable:hover {
+            background: #dbeedb;
+            box-shadow: 0 0 0 2px #98ba0b33;
+        }
         .yes { background: #b6e7b6; font-weight: bold; color: #071330; }
         input[type="text"] {
             width: 90%;
@@ -25,7 +29,8 @@
             color: #071330;
         }
         input[type="text"]::placeholder {
-            color: #c3d6db;
+            color: #707070;
+            opacity: 1;
         }
         #add-date {
             margin-top: 1em;