refactor: convert admin panel to Tailwind CSS

- Convert admin layout, sidebar, and navigation to Tailwind classes
- Convert dashboard components (StatusCard, DiagnosticRow, etc.) to Tailwind
- Convert all ~48 admin page files from admin CSS classes to Tailwind
- Remove unused admin CSS from globals.css (973 → 712 lines)
- Convert developers page badges to Tailwind
- Remove <style jsx> block from OnlineUsersWidget

src/app/admin/commandocentrum/page.tsx

@@ -91,7 +91,7 @@ export default async function CommandoCentrum() {
       </p>
 
       {/* ── Live status ────────────────────────────────────────── */}
-      <div className="admin-stats" style={{ marginTop: "1.1rem" }}>
+      <div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6" style={{ marginTop: "1.1rem" }}>
         <StatusCard
           label="Players online"
           value={onlineCount}
@@ -135,7 +135,7 @@ export default async function CommandoCentrum() {
       <div className="grid cols-2">
         <section className="card">
           <h2 style={{ marginTop: 0 }}>Server info</h2>
-          <div className="admin-info-grid">
+          <div className="grid grid-cols-[repeat(auto-fit,minmax(150px,1fr))] gap-2.5">
             <InfoItem label="Node" value={process.version} />
             <InfoItem label="Platform" value={`${process.platform} ${process.arch}`} />
             <InfoItem label="App uptime" value={uptime(process.uptime())} />
@@ -149,7 +149,7 @@ export default async function CommandoCentrum() {
 
         <section className="card">
           <h2 style={{ marginTop: 0 }}>System diagnostics</h2>
-          <div className="admin-diag">
+          <div className="flex flex-col">
             <DiagnosticRow
               label="Database"
               detail={dbOk ? "Connection healthy" : "Unreachable"}
@@ -185,7 +185,7 @@ export default async function CommandoCentrum() {
       </div>
 
       {/* ── RCON controls ──────────────────────────────────────── */}
-      <section className="admin-section">
+      <section className="mt-6">
         <h2>Emulator controls</h2>
         <div className="grid cols-3">
           <form action={updateCatalog} className="card">
@@ -240,7 +240,7 @@ export default async function CommandoCentrum() {
       </section>
 
       {/* ── User RCON actions ──────────────────────────────────── */}
-      <section className="admin-section">
+      <section className="mt-6">
         <h2>User actions (RCON)</h2>
         <p className="muted" style={{ marginTop: "-0.4rem" }}>
           Enter a User ID to perform actions on a specific user. Username required for disconnect.
@@ -345,7 +345,7 @@ export default async function CommandoCentrum() {
       </section>
 
       {/* ── Staff activity ─────────────────────────────────────── */}
-      <section className="admin-section">
+      <section className="mt-6">
         <h2>Recent staff activity</h2>
         {activity.length === 0 ? (
           <p className="muted">No staff activity logged yet.</p>
@@ -367,7 +367,7 @@ export default async function CommandoCentrum() {
                   </td>
                   <td>{nameById.get(Number(a.userId)) ?? `#${a.userId}`}</td>
                   <td>
-                    <span className="admin-badge">{a.action}</span>
+                    <span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-primary)]/18 text-[var(--color-text)]">{a.action}</span>
                   </td>
                   <td>{a.description}</td>
                 </tr>
@@ -378,7 +378,7 @@ export default async function CommandoCentrum() {
       </section>
 
       {/* ── Emulator errors ────────────────────────────────────── */}
-      <section className="admin-section">
+      <section className="mt-6">
         <h2>Recent emulator errors</h2>
         {errors.length === 0 ? (
           <p className="muted">No emulator errors logged.</p>