Add Tactical Monolith design system and landing page to web app

Set up Tailwind CSS v4 with full design token system from Stitch project (obsidian surfaces, neon cyan/magenta/lime palette, Space Grotesk + Inter typography, 0px border-radius). Landing page includes hero section, side nav, module cards, system status panels, terminal log, and CRT overlay.
2026-03-20 20:24:19 +00:00
parent 18b2564c8e
commit 3d61911868
9 changed files with 1039 additions and 70 deletions
--- a/apps/web/DESIGN.md
+++ b/apps/web/DESIGN.md
@@ -0,0 +1,94 @@
+# Design System Documentation: The Tactical Monolith
+
+## 1. Overview & Creative North Star
+**Creative North Star: The Tactical Monolith**
+
+This design system is built to evoke the sensation of interacting with a high-clearance orbital research terminal. Inspired by the brutalist, data-heavy aesthetic of *Marathon* and the high-fidelity grit of neon-punk, this system rejects "soft" modernism in favor of **Authoritative Utility**.
+
+We achieve a premium feel not through decoration, but through extreme precision. The design breaks the "template" look by utilizing a strict 0px border-radius across all elements, creating a sense of indestructible, industrial hardware. We leverage intentional asymmetry—placing heavy data blocks against expansive voids—and high-contrast typography scales to ensure the UI feels like a functional tool rather than a marketing site.
+
+---
+
+## 2. Colors & Surface Architecture
+The palette is rooted in deep obsidian (`surface`) and punctuated by high-frequency neons.
+
+### The "No-Line" Rule
+Standard 1px borders are strictly prohibited for sectioning. Structural boundaries must be defined solely through:
+1.  **Tonal Shifts:** Placing a `surface_container_low` section against a `surface` background.
+2.  **Color Blocking:** Using a high-contrast `primary` or `secondary` block to terminate a layout section.
+
+### Surface Hierarchy & Nesting
+Treat the interface as a physical stack of hardware modules.
+*   **Base Layer:** `surface` (#0b0f10) or `surface_container_lowest` (#000000) for the deep background.
+*   **Module Layer:** Use `surface_container` (#151a1c) for primary content areas.
+*   **Active Layer:** Use `surface_bright` (#272d2f) for interactive or elevated data modules.
+Each inner container should be at least one tier higher or lower than its parent to define its importance without needing a stroke.
+
+### The "Glass & Gradient" Rule
+To add "soul" to the utilitarian grid, use Glassmorphism for floating HUD elements. Apply `surface_container_high` at 60% opacity with a `backdrop-filter: blur(20px)`.
+**Signature Textures:** Incorporate subtle linear gradients (e.g., `primary` to `primary_container`) on hero CTAs to simulate the glow of a phosphor monitor.
+
+---
+
+## 3. Typography: The Industrial Voice
+The typography is a dialogue between two distinct voices: the **Command Voice** (Space Grotesk) and the **Data Stream** (Inter).
+
+*   **Display & Headlines (Space Grotesk):** These should feel massive and structural. Use `display-lg` for hero statements, ensuring tight letter-spacing (-0.02em) to mimic industrial stamping.
+*   **Body & Titles (Inter):** High-readability sans-serif for technical descriptions.
+*   **Labels (Space Grotesk):** All-caps monospaced-style accents used for metadata, status indicators, and micro-copy.
+*   **Hierarchy as Identity:** Use a dramatic scale jump between `display-lg` and `label-sm` to create a "technical blueprint" feel. Titles should often be accompanied by a `label-sm` prefix (e.g., "01 // ARCHIVE") to reinforce the lab aesthetic.
+
+---
+
+## 4. Elevation & Depth: Tonal Layering
+In a world of 0px radius and dark mode, depth is created through light and atmosphere, not shadows.
+
+*   **The Layering Principle:** Avoid "drop shadows" on cards. Instead, stack `surface_container_highest` on top of `surface_container_low`. The contrast in luminosity provides the "lift."
+*   **Ambient Shadows:** If a floating element (like a modal) requires a shadow, use a large, 64px blur with 8% opacity using the `primary` color (#aaffdc) to create a "neon glow" rather than a grey shadow.
+*   **The "Ghost Border" Fallback:** For input fields or secondary containers, use a "Ghost Border": the `outline_variant` token at 15% opacity. This provides just enough definition for accessibility without breaking the monolithic aesthetic.
+*   **Atmospheric Layers:** Overlay a 2px scanline pattern (linear-gradient) at 3% opacity over the entire viewport to simulate a CRT terminal.
+
+---
+
+## 5. Components
+
+### Buttons
+*   **Primary:** Solid `primary` background with `on_primary` text. 0px radius. Hover state: `primary_dim` with a 1px "glitch" offset (shift the button 2px right/down).
+*   **Secondary:** Ghost style. `outline` color at 20% opacity for the border. On hover, fills with `secondary` (#ff51fa) and shifts text to `on_secondary`.
+*   **Tertiary:** Text only in `tertiary` (#f3ffca), prefixed with a geometric icon (e.g., `[>]`).
+
+### Chips (Data Tags)
+*   Used for status (e.g., "STABLE", "ERROR").
+*   Style: Solid `surface_container_highest` background, `label-sm` typography. Status-specific accents use `error` (#ff716c) or `primary`.
+
+### Lists & Data Grids
+*   **Forbid Divider Lines.** Separate list items using the spacing scale (e.g., `spacing.4` gap) or alternating backgrounds (`surface_container_low` vs `surface_container_highest`).
+*   Include a `label-sm` timestamp or hex-code for every list item to maintain the lab aesthetic.
+
+### Input Fields
+*   **Text Inputs:** Rectangular, `surface_container_low` background.
+*   **Indicator:** A 2px vertical bar of `primary` on the left side of the input to indicate focus, rather than a full-box outline.
+*   **Helper Text:** Use `label-sm` in `on_surface_variant`.
+
+### Tooltips
+*   High-contrast: `tertiary` (#f3ffca) background with `on_tertiary` text.
+*   0px radius. Appears instantly (no fade) to mimic terminal responsiveness.
+
+---
+
+## 6. Do's and Don'ts
+
+### Do:
+*   **Do** use the Spacing Scale strictly. Gaps should feel intentional and rhythmic.
+*   **Do** use "UI Glitches" (chromatic aberration or slight element offsets) sparingly on hover states or page transitions.
+*   **Do** use bold, geometric iconography (strokes of 2px+) that aligns with the 0px corner logic.
+*   **Do** leverage the `secondary` magenta and `tertiary` lime for critical alerts and "live" data streams.
+
+### Don't:
+*   **Don't** use a border-radius > 0px. Ever.
+*   **Don't** use standard "web safe" blue for links. Use `primary` (cyan) or `secondary` (magenta).
+*   **Don't** use soft transitions. Prefer "hard" cuts or rapid 150ms linear eases to maintain a technical, high-performance feel.
+*   **Don't** center-align long-form text. Keep everything left-aligned to a rigid grid to maintain the "log file" aesthetic.
+
+### Accessibility Note:
+While we utilize high-contrast neons, ensure that all `on_surface` text maintains at least a 4.5:1 contrast ratio against its respective `surface_container`. When using neons like `tertiary` for background elements, always use the dedicated `on_tertiary` (#516700) for text to ensure legibility.
--- a/apps/web/next-env.d.ts
+++ b/apps/web/next-env.d.ts
@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+/// <reference path="./.next/types/routes.d.ts" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -10,9 +10,12 @@
    "test": "echo \"no tests yet\""
  },
  "dependencies": {
+    "@tailwindcss/postcss": "^4.2.2",
    "next": "^15.1.0",
+    "postcss": "^8.5.8",
    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.2.2"
  },
  "devDependencies": {
    "@types/node": "^22.10.0",
--- a/apps/web/postcss.config.mjs
+++ b/apps/web/postcss.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -0,0 +1,115 @@
+@import "tailwindcss";
+
+@theme {
+  /* Surface Architecture */
+  --color-background: #0b0f10;
+  --color-surface: #0b0f10;
+  --color-surface-dim: #0b0f10;
+  --color-surface-bright: #272d2f;
+  --color-surface-variant: #212728;
+  --color-surface-container-lowest: #000000;
+  --color-surface-container-low: #101415;
+  --color-surface-container: #151a1c;
+  --color-surface-container-high: #1b2022;
+  --color-surface-container-highest: #212728;
+  --color-surface-tint: #aaffdc;
+
+  /* Primary — Cyan */
+  --color-primary: #aaffdc;
+  --color-primary-dim: #00edb4;
+  --color-primary-container: #00fdc1;
+  --color-primary-fixed: #00fdc1;
+  --color-primary-fixed-dim: #00edb4;
+  --color-on-primary: #00654b;
+  --color-on-primary-container: #005c44;
+  --color-on-primary-fixed: #004734;
+  --color-on-primary-fixed-variant: #00664c;
+  --color-inverse-primary: #006c51;
+
+  /* Secondary — Magenta */
+  --color-secondary: #ff51fa;
+  --color-secondary-dim: #ff51fa;
+  --color-secondary-container: #a900a9;
+  --color-secondary-fixed: #ffbdf3;
+  --color-secondary-fixed-dim: #ffa6f3;
+  --color-on-secondary: #400040;
+  --color-on-secondary-container: #fff5f9;
+  --color-on-secondary-fixed: #620061;
+  --color-on-secondary-fixed-variant: #920091;
+
+  /* Tertiary — Lime */
+  --color-tertiary: #f3ffca;
+  --color-tertiary-dim: #beee00;
+  --color-tertiary-container: #cafd00;
+  --color-tertiary-fixed: #cafd00;
+  --color-tertiary-fixed-dim: #beee00;
+  --color-on-tertiary: #516700;
+  --color-on-tertiary-container: #4a5e00;
+  --color-on-tertiary-fixed: #3a4a00;
+  --color-on-tertiary-fixed-variant: #526900;
+
+  /* Error */
+  --color-error: #ff716c;
+  --color-error-dim: #d7383b;
+  --color-error-container: #9f0519;
+  --color-on-error: #490006;
+  --color-on-error-container: #ffa8a3;
+
+  /* On-surface */
+  --color-on-background: #fafdfe;
+  --color-on-surface: #fafdfe;
+  --color-on-surface-variant: #a8acad;
+  --color-inverse-surface: #f7fafb;
+  --color-inverse-on-surface: #525657;
+
+  /* Outline */
+  --color-outline: #727677;
+  --color-outline-variant: #44494a;
+
+  /* Typography */
+  --font-headline: "Space Grotesk", sans-serif;
+  --font-body: "Inter", sans-serif;
+  --font-label: "Space Grotesk", sans-serif;
+
+  /* 0px border radius — enforced globally */
+  --radius: 0px;
+  --radius-lg: 0px;
+  --radius-xl: 0px;
+}
+
+/* Scanline CRT overlay */
+.scanlines {
+  background: linear-gradient(
+      rgba(18, 16, 16, 0) 50%,
+      rgba(0, 0, 0, 0.2) 50%
+    ),
+    linear-gradient(
+      90deg,
+      rgba(255, 0, 0, 0.03),
+      rgba(0, 255, 0, 0.01),
+      rgba(0, 0, 255, 0.03)
+    );
+  background-size: 100% 2px, 3px 100%;
+  pointer-events: none;
+}
+
+/* Glitch hover effect */
+.glitch-hover:hover {
+  text-shadow: 2px 0 #ff51fa, -2px 0 #00fdc1;
+}
+
+/* Ghost border — monolith inset shadow */
+.monolith-border {
+  box-shadow: inset 0 0 0 1px rgba(170, 255, 220, 0.1);
+}
+
+/* Crosshair cursor */
+body {
+  cursor: crosshair;
+}
+
+/* Selection colors */
+::selection {
+  background-color: var(--color-primary-container);
+  color: var(--color-on-primary-container);
+}
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -1,8 +1,10 @@
 import type { Metadata } from "next";
+import "./globals.css";

 export const metadata: Metadata = {
-  title: "Homelab",
-  description: "Self-hosted applications",
+  title: "COREWORLDS.IO // TACTICAL_TERMINAL",
+  description:
+    "Interface with the Coreworlds terminal. A high-clearance orbital research module.",
 };

 export default function RootLayout({
@@ -11,8 +13,22 @@ export default function RootLayout({
  children: React.ReactNode;
 }) {
  return (
-    <html lang="en">
-      <body>{children}</body>
+    <html lang="en" className="dark">
+      <head>
+        <link
+          href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700;900&family=Inter:wght@300;400;600&display=swap"
+          rel="stylesheet"
+        />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
+          rel="stylesheet"
+        />
+      </head>
+      <body className="bg-background text-on-surface font-body overflow-x-hidden">
+        {/* Global CRT Overlay */}
+        <div className="fixed inset-0 z-[100] scanlines opacity-30 pointer-events-none" />
+        {children}
+      </body>
    </html>
  );
 }
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -1,8 +1,374 @@
-export default function Home() {
+function Icon({ name, fill }: { name: string; fill?: boolean }) {
  return (
-    <main style={{ padding: "2rem", fontFamily: "system-ui, sans-serif" }}>
-      <h1>Homelab</h1>
-      <p>Self-hosted applications running on k3s.</p>
-    </main>
+    <span
+      className="material-symbols-outlined"
+      style={
+        fill ? { fontVariationSettings: "'FILL' 1" } : undefined
+      }
+    >
+      {name}
+    </span>
+  );
+}
+
+export default function Home() {
+  return (
+    <>
+      {/* Top App Bar */}
+      <header className="fixed top-0 w-full z-50 flex justify-between items-center px-6 h-16 bg-background border-b-2 border-primary/10">
+        <div className="text-2xl font-black text-primary tracking-tighter font-headline">
+          COREWORLDS.IO
+        </div>
+        <nav className="hidden md:flex gap-8 items-center">
+          <a
+            className="font-headline tracking-tighter uppercase font-bold text-sm text-primary border-b-2 border-primary pb-1"
+            href="#"
+          >
+            PROJECTS
+          </a>
+          <a
+            className="font-headline tracking-tighter uppercase font-bold text-sm text-slate-500 hover:text-primary/70 transition-all duration-150 ease-linear"
+            href="#"
+          >
+            TERMINAL
+          </a>
+          <a
+            className="font-headline tracking-tighter uppercase font-bold text-sm text-slate-500 hover:text-primary/70 transition-all duration-150 ease-linear"
+            href="#"
+          >
+            ARCHIVE
+          </a>
+          <a
+            className="font-headline tracking-tighter uppercase font-bold text-sm text-slate-500 hover:text-primary/70 transition-all duration-150 ease-linear"
+            href="#"
+          >
+            SYSTEM
+          </a>
+        </nav>
+        <div className="flex items-center gap-4">
+          <button className="p-2 text-primary hover:bg-surface-bright transition-all duration-150 ease-linear active:translate-x-0.5 active:translate-y-0.5">
+            <Icon name="sensors" />
+          </button>
+          <button className="p-2 text-primary hover:bg-surface-bright transition-all duration-150 ease-linear active:translate-x-0.5 active:translate-y-0.5">
+            <Icon name="settings_input_component" />
+          </button>
+          <button className="bg-primary text-on-primary px-4 py-1 text-xs font-black tracking-widest font-headline hover:bg-primary-dim transition-colors">
+            TERMINAL_INIT
+          </button>
+        </div>
+      </header>
+
+      {/* Side Nav Bar */}
+      <aside className="fixed left-0 top-16 h-[calc(100vh-64px)] w-64 bg-surface-container hidden lg:flex flex-col border-r border-primary/5">
+        <div className="p-6 border-b border-primary/10 bg-background">
+          <span className="font-headline text-[10px] tracking-[0.3em] text-slate-500 block mb-1">
+            01 // LAB_MODULES
+          </span>
+          <h2 className="font-headline text-xs font-black tracking-widest text-primary">
+            DIRECTORY
+          </h2>
+        </div>
+        <nav className="flex-grow py-4 overflow-y-auto">
+          <div className="group flex items-center bg-primary text-on-primary font-bold p-3 font-headline text-xs tracking-widest">
+            <Icon name="psychology" fill />
+            <span className="ml-3">NEURAL_NETS</span>
+          </div>
+          {[
+            { icon: "rocket_launch", label: "ORBITAL_MECHANICS" },
+            { icon: "ac_unit", label: "CRYO_STORAGE" },
+            { icon: "memory", label: "QUANTUM_LOGS" },
+            { icon: "fingerprint", label: "BIOMETRICS" },
+          ].map((item) => (
+            <a
+              key={item.label}
+              className="group flex items-center text-slate-400 p-3 hover:bg-surface-bright hover:text-primary transition-colors duration-100 font-headline text-xs tracking-widest hover:border-l-4 border-primary"
+              href="#"
+            >
+              <Icon name={item.icon} />
+              <span className="ml-3">{item.label}</span>
+            </a>
+          ))}
+        </nav>
+        <div className="p-4 bg-background">
+          <button className="w-full py-4 border-2 border-primary text-primary font-headline font-black text-xs tracking-[0.2em] hover:bg-primary hover:text-on-primary transition-all">
+            INITIALIZE_BUILD
+          </button>
+        </div>
+      </aside>
+
+      {/* Main Canvas */}
+      <main className="lg:ml-64 mt-16 p-6 lg:p-12 min-h-screen">
+        {/* Hero Section */}
+        <section className="grid grid-cols-12 gap-6 mb-12">
+          <div className="col-span-12 xl:col-span-8 relative bg-surface-container p-8 lg:p-12 monolith-border flex flex-col justify-end min-h-[500px] overflow-hidden">
+            <div className="absolute top-0 right-0 p-4 font-headline text-[10px] text-primary/30 tracking-widest">
+              SYS_STATUS: OPTIMAL
+              <br />
+              UPLINK: ACTIVE_088
+            </div>
+            <div className="absolute inset-0 opacity-20 mix-blend-screen pointer-events-none">
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img
+                alt="Technical abstract digital geometric lines and data points"
+                className="w-full h-full object-cover"
+                src="https://lh3.googleusercontent.com/aida-public/AB6AXuCR_KCcE02_UJsE6Pyhimm1rRIXp-qCInzqAFOL4MMvw4vorg-PWYZmxaJduHvjqvEA21gY0MbiadLCkb84slM0QKrhhYr99dx0PmG4MimuVe3ZqF5uEDAA4mgWO7vIFIFEt9vLgttTgDcrJBj4YCtPIXgJykmBj7yVxswa7C9fOHzq7e8CNa7ZhyQI_6nXFu_yPWbeuBnF4d8yKE8V6xYpSoQI9-AUcVvwrOjLXsgXZHU63hq5uTAo3JRkgE03cty2LuLhGqgIffw"
+              />
+            </div>
+            <div className="relative z-10">
+              <div className="flex items-center gap-2 mb-4">
+                <span className="px-2 py-0.5 bg-primary text-on-primary font-headline text-[10px] font-black tracking-widest">
+                  ESTABLISHED 2024
+                </span>
+                <span className="text-primary font-headline text-[10px] tracking-widest">
+                  // SECURE_NODE_7
+                </span>
+              </div>
+              <h1 className="font-headline text-5xl lg:text-7xl font-black tracking-tighter text-on-surface leading-[0.9] mb-6 uppercase italic">
+                The Tactical <br />
+                <span className="text-primary">Monolith</span>
+              </h1>
+              <p className="max-w-xl text-on-surface-variant font-body text-lg leading-relaxed mb-8">
+                Interface with the Coreworlds terminal. A high-clearance orbital
+                research module designed for precision system management and
+                orbital asset deployment.
+              </p>
+              <div className="flex flex-wrap gap-4">
+                <button className="px-8 py-4 bg-primary text-on-primary font-headline font-black tracking-widest hover:translate-x-1 hover:translate-y-1 transition-transform">
+                  EXECUTE_PROTOCOL
+                </button>
+                <button className="px-8 py-4 border border-outline-variant text-on-surface font-headline font-black tracking-widest hover:bg-secondary hover:text-on-secondary transition-all">
+                  SYSTEM_SPECS
+                </button>
+              </div>
+            </div>
+          </div>
+
+          {/* Bento Status Cards */}
+          <div className="col-span-12 xl:col-span-4 grid grid-rows-2 gap-6">
+            <div className="bg-surface-container-high p-6 monolith-border flex flex-col justify-between">
+              <div>
+                <div className="flex justify-between items-start mb-4">
+                  <h3 className="font-headline text-xs font-black tracking-widest text-primary">
+                    CORE_TEMP
+                  </h3>
+                  <span
+                    className="material-symbols-outlined text-primary"
+                    style={{ fontVariationSettings: "'FILL' 1" }}
+                  >
+                    thermostat
+                  </span>
+                </div>
+                <div className="text-4xl font-headline font-black text-on-surface tracking-tighter">
+                  32.4
+                  <span className="text-primary-container text-xl italic">
+                    °C
+                  </span>
+                </div>
+              </div>
+              <div className="w-full bg-surface-container-lowest h-1.5 mt-4">
+                <div className="bg-primary h-full w-[65%]" />
+              </div>
+              <div className="mt-2 text-[10px] font-headline text-on-surface-variant tracking-widest flex justify-between">
+                <span>STABLE_STATE</span>
+                <span>0XFF241</span>
+              </div>
+            </div>
+
+            <div className="bg-surface-container-high p-6 monolith-border relative overflow-hidden">
+              <div className="absolute -right-4 -bottom-4 opacity-10">
+                <span className="material-symbols-outlined text-9xl">
+                  memory
+                </span>
+              </div>
+              <h3 className="font-headline text-xs font-black tracking-widest text-secondary mb-4">
+                ACTIVE_PROCESSES
+              </h3>
+              <ul className="space-y-2 relative z-10">
+                {[
+                  { name: "NEURAL_SYNC_V2", status: "RUNNING", color: "text-primary" },
+                  { name: "CRYPTO_MESH_04", status: "RUNNING", color: "text-primary" },
+                  { name: "RADAR_SWEEP", status: "STANDBY", color: "text-secondary" },
+                  { name: "ORBITAL_ALIGN", status: "FAILURE", color: "text-error" },
+                ].map((proc, i, arr) => (
+                  <li
+                    key={proc.name}
+                    className={`flex justify-between font-headline text-[10px] tracking-widest ${i < arr.length - 1 ? "border-b border-outline-variant/20 pb-1" : ""}`}
+                  >
+                    <span className="text-on-surface">{proc.name}</span>
+                    <span className={proc.color}>{proc.status}</span>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          </div>
+        </section>
+
+        {/* Project Showcase Section */}
+        <section className="mb-24">
+          <div className="flex flex-col md:flex-row justify-between items-end mb-8 gap-4">
+            <div>
+              <span className="font-headline text-xs text-secondary font-black tracking-[0.4em] uppercase">
+                Phase_02
+              </span>
+              <h2 className="font-headline text-4xl font-black tracking-tighter text-on-surface">
+                LAB_MODULES
+              </h2>
+            </div>
+            <div className="text-[10px] font-headline text-on-surface-variant tracking-widest text-right">
+              TOTAL_BUILD_COUNT: 12
+              <br />
+              REVISION: STABLE_V.4.2
+            </div>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-1">
+            {/* Module Card 1 — Primary */}
+            <div className="bg-surface-container p-6 group hover:bg-surface-bright transition-colors cursor-pointer border border-outline-variant/10">
+              <div className="flex justify-between items-start mb-8">
+                <div className="w-12 h-12 bg-primary flex items-center justify-center">
+                  <Icon name="hexagon" />
+                </div>
+                <span className="text-[10px] font-headline text-primary opacity-50 font-bold">MOD_01</span>
+              </div>
+              <h3 className="font-headline text-xl font-black text-on-surface mb-2 tracking-tight group-hover:text-primary transition-colors">VANGUARD_CORE</h3>
+              <p className="text-sm text-on-surface-variant mb-6 font-body leading-relaxed">
+                High-density logic processing unit for sub-orbital navigation arrays and tactical mapping.
+              </p>
+              <div className="flex items-center gap-4 pt-4 border-t border-outline-variant/20">
+                <div className="flex flex-col">
+                  <span className="text-[9px] font-headline text-on-surface-variant">THROUGHPUT</span>
+                  <span className="text-xs font-headline font-black text-on-surface">1.2 TB/S</span>
+                </div>
+                <div className="flex flex-col">
+                  <span className="text-[9px] font-headline text-on-surface-variant">LATENCY</span>
+                  <span className="text-xs font-headline font-black text-primary">0.04 MS</span>
+                </div>
+              </div>
+            </div>
+
+            {/* Module Card 2 — Secondary */}
+            <div className="bg-surface-container p-6 group hover:bg-surface-bright transition-colors cursor-pointer border border-outline-variant/10">
+              <div className="flex justify-between items-start mb-8">
+                <div className="w-12 h-12 bg-secondary flex items-center justify-center">
+                  <Icon name="waves" />
+                </div>
+                <span className="text-[10px] font-headline text-secondary opacity-50 font-bold">MOD_02</span>
+              </div>
+              <h3 className="font-headline text-xl font-black text-on-surface mb-2 tracking-tight group-hover:text-secondary transition-colors">NEON_PULSE</h3>
+              <p className="text-sm text-on-surface-variant mb-6 font-body leading-relaxed">
+                Signal amplification module utilizing mercury-cooled superconductors for long-range comms.
+              </p>
+              <div className="flex items-center gap-4 pt-4 border-t border-outline-variant/20">
+                <div className="flex flex-col">
+                  <span className="text-[9px] font-headline text-on-surface-variant">FREQ_RANGE</span>
+                  <span className="text-xs font-headline font-black text-on-surface">900 GHZ</span>
+                </div>
+                <div className="flex flex-col">
+                  <span className="text-[9px] font-headline text-on-surface-variant">STATUS</span>
+                  <span className="text-xs font-headline font-black text-secondary">ACTIVE</span>
+                </div>
+              </div>
+            </div>
+
+            {/* Module Card 3 — Tertiary */}
+            <div className="bg-surface-container p-6 group hover:bg-surface-bright transition-colors cursor-pointer border border-outline-variant/10">
+              <div className="flex justify-between items-start mb-8">
+                <div className="w-12 h-12 bg-tertiary flex items-center justify-center">
+                  <span className="material-symbols-outlined text-on-tertiary text-2xl">shield</span>
+                </div>
+                <span className="text-[10px] font-headline text-tertiary opacity-50 font-bold">MOD_03</span>
+              </div>
+              <h3 className="font-headline text-xl font-black text-on-surface mb-2 tracking-tight group-hover:text-tertiary transition-colors">AEGIS_LOGIC</h3>
+              <p className="text-sm text-on-surface-variant mb-6 font-body leading-relaxed">
+                Cryptographic defense layer for multi-tenant cloud architectures and quantum threat mitigation.
+              </p>
+              <div className="flex items-center gap-4 pt-4 border-t border-outline-variant/20">
+                <div className="flex flex-col">
+                  <span className="text-[9px] font-headline text-on-surface-variant">ENCRYPTION</span>
+                  <span className="text-xs font-headline font-black text-on-surface">AES_512Q</span>
+                </div>
+                <div className="flex flex-col">
+                  <span className="text-[9px] font-headline text-on-surface-variant">UPTIME</span>
+                  <span className="text-xs font-headline font-black text-tertiary">99.99%</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        {/* Technical Data Section */}
+        <section className="grid grid-cols-12 gap-6 mb-12">
+          <div className="col-span-12 lg:col-span-4 bg-surface-container-low p-8 monolith-border">
+            <h4 className="font-headline text-xs font-black tracking-widest text-primary mb-6">
+              SYSTEM_INTEGRITY
+            </h4>
+            <div className="space-y-6">
+              {[
+                { label: "MEM_LOAD", value: "88%", width: "88%", color: "bg-primary" },
+                { label: "CPU_STRESS", value: "42%", width: "42%", color: "bg-secondary" },
+                { label: "STORAGE_CAP", value: "12PB", width: "60%", color: "bg-on-surface" },
+              ].map((bar) => (
+                <div key={bar.label}>
+                  <div className="flex justify-between text-[10px] font-headline text-on-surface mb-2 tracking-widest">
+                    <span>{bar.label}</span>
+                    <span>{bar.value}</span>
+                  </div>
+                  <div className="w-full h-1 bg-surface-container-highest">
+                    <div
+                      className={`h-full ${bar.color}`}
+                      style={{ width: bar.width }}
+                    />
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          <div className="col-span-12 lg:col-span-8 bg-surface-container-highest monolith-border p-1 relative overflow-hidden">
+            <div className="bg-surface p-6 h-full flex flex-col justify-between">
+              <div className="flex justify-between items-center mb-4">
+                <div className="flex gap-2">
+                  <div className="w-2 h-2 bg-error" />
+                  <div className="w-2 h-2 bg-primary" />
+                  <div className="w-2 h-2 bg-secondary" />
+                </div>
+                <span className="font-headline text-[10px] text-on-surface-variant tracking-[0.2em]">
+                  LIVE_FEED // TERMINAL_LOG
+                </span>
+              </div>
+              <div className="font-headline text-[11px] text-primary/80 space-y-1 overflow-hidden h-40">
+                <p>&gt; INITIALIZING_CORE_BOOT...</p>
+                <p>&gt; [OK] LOADING_KERNEL_MODULES</p>
+                <p>&gt; [OK] MOUNTING_FS_ORBITAL</p>
+                <p>&gt; [WARN] LATENCY_SPIKE_DETECTED_SECTOR_04</p>
+                <p>&gt; RE-ROUTING_TRAFFIC_VIA_ARCHIVE_NODE</p>
+                <p>&gt; [OK] HANDSHAKE_ESTABLISHED_TERMINAL_B</p>
+                <p>&gt; ACCESS_GRANTED: USER_LEVEL_05</p>
+                <p className="animate-pulse">&gt; _</p>
+              </div>
+            </div>
+          </div>
+        </section>
+      </main>
+
+      {/* Footer */}
+      <footer className="w-full py-8 px-12 flex flex-col md:flex-row justify-between items-center gap-4 bg-surface-container-lowest border-t-4 border-surface-container">
+        <div className="text-primary font-bold font-headline text-[10px] uppercase tracking-[0.2em]">
+          &copy; 2024 COREWORLDS_TERMINAL. ALL RIGHTS RESERVED.
+          [STABLE_BUILD_V4.2]
+        </div>
+        <div className="flex gap-8">
+          {["DOCS", "API_REF", "SENSORS", "UPLINK"].map((link) => (
+            <a
+              key={link}
+              className="font-headline text-[10px] uppercase tracking-[0.2em] text-slate-600 hover:text-secondary transition-colors duration-150 hover:skew-x-2"
+              href="#"
+            >
+              {link}
+            </a>
+          ))}
+        </div>
+      </footer>
+    </>
  );
 }
--- a/apps/web/tsconfig.json
+++ b/apps/web/tsconfig.json
@@ -1,7 +1,11 @@
 {
  "compilerOptions": {
    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
@@ -13,9 +17,24 @@
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
-    "plugins": [{ "name": "next" }],
-    "paths": { "@/*": ["./src/*"] }
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    }
  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "next-env.d.ts",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,7 +35,7 @@ importers:
        version: 22.19.15
      tsup:
        specifier: ^8.3.0
-        version: 8.5.1(postcss@8.4.31)(tsx@4.21.0)(typescript@5.9.3)
+        version: 8.5.1(jiti@2.6.1)(postcss@8.5.8)(tsx@4.21.0)(typescript@5.9.3)
      tsx:
        specifier: ^4.19.0
        version: 4.21.0
@@ -45,15 +45,24 @@ importers:

  apps/web:
    dependencies:
+      '@tailwindcss/postcss':
+        specifier: ^4.2.2
+        version: 4.2.2
      next:
        specifier: ^15.1.0
        version: 15.5.14(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
+      postcss:
+        specifier: ^8.5.8
+        version: 8.5.8
      react:
        specifier: ^19.0.0
        version: 19.2.4
      react-dom:
        specifier: ^19.0.0
        version: 19.2.4(react@19.2.4)
+      tailwindcss:
+        specifier: ^4.2.2
+        version: 4.2.2
    devDependencies:
      '@types/node':
        specifier: ^22.10.0
@@ -72,10 +81,10 @@ importers:
    dependencies:
      eslint-config-next:
        specifier: ^15.1.0
-        version: 15.5.14(eslint@9.39.4)(typescript@5.9.3)
+        version: 15.5.14(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
      eslint-config-prettier:
        specifier: ^9.1.0
-        version: 9.1.2(eslint@9.39.4)
+        version: 9.1.2(eslint@9.39.4(jiti@2.6.1))

  packages/config-typescript: {}

@@ -110,6 +119,10 @@ importers:

 packages:

+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
  '@drizzle-team/brocli@0.10.2':
    resolution: {integrity: sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w==}

@@ -750,6 +763,9 @@ packages:
  '@jridgewell/gen-mapping@0.3.13':
    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}

+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
  '@jridgewell/resolve-uri@3.1.2':
    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
    engines: {node: '>=6.0.0'}
@@ -967,6 +983,94 @@ packages:
  '@swc/helpers@0.5.15':
    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}

+  '@tailwindcss/node@4.2.2':
+    resolution: {integrity: sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==}
+
+  '@tailwindcss/oxide-android-arm64@4.2.2':
+    resolution: {integrity: sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.2.2':
+    resolution: {integrity: sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.2.2':
+    resolution: {integrity: sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.2.2':
+    resolution: {integrity: sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
+    resolution: {integrity: sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
+    resolution: {integrity: sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
+    resolution: {integrity: sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
+    resolution: {integrity: sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.2.2':
+    resolution: {integrity: sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.2.2':
+    resolution: {integrity: sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
+    resolution: {integrity: sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
+    resolution: {integrity: sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.2.2':
+    resolution: {integrity: sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/postcss@4.2.2':
+    resolution: {integrity: sha512-n4goKQbW8RVXIbNKRB/45LzyUqN451deQK0nzIeauVEqjlI49slUlgKYJM2QyUzap/PcpnS7kzSUmPb1sCRvYQ==}
+
  '@turbo/darwin-64@2.8.20':
    resolution: {integrity: sha512-FQ9EX1xMU5nbwjxXxM3yU88AQQ6Sqc6S44exPRroMcx9XZHqqppl5ymJF0Ig/z3nvQNwDmz1Gsnvxubo+nXWjQ==}
    cpu: [x64]
@@ -1582,6 +1686,10 @@ packages:
    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
    engines: {node: '>= 0.8'}

+  enhanced-resolve@5.20.1:
+    resolution: {integrity: sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==}
+    engines: {node: '>=10.13.0'}
+
  es-abstract@1.24.1:
    resolution: {integrity: sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw==}
    engines: {node: '>= 0.4'}
@@ -1892,6 +2000,9 @@ packages:
    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
    engines: {node: '>= 0.4'}

+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
  has-bigints@1.1.0:
    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
    engines: {node: '>= 0.4'}
@@ -2067,6 +2178,10 @@ packages:
    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
    engines: {node: '>= 0.4'}

+  jiti@2.6.1:
+    resolution: {integrity: sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==}
+    hasBin: true
+
  joycon@3.1.1:
    resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
    engines: {node: '>=10'}
@@ -2109,6 +2224,76 @@ packages:
    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
    engines: {node: '>= 0.8.0'}

+  lightningcss-android-arm64@1.32.0:
+    resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.32.0:
+    resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.32.0:
+    resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.32.0:
+    resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.32.0:
+    resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.32.0:
+    resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
+    engines: {node: '>= 12.0.0'}
+
  lilconfig@3.1.3:
    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
    engines: {node: '>=14'}
@@ -2355,6 +2540,10 @@ packages:
    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
    engines: {node: ^10 || ^12 || >=14}

+  postcss@8.5.8:
+    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
+    engines: {node: ^10 || ^12 || >=14}
+
  postgres@3.4.8:
    resolution: {integrity: sha512-d+JFcLM17njZaOLkv6SCev7uoLaBtfK86vMUXhW1Z4glPWh4jozno9APvW/XKFJ3CCxVoC7OL38BqRydtu5nGg==}
    engines: {node: '>=12'}
@@ -2615,6 +2804,13 @@ packages:
    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
    engines: {node: '>= 0.4'}

+  tailwindcss@4.2.2:
+    resolution: {integrity: sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==}
+
+  tapable@2.3.0:
+    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
+    engines: {node: '>=6'}
+
  thenify-all@1.6.0:
    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
    engines: {node: '>=0.8'}
@@ -2772,6 +2968,8 @@ packages:

 snapshots:

+  '@alloc/quick-lru@5.2.0': {}
+
  '@drizzle-team/brocli@0.10.2': {}

  '@emnapi/core@1.9.1':
@@ -3013,9 +3211,9 @@ snapshots:
  '@esbuild/win32-x64@0.27.4':
    optional: true

-  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4)':
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4(jiti@2.6.1))':
    dependencies:
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)
      eslint-visitor-keys: 3.4.3

  '@eslint-community/regexpp@4.12.2': {}
@@ -3172,6 +3370,11 @@ snapshots:
      '@jridgewell/sourcemap-codec': 1.5.5
      '@jridgewell/trace-mapping': 0.3.31

+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
  '@jridgewell/resolve-uri@3.1.2': {}

  '@jridgewell/sourcemap-codec@1.5.5': {}
@@ -3315,6 +3518,75 @@ snapshots:
    dependencies:
      tslib: 2.8.1

+  '@tailwindcss/node@4.2.2':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.20.1
+      jiti: 2.6.1
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.2.2
+
+  '@tailwindcss/oxide-android-arm64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
+    optional: true
+
+  '@tailwindcss/oxide@4.2.2':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.2.2
+      '@tailwindcss/oxide-darwin-arm64': 4.2.2
+      '@tailwindcss/oxide-darwin-x64': 4.2.2
+      '@tailwindcss/oxide-freebsd-x64': 4.2.2
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.2.2
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.2.2
+      '@tailwindcss/oxide-linux-arm64-musl': 4.2.2
+      '@tailwindcss/oxide-linux-x64-gnu': 4.2.2
+      '@tailwindcss/oxide-linux-x64-musl': 4.2.2
+      '@tailwindcss/oxide-wasm32-wasi': 4.2.2
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.2.2
+      '@tailwindcss/oxide-win32-x64-msvc': 4.2.2
+
+  '@tailwindcss/postcss@4.2.2':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.2.2
+      '@tailwindcss/oxide': 4.2.2
+      postcss: 8.5.8
+      tailwindcss: 4.2.2
+
  '@turbo/darwin-64@2.8.20':
    optional: true

@@ -3397,15 +3669,15 @@ snapshots:
      '@types/http-errors': 2.0.5
      '@types/node': 22.19.15

-  '@typescript-eslint/eslint-plugin@8.57.1(@typescript-eslint/parser@8.57.1(eslint@9.39.4)(typescript@5.9.3))(eslint@9.39.4)(typescript@5.9.3)':
+  '@typescript-eslint/eslint-plugin@8.57.1(@typescript-eslint/parser@8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
    dependencies:
      '@eslint-community/regexpp': 4.12.2
-      '@typescript-eslint/parser': 8.57.1(eslint@9.39.4)(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
      '@typescript-eslint/scope-manager': 8.57.1
-      '@typescript-eslint/type-utils': 8.57.1(eslint@9.39.4)(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.57.1(eslint@9.39.4)(typescript@5.9.3)
+      '@typescript-eslint/type-utils': 8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
      '@typescript-eslint/visitor-keys': 8.57.1
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)
      ignore: 7.0.5
      natural-compare: 1.4.0
      ts-api-utils: 2.5.0(typescript@5.9.3)
@@ -3413,14 +3685,14 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  '@typescript-eslint/parser@8.57.1(eslint@9.39.4)(typescript@5.9.3)':
+  '@typescript-eslint/parser@8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
    dependencies:
      '@typescript-eslint/scope-manager': 8.57.1
      '@typescript-eslint/types': 8.57.1
      '@typescript-eslint/typescript-estree': 8.57.1(typescript@5.9.3)
      '@typescript-eslint/visitor-keys': 8.57.1
      debug: 4.4.3
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)
      typescript: 5.9.3
    transitivePeerDependencies:
      - supports-color
@@ -3443,13 +3715,13 @@ snapshots:
    dependencies:
      typescript: 5.9.3

-  '@typescript-eslint/type-utils@8.57.1(eslint@9.39.4)(typescript@5.9.3)':
+  '@typescript-eslint/type-utils@8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
    dependencies:
      '@typescript-eslint/types': 8.57.1
      '@typescript-eslint/typescript-estree': 8.57.1(typescript@5.9.3)
-      '@typescript-eslint/utils': 8.57.1(eslint@9.39.4)(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
      debug: 4.4.3
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)
      ts-api-utils: 2.5.0(typescript@5.9.3)
      typescript: 5.9.3
    transitivePeerDependencies:
@@ -3472,13 +3744,13 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  '@typescript-eslint/utils@8.57.1(eslint@9.39.4)(typescript@5.9.3)':
+  '@typescript-eslint/utils@8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
    dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@2.6.1))
      '@typescript-eslint/scope-manager': 8.57.1
      '@typescript-eslint/types': 8.57.1
      '@typescript-eslint/typescript-estree': 8.57.1(typescript@5.9.3)
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)
      typescript: 5.9.3
    transitivePeerDependencies:
      - supports-color
@@ -3820,8 +4092,7 @@ snapshots:

  destroy@1.2.0: {}

-  detect-libc@2.1.2:
-    optional: true
+  detect-libc@2.1.2: {}

  doctrine@2.1.0:
    dependencies:
@@ -3854,6 +4125,11 @@ snapshots:

  encodeurl@2.0.0: {}

+  enhanced-resolve@5.20.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.0
+
  es-abstract@1.24.1:
    dependencies:
      array-buffer-byte-length: 1.0.2
@@ -4047,19 +4323,19 @@ snapshots:

  escape-string-regexp@4.0.0: {}

-  eslint-config-next@15.5.14(eslint@9.39.4)(typescript@5.9.3):
+  eslint-config-next@15.5.14(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3):
    dependencies:
      '@next/eslint-plugin-next': 15.5.14
      '@rushstack/eslint-patch': 1.16.1
-      '@typescript-eslint/eslint-plugin': 8.57.1(@typescript-eslint/parser@8.57.1(eslint@9.39.4)(typescript@5.9.3))(eslint@9.39.4)(typescript@5.9.3)
-      '@typescript-eslint/parser': 8.57.1(eslint@9.39.4)(typescript@5.9.3)
-      eslint: 9.39.4
+      '@typescript-eslint/eslint-plugin': 8.57.1(@typescript-eslint/parser@8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.4(jiti@2.6.1)
      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4)
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.1(eslint@9.39.4)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4)
-      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4)
-      eslint-plugin-react: 7.37.5(eslint@9.39.4)
-      eslint-plugin-react-hooks: 5.2.0(eslint@9.39.4)
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-react: 7.37.5(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-react-hooks: 5.2.0(eslint@9.39.4(jiti@2.6.1))
    optionalDependencies:
      typescript: 5.9.3
    transitivePeerDependencies:
@@ -4067,9 +4343,9 @@ snapshots:
      - eslint-plugin-import-x
      - supports-color

-  eslint-config-prettier@9.1.2(eslint@9.39.4):
+  eslint-config-prettier@9.1.2(eslint@9.39.4(jiti@2.6.1)):
    dependencies:
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)

  eslint-import-resolver-node@0.3.9:
    dependencies:
@@ -4079,33 +4355,33 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

-  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4):
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@2.6.1)):
    dependencies:
      '@nolyfill/is-core-module': 1.0.39
      debug: 4.4.3
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)
      get-tsconfig: 4.13.6
      is-bun-module: 2.0.0
      stable-hash: 0.0.5
      tinyglobby: 0.2.15
      unrs-resolver: 1.11.1
    optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.1(eslint@9.39.4)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.6.1))
    transitivePeerDependencies:
      - supports-color

-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.57.1(eslint@9.39.4)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.6.1)):
    dependencies:
      debug: 3.2.7
    optionalDependencies:
-      '@typescript-eslint/parser': 8.57.1(eslint@9.39.4)(typescript@5.9.3)
-      eslint: 9.39.4
+      '@typescript-eslint/parser': 8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.4(jiti@2.6.1)
      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4)
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.39.4(jiti@2.6.1))
    transitivePeerDependencies:
      - supports-color

-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.1(eslint@9.39.4)(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.6.1)):
    dependencies:
      '@rtsao/scc': 1.1.0
      array-includes: 3.1.9
@@ -4114,9 +4390,9 @@ snapshots:
      array.prototype.flatmap: 1.3.3
      debug: 3.2.7
      doctrine: 2.1.0
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)
      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.57.1(eslint@9.39.4)(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4)
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.39.4(jiti@2.6.1))
      hasown: 2.0.2
      is-core-module: 2.16.1
      is-glob: 4.0.3
@@ -4128,13 +4404,13 @@ snapshots:
      string.prototype.trimend: 1.0.9
      tsconfig-paths: 3.15.0
    optionalDependencies:
-      '@typescript-eslint/parser': 8.57.1(eslint@9.39.4)(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.57.1(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
    transitivePeerDependencies:
      - eslint-import-resolver-typescript
      - eslint-import-resolver-webpack
      - supports-color

-  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.4):
+  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.4(jiti@2.6.1)):
    dependencies:
      aria-query: 5.3.2
      array-includes: 3.1.9
@@ -4144,7 +4420,7 @@ snapshots:
      axobject-query: 4.1.0
      damerau-levenshtein: 1.0.8
      emoji-regex: 9.2.2
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)
      hasown: 2.0.2
      jsx-ast-utils: 3.3.5
      language-tags: 1.0.9
@@ -4153,11 +4429,11 @@ snapshots:
      safe-regex-test: 1.1.0
      string.prototype.includes: 2.0.1

-  eslint-plugin-react-hooks@5.2.0(eslint@9.39.4):
+  eslint-plugin-react-hooks@5.2.0(eslint@9.39.4(jiti@2.6.1)):
    dependencies:
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)

-  eslint-plugin-react@7.37.5(eslint@9.39.4):
+  eslint-plugin-react@7.37.5(eslint@9.39.4(jiti@2.6.1)):
    dependencies:
      array-includes: 3.1.9
      array.prototype.findlast: 1.2.5
@@ -4165,7 +4441,7 @@ snapshots:
      array.prototype.tosorted: 1.1.4
      doctrine: 2.1.0
      es-iterator-helpers: 1.3.1
-      eslint: 9.39.4
+      eslint: 9.39.4(jiti@2.6.1)
      estraverse: 5.3.0
      hasown: 2.0.2
      jsx-ast-utils: 3.3.5
@@ -4190,9 +4466,9 @@ snapshots:

  eslint-visitor-keys@5.0.1: {}

-  eslint@9.39.4:
+  eslint@9.39.4(jiti@2.6.1):
    dependencies:
-      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4)
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@2.6.1))
      '@eslint-community/regexpp': 4.12.2
      '@eslint/config-array': 0.21.2
      '@eslint/config-helpers': 0.4.2
@@ -4226,6 +4502,8 @@ snapshots:
      minimatch: 3.1.5
      natural-compare: 1.4.0
      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 2.6.1
    transitivePeerDependencies:
      - supports-color

@@ -4416,6 +4694,8 @@ snapshots:

  gopd@1.2.0: {}

+  graceful-fs@4.2.11: {}
+
  has-bigints@1.1.0: {}

  has-flag@4.0.0: {}
@@ -4596,6 +4876,8 @@ snapshots:
      has-symbols: 1.1.0
      set-function-name: 2.0.2

+  jiti@2.6.1: {}
+
  joycon@3.1.1: {}

  js-tokens@4.0.0: {}
@@ -4636,6 +4918,55 @@ snapshots:
      prelude-ls: 1.2.1
      type-check: 0.4.0

+  lightningcss-android-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.32.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.32.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.32.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.32.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.32.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.32.0:
+    optional: true
+
+  lightningcss@1.32.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.32.0
+      lightningcss-darwin-arm64: 1.32.0
+      lightningcss-darwin-x64: 1.32.0
+      lightningcss-freebsd-x64: 1.32.0
+      lightningcss-linux-arm-gnueabihf: 1.32.0
+      lightningcss-linux-arm64-gnu: 1.32.0
+      lightningcss-linux-arm64-musl: 1.32.0
+      lightningcss-linux-x64-gnu: 1.32.0
+      lightningcss-linux-x64-musl: 1.32.0
+      lightningcss-win32-arm64-msvc: 1.32.0
+      lightningcss-win32-x64-msvc: 1.32.0
+
  lilconfig@3.1.3: {}

  lines-and-columns@1.2.4: {}
@@ -4845,11 +5176,12 @@ snapshots:

  possible-typed-array-names@1.1.0: {}

-  postcss-load-config@6.0.1(postcss@8.4.31)(tsx@4.21.0):
+  postcss-load-config@6.0.1(jiti@2.6.1)(postcss@8.5.8)(tsx@4.21.0):
    dependencies:
      lilconfig: 3.1.3
    optionalDependencies:
-      postcss: 8.4.31
+      jiti: 2.6.1
+      postcss: 8.5.8
      tsx: 4.21.0

  postcss@8.4.31:
@@ -4858,6 +5190,12 @@ snapshots:
      picocolors: 1.1.1
      source-map-js: 1.2.1

+  postcss@8.5.8:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
  postgres@3.4.8: {}

  prelude-ls@1.2.1: {}
@@ -5222,6 +5560,10 @@ snapshots:

  supports-preserve-symlinks-flag@1.0.0: {}

+  tailwindcss@4.2.2: {}
+
+  tapable@2.3.0: {}
+
  thenify-all@1.6.0:
    dependencies:
      thenify: 3.3.1
@@ -5260,7 +5602,7 @@ snapshots:

  tslib@2.8.1: {}

-  tsup@8.5.1(postcss@8.4.31)(tsx@4.21.0)(typescript@5.9.3):
+  tsup@8.5.1(jiti@2.6.1)(postcss@8.5.8)(tsx@4.21.0)(typescript@5.9.3):
    dependencies:
      bundle-require: 5.1.0(esbuild@0.27.4)
      cac: 6.7.14
@@ -5271,7 +5613,7 @@ snapshots:
      fix-dts-default-cjs-exports: 1.0.1
      joycon: 3.1.1
      picocolors: 1.1.1
-      postcss-load-config: 6.0.1(postcss@8.4.31)(tsx@4.21.0)
+      postcss-load-config: 6.0.1(jiti@2.6.1)(postcss@8.5.8)(tsx@4.21.0)
      resolve-from: 5.0.0
      rollup: 4.59.0
      source-map: 0.7.6
@@ -5280,7 +5622,7 @@ snapshots:
      tinyglobby: 0.2.15
      tree-kill: 1.2.2
    optionalDependencies:
-      postcss: 8.4.31
+      postcss: 8.5.8
      typescript: 5.9.3
    transitivePeerDependencies:
      - jiti