| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| .custom-shadow { | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); | |
| } | |
| .hover-scale { | |
| transition: transform 0.2s ease-in-out; | |
| } | |
| .hover-scale:hover { | |
| transform: scale(1.03); | |
| } | |
| .chart-container { | |
| position: relative; | |
| margin: auto; | |
| } | |
| #user-cards-container { | |
| max-height: 80vh; | |
| overflow-y: auto; | |
| padding-right: 8px; | |
| } | |
| /* Scrollbar styling */ | |
| #user-cards-container::-webkit-scrollbar { | |
| width: 6px; | |
| } | |
| #user-cards-container::-webkit-scrollbar-track { | |
| background: #f1f1f1; | |
| border-radius: 10px; | |
| } | |
| #user-cards-container::-webkit-scrollbar-thumb { | |
| background: #888; | |
| border-radius: 10px; | |
| } | |
| #user-cards-container::-webkit-scrollbar-thumb:hover { | |
| background: #555; | |
| } | |
| .user-stats-grid { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |
| gap: 1rem; | |
| } | |
| .user-stats-card { | |
| padding: 1.5rem; | |
| border-radius: 0.5rem; | |
| transition: all 0.3s ease; | |
| } | |
| .user-stats-card:hover { | |
| transform: translateY(-3px); | |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); | |
| } | |