.floating-btn {
  box-shadow:  0 4px 15px rgba(234, 88, 12, 0.5);
}
.floating-btn:hover {
  transform:  translateY(-2px);
  box-shadow: 0 6px 20px rgba(234, 88, 12, 0.6);
}
.transaction-item {
  transition: all 0.3s ease;
}
.transaction-item:hover {
  transform: translateX(5px);
}
    /* Dark Mode Styles */
html.dark body {
  background-color: #1a1a1a;
  color: #e5e5e5;
}
html.dark .bg-white {
  background-color: #2d2d2d;
}
html.dark .text-gray-800 {
  color: #e5e5e5;
}
html.dark .text-gray-500 {
  color: #a3a3aa;
}
html.dark .text-gray-200 {
  color: #404040;
}
html.dark .bg-gray-50 {
  background-color: #333333;
}
html.dark .border-gray-300 {
  border-color: #404040;
}
html.dark input, html.dark select {
  background-color: #2d2d2d;
  color: #e5e5e5;
}
html.dark input::placeholder {
  color: #a3a3aa;
}
html.dark .shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}