Fix theme consistency, i18n completeness, CSS variable naming, and hardcoded strings

src/app/admin/teams/page.tsx

@@ -62,7 +62,7 @@ export default async function AdminTeams() {
       <div className="admin-card" style={{ marginBottom: "1.5rem" }}>
         <h3 style={{ marginTop: 0 }}>{t("newTeamRank")}</h3>
         <form action={createTeam} style={{ display: "grid", gap: "0.6rem" }}>
-          <div className="grid cols-2">
+          <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
             <label style={{ display: "grid", gap: "0.25rem" }}>
               <span className="text-sm text-gray-500 dark:text-gray-400">{t("rankName")}</span>
               <input name="rankName" placeholder={t("rankNamePlaceholder")} required />