@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap');
        
        body {
            font-family: 'Poppins', sans-serif;
            background-color: #F5F7FA;
        }
        
        h1, h2, h3, h4 {
            font-family: 'Inter', sans-serif;
        }
        
        .sidebar-collapsed {
            width: 80px;
        }
        
        .sidebar-collapsed .menu-text {
            display: none;
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
        }

      [data-section] {
        display: none;
      }
      [data-section].active,
      [data-section]:not(.hidden) {
        display: block;
      }