This is a large-scale legal management system. Let me plan the implementation carefully before building.

Now let me set up the task plan for this massive project.

Let me start by setting up the design system, theme, and global layout components. First, I'll update the globals.css with the Waterfront LegalOS color palette, then build the layout.

Now let me build the design system and core layout. I'll update the globals.css with the Waterfront LegalOS color palette, update the layout, and create the shared components.

Now let me update the layout with Inter font and create the core application structure:

Now let me create the mock data and shared types, then the sidebar and topbar components:

Now let me create the sidebar navigation component:

Now let me create the app shell layout and the main dashboard page:

Now let me create a reusable Semaforo badge component and the KPI card:

Now let me build the main Director Dashboard page:

Now let me move on to the CRM module:

Now let's build the Expedientes module:

Now the individual expediente detail page:

Now let's build the Terminos and Agenda modules:

Now the Agenda page:

Now the Documentos module:

Now the Portal Cliente module: