SanadaKazuma/sql-secure-portal

1/* Base styles */2body {3    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;4}5 6/* Animation for form inputs */7input:focus {8    transition: all 0.2s ease-in-out;9}10 11/* Button hover effects */12button:hover {13    transform: translateY(-1px);14    transition: all 0.2s ease;15}16 17/* Mobile menu animation */18#mobile-menu {19    transition: all 0.3s ease-in-out;20}21 22/* Card hover effects */23.card:hover {24    transform: translateY(-5px);25    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);26    transition: all 0.3s ease;27}28 29/* Custom scrollbar */30::-webkit-scrollbar {31    width: 8px;32    height: 8px;33}34 35::-webkit-scrollbar-track {36    background: #f1f1f1;37}38 39::-webkit-scrollbar-thumb {40    background: #888;41    border-radius: 4px;42}43 44::-webkit-scrollbar-thumb:hover {45    background: #555;46}