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/radio/ranks/page.tsx

@@ -61,7 +61,7 @@ export default async function AdminRadioRanksPage() {
           </p>
         </div>
       ) : (
-        <div className="admin-stats">
+        <div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
           <StatusCard label="Ranks" value={ranks.length} icon="🎖️" />
           <StatusCard
             label="Active"
@@ -72,7 +72,7 @@ export default async function AdminRadioRanksPage() {
         </div>
       )}
 
-      <section className="admin-section">
+      <section className="mt-6">
         <h2>Add rank</h2>
         <form action={createRadioRank} className="card">
           <div className="grid cols-3">
@@ -108,7 +108,7 @@ export default async function AdminRadioRanksPage() {
         </form>
       </section>
 
-      <section className="admin-section">
+      <section className="mt-6">
         <h2>Existing ranks ({ranks.length})</h2>
         {ranks.length === 0 ? (
           <p className="muted">No ranks yet — add one above.</p>
@@ -126,7 +126,7 @@ export default async function AdminRadioRanksPage() {
                   }}
                 >
                   <strong>#{String(r.id)}</strong>
-                  <span className={`admin-badge ${r.isActive ? 'ok' : 'danger'}`}>
+                  <span className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${r.isActive ? 'bg-green-600/20 text-[var(--color-text)]' : 'bg-red-500/22 text-[var(--color-text)]'}`}>
                     {r.isActive ? 'active' : 'inactive'}
                   </span>
                 </div>