/** * Dashboard Content Padding * This CSS adds consistent padding to main content areas in the dashboard *//* Main content container padding */.py-12 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important;}/* Add horizontal padding to main content container */.max-w-7xl.mx-auto.px-4 { padding-left: 2rem !important; padding-right: 2rem !important;}/* Keep standard card padding */.p-6 { padding: 1.5rem !important; /* Standard Tailwind p-6 */}/* Keep standard padding for smaller cards */.bg-white.rounded-2xl.shadow-sm .p-4,.bg-gray-50.rounded-xl.p-4,.bg-white.bg-opacity-20.rounded-xl.p-4 { padding: 1rem !important; /* Standard Tailwind p-4 */}/* Keep standard padding for wallet balance card */.bg-gradient-to-br.from-emerald-500.via-green-500.to-teal-500 .p-6 { padding: 1.5rem !important; /* Standard Tailwind p-6 */}/* Keep standard padding for transaction items */.flex.items-center.justify-between.p-4.bg-gray-50.rounded-xl { padding: 1rem !important; /* Standard Tailwind p-4 */}/* Keep standard padding for modal content */.modal-content .p-6,.relative.bg-white.rounded-2xl.shadow-xl .p-6 { padding: 1.5rem !important; /* Standard Tailwind p-6 */}/* Responsive adjustments */@media (max-width: 768px) { .py-12 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .max-w-7xl.mx-auto.px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .p-6 { padding: 1.5rem !important; /* Standard Tailwind p-6 */ } .bg-white.rounded-2xl.shadow-sm .p-4, .bg-gray-50.rounded-xl.p-4, .bg-white.bg-opacity-20.rounded-xl.p-4 { padding: 1rem !important; /* Standard Tailwind p-4 */ }}/* Reduce spacing between grid items */.grid.gap-6 { gap: 1rem !important; /* Reduced from standard Tailwind gap-6 */}/* Reduce spacing between sections */.mb-6 { margin-bottom: 1rem !important; /* Reduced from standard Tailwind mb-6 */}/* Keep standard spacing for page headers */.mb-8 { margin-bottom: 2rem !important; /* Standard Tailwind mb-8 */}/* Add more spacing to main content */main.flex-grow.py-6 { padding-top: 2rem !important; padding-bottom: 2rem !important;}/* Add more spacing to the content container */.container.mx-auto.px-4 { padding-left: 2rem !important; padding-right: 2rem !important;}/* Specifically target dashboard grid layouts */.dashboard-cards .grid.gap-6,.grid.grid-cols-1.md\\:grid-cols-3.gap-6,.grid.grid-cols-1.lg\\:grid-cols-3.gap-6 { gap: 0.75rem !important; /* Further reduced spacing between dashboard cards */}/* Enhanced Weather Forecast Card */.bg-gradient-to-br.from-blue-500.to-blue-600 { box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.5) !important;}.bg-gradient-to-br.from-blue-500.to-blue-600 .bg-white.bg-opacity-10 { backdrop-filter: blur(4px); transition: all 0.2s ease-in-out;}.bg-gradient-to-br.from-blue-500.to-blue-600 .bg-white.bg-opacity-10:hover { background-color: rgba(255, 255, 255, 0.15);}.bg-gradient-to-br.from-blue-500.to-blue-600 .fas { filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));}.bg-gradient-to-br.from-blue-500.to-blue-600 .text-2xl { line-height: 1;}/* Hide scrollbar but keep functionality */.hide-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}.hide-scrollbar::-webkit-scrollbar { display: none; /* Chrome, Safari and Opera */}