Admin AI Tools page: unified design system styling, provider selector with OpenAI turd emoji, free-text model input with exact ID warning

src/app/admin/layout.tsx

@@ -2,6 +2,7 @@ import AdminSidebar from "@/components/admin/AdminSidebar";
 import AdminAccessDenied from "@/components/admin/AdminAccessDenied";
 import { getAdminUser } from "@/lib/admin-permissions";
 import { redirect } from "next/navigation";
+import "@/styles/admin-design-system.css";
 
 export default async function AdminLayout({ children }: { children: React.ReactNode }) {
   const adminUser = await getAdminUser();
@@ -10,8 +11,8 @@ export default async function AdminLayout({ children }: { children: React.ReactN
     return (
       <>
         <AdminSidebar userRole={null} />
-        <div className="min-h-screen lg:pl-60" style={{ backgroundColor: "#fdfaf6" }}>
-          <AdminAccessDenied message="Your account does not have admin access." />
+        <div className="min-h-screen lg:pl-60 admin-section" style={{ backgroundColor: "var(--admin-bg)" }}>
+        <AdminAccessDenied message="Your account does not have admin access." />
         </div>
       </>
     );
@@ -24,7 +25,7 @@ export default async function AdminLayout({ children }: { children: React.ReactN
   return (
     <>
       <AdminSidebar userRole={adminUser.role} />
-      <div className="min-h-screen lg:pl-60" style={{ backgroundColor: "#fdfaf6" }}>
+      <div className="min-h-screen lg:pl-60 admin-section" style={{ backgroundColor: "var(--admin-bg)" }}>
         {children}
       </div>
     </>