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

src/app/admin/radio/api-keys/page.tsx

@@ -119,7 +119,7 @@ export default async function AdminRadioApiKeysPage() {
           {t("apiKeysForm.generateHint")}
         </p>
         <form action={createApiKey} className="admin-card">
-          <div className="grid cols-2">
+          <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
             <div>
               <label htmlFor="new_name" style={{ display: "block", fontWeight: 700 }}>
                 {t("apiKeysForm.name")}

src/app/admin/radio/autodj/page.tsx

@@ -118,7 +118,7 @@ export default async function AdminRadioAutoDjPage() {
       <section className="mt-6">
         <h2 className="admin-section-title">{t("autoDjForm.addTrack")}</h2>
         <form action={createTrack} className="admin-card">
-          <div className="grid cols-2">
+          <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
             <div>
               <label htmlFor="new_title" style={{ display: 'block', fontWeight: 700 }}>
                 {t("autoDjForm.title")}

src/app/admin/radio/banners/page.tsx

@@ -101,7 +101,7 @@ export default async function AdminRadioBannersPage() {
       <section className="mt-6">
         <h2 className="admin-section-title">{t("banners.addBanner")}</h2>
         <form action={createRadioBanner} className="admin-card">
-          <div className="grid cols-2">
+          <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
             <div>
               <label htmlFor="new_imagePath" style={{ display: 'block', fontWeight: 700 }}>
                 {t("banners.form.imagePath")}
@@ -185,7 +185,7 @@ export default async function AdminRadioBannersPage() {
 
                 <form action={updateRadioBanner}>
                   <input type="hidden" name="id" value={String(b.id)} />
-                  <div className="grid cols-2">
+                  <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
                     <div>
                       <label
                         htmlFor={`img_${b.id}`}

src/app/admin/radio/points/page.tsx

@@ -108,7 +108,7 @@ export default async function AdminRadioPointsPage({
       <section className="mt-6">
         <h2 className="admin-section-title">{t("pointsForm.settings")}</h2>
         <form action={savePoints}>
-          <div className="grid cols-2">
+          <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
             <div>
               <label htmlFor="radio_points_enabled" style={{ display: "block", fontWeight: 700 }}>
                 {t("pointsForm.pointsEnabled")}

src/app/admin/radio/ranks/page.tsx

@@ -84,7 +84,7 @@ export default async function AdminRadioRanksPage() {
       <section className="mt-6">
         <h2 className="admin-section-title">{t("ranksForm.addRank")}</h2>
         <form action={createRadioRank} className="admin-card">
-          <div className="grid cols-3">
+          <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
             <div>
               <label htmlFor="new_name" style={{ display: 'block', fontWeight: 700 }}>
                 {t("ranksForm.name")}

src/app/admin/radio/settings/page.tsx

@@ -279,7 +279,7 @@ export default async function AdminRadioSettingsPage() {
         {groups.map((group) => (
           <section key={group.title} className="admin-card" style={{ marginBottom: '1.25rem' }}>
             <h2 style={{ marginTop: 0 }}>{group.title}</h2>
-            <div className="grid cols-2">
+            <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
               {group.fields.map((field) => (
                 <div key={field.key}>
                   <label