.bg-grid-pattern {
  background-image:
    linear-gradient(rgba(99, 102, 241, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99, 102, 241, 0.03) 1px, transparent 1px);
  background-size: 20px 20px;
}
.bg-gradient-primary { background: var(--gradient-primary); }
.bg-gradient-success { background: var(--gradient-success); }
.bg-gradient-warning { background: var(--gradient-warning); }
.shadow-accent { box-shadow: 0 4px 20px rgba(79, 70, 229, 0.3); }
.floating-button button i { color: #fff !important; }
@media (max-width: 768px) {
  .floating-button { bottom: 15% !important; right: 1rem; z-index: 10 !important; }
}