Move checkbox text before input

src/pages/Security.jsx

@@ -38,29 +38,29 @@ const Security = () => {
       <div className="security-item">
         <h2>Métodos de Autorização</h2>
         <div className="auth-methods">
-          <label>
+          <label className="checkbox-label">
+            RFID
             <input
               type="checkbox"
               checked={authMethods.RFID}
               onChange={() => handleAuthMethodChange('RFID')}
             />
-            RFID
           </label>
-          <label>
+          <label className="checkbox-label">
+            Aplicativo
             <input
               type="checkbox"
               checked={authMethods.App}
               onChange={() => handleAuthMethodChange('App')}
             />
-            Aplicativo
           </label>
-          <label>
+          <label className="checkbox-label">
+            Senha
             <input
               type="checkbox"
               checked={authMethods.Password}
               onChange={() => handleAuthMethodChange('Password')}
             />
-            Senha
           </label>
         </div>
       </div>