Bug fixes.

styles.css

@@ -579,6 +579,36 @@ html, body {
   transform: translateX(-50%) translateY(-10px);
 }
 
+/* Toast types */
+.toast-error {
+  background-color: rgba(231, 76, 60, 0.9);
+}
+
+.toast-success {
+  background-color: rgba(46, 204, 113, 0.9);
+}
+
+.toast-info {
+  background-color: rgba(52, 152, 219, 0.9);
+}
+
+/* Ripple effect for buttons */
+.ripple {
+  position: absolute;
+  background: rgba(255, 255, 255, 0.3);
+  border-radius: 50%;
+  transform: scale(0);
+  animation: ripple 0.6s linear;
+  pointer-events: none;
+}
+
+@keyframes ripple {
+  to {
+    transform: scale(4);
+    opacity: 0;
+  }
+}
+
 .modal {
   display: none;
   position: fixed;