Comprehensive admin + user dashboards (production-ready)

app/(app)/series/page.tsx

@@ -8,6 +8,7 @@ import { PageHeader } from "@/components/app/page-header";
 import { UpgradeGate } from "@/components/app/upgrade-gate";
 import { SeriesCreateForm } from "@/components/app/series-create-form";
 import { Card, CardContent } from "@/components/ui/card";
+import { EmptyState } from "@/components/ui/empty-state";
 
 export const metadata: Metadata = { title: "Series" };
 
@@ -47,13 +48,13 @@ export default async function SeriesPage() {
 
       <SeriesCreateForm />
 
-      {series.length > 0 && (
-        <div className="mt-8 space-y-3">
-          <h2 className="text-sm font-semibold text-muted-foreground">Your seasons</h2>
+      <div className="mt-8 space-y-3">
+        <h2 className="text-sm font-semibold text-muted-foreground">Your seasons</h2>
+        {series.length > 0 ? (
           <div className="grid gap-3 sm:grid-cols-2">
             {series.map((s) => (
               <Link key={s.id} href={`/series/${s.id}`}>
-                <Card className="transition-shadow hover:shadow-md">
+                <Card className="transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md">
                   <CardContent className="flex items-center gap-3 py-4">
                     <span className="flex h-11 w-11 items-center justify-center rounded-xl bg-brand/10 text-brand">
                       <ListMusic className="h-5 w-5" />
@@ -69,8 +70,14 @@ export default async function SeriesPage() {
               </Link>
             ))}
           </div>
-        </div>
-      )}
+        ) : (
+          <EmptyState
+            icon={ListMusic}
+            title="No seasons yet"
+            description="Plan a cohesive season above, then generate each episode in a couple of clicks."
+          />
+        )}
+      </div>
     </>
   );
 }